Webwerwe is anders as enige kommunikasiemedium wat voor hulle gekom het. Een van die belangrikste dinge wat webwerwe apart van vorige mediaformate soos druk, radio en selfs televisie stel, is die konsep van die " hyperlink ".
Hiperskakels, wat ook algemeen bekend staan as "skakels", is wat die Web so dinamies maak. In teenstelling met 'n gedrukte publikasie wat 'n ander artikel of ander bron kan verwys, kan webwerwe hierdie skakels gebruik om werklik besoekers na ander bladsye en bronne te stuur. Geen ander uitsendingsmedium kan dit doen nie. Jy kan 'n advertensie op die radio of kyk op TV hoor, maar daar is geen hiperskakels wat jou na die maatskappye in die advertensies kan neem soos die webwerf maklik kan doen nie. Skakels is werklik 'n wonderlike kommunikasie- en interaktiewe hulpmiddel!
Dikwels is die skakels wat op 'n webwerf gevind word, teksinhoud wat besoekers na ander bladsye van dieselfde webwerf rig. 'N Webwerf se navigasie is een voorbeeld van teksskakels in die praktyk, maar skakels hoef nie teksgebaseer te wees nie. U kan ook maklik beelde op u webwerf koppel. Kom ons kyk hoe dit gedoen word, gevolg deur sommige gevalle waar u prentgebaseerde hiperskakels wil gebruik.
Hoe om 'n prent te koppel
Die eerste ding wat u moet doen is om die prent self in u HTML- dokument te plaas. 'N Algemene gebruik van 'n prentgebaseerde skakel is die grafiese prent van die werf wat dan weer gekoppel word aan die tuisblad se webwerf. In ons voorbeeldkode hieronder, is die lêer wat ons gebruik, 'n SVG vir ons logo. Dit is 'n goeie keuse, aangesien dit ons beeld kan skaal vir verskillende resolusies, terwyl die beeldkwaliteit en 'n klein algehele lêergrootte gehandhaaf word.
Gaan soos volg te werk om jou prent in die HTML-dokument te plaas:
Rondom die prentetiket voeg jy nou die ankerskakel, die ankerelement voor die prentjie oop en die anker na die prentjie toe. Dit is soortgelyk aan hoe jy teks sal koppel, net in plaas van die woorde wat jy wil koppel aan die ankermerke, in te vou, draai jy die prentjie. In ons voorbeeld hieronder skakel ons terug na die tuisblad van ons webwerf, wat "index.html" is.
Wanneer u hierdie HTML by u bladsy voeg, moet u geen spasies tussen die ankermark en die prentetiket plaas nie. As jy dit doen, sal sommige blaaiers klein bosluise langs die prentjie voeg, wat vreemd sal lyk.
Die logo-beeld sal nou ook as 'n tuisblad knoppie optree, wat vandag eintlik 'n webstandaard is. Let op dat ons geen visuele style, soos die breedte en hoogte van die prent, in ons HTML-opmaak insluit nie. Ons sal hierdie visuele style na CSS verlaat en 'n skoon skeiding van HTML-struktuur en CSS-style handhaaf.
Sodra jy by CSS kom, kan die style wat jy skryf om hierdie logo grafiese teiken, die grootte van die beeld insluit, insluitende reaksie-style vir multi-toestel vriendelike beelde, asook enige visuele materiaal wat jy graag by die beeld / skakel wil voeg, soos grense of CSS val skaduwees. U kan ook u prentjie of skakel 'n klas eienskap indien u addisionele "hake" benodig om met u CSS-style te gebruik.
Gebruik Gevalle vir Beeldskakels
So voeg 'n beeld skakel is redelik maklik. Soos ons nou net gesien het, moet u net die prentjie met die toepaslike anker-etikette verpak. Jou volgende vraag mag wees: "Wanneer sal jy dit in die praktyk doen, behalwe die voorgemelde logo / tuisblad skakel voorbeeld?"
Hier is 'n paar gedagtes:
- Duimnaelskets beelde in 'n galery wat verband hou met groter weergawes van die beelde.
- Prente wat alleen gebruik word om inhoud voor te stel, soos produkfoto's vir 'n e-handelswebwerf.
- Ondersoek beelde wat deel uitmaak van ander inhoud, soos 'n blogartikel of persverklaring, wat mense aanspoor om daardie inhoud op te let, gee hulle 'n teikenarea om te tik of klik om die volledige artikel te lees.
- Ikoon beelde wat gebruik word as knoppies om te koppel aan spesifieke funksies of bladsye binne die werf.
- Sosiale media skakels wat gebruik maak van die herkenbare logo's van die verskillende sosiale media webwerwe wat belangrik is vir die webwerf of maatskappy.
- Prente wat gebruik word as knoppies vir sekere funksies, soos vorm voorleggings (beste praktyknotas - vanuit 'n prestasieperspektief van die webwerf, knoppies wat suiwer met CSS is, is 'n beter keuse as beeldknoppies).
'N Herinnering wanneer beelde gebruik word
Beelde kan 'n belangrike rol speel in die sukses van 'n webwerf. Een van die voorbeelde wat hierbo gegee word, gebruik beelde saam met ander inhoud om die aandag daarop te vestig en mense te laat lees.
Wanneer u beelde gebruik, moet u die regte prentjie kies vir u behoeftes . Dit sluit die korrekte beeldinhoud, formaat in en maak seker dat enige beelde wat u op u webwerf gebruik, behoorlik geoptimaliseer word vir die lewering van die webwerf . Dit kan lyk soos 'n baie werk net om beelde toe te voeg, maar die uitbetaling is die moeite werd! Beelde kan regtig soveel bydra tot die sukses van 'n webwerf.
Moenie huiwer om toepaslike beelde op jou werf te gebruik nie, en koppel die beelde wanneer dit nodig is om interaktief by jou inhoud te voeg, maar ook in gedagte te hou met die beste beelde van hierdie beeld en gebruik hierdie grafika / skakels korrek en verantwoordelik in jou webontwerpwerk.