Webguneak aurretik zeuden edozein komunikazio-bide ez bezala daude. Webguneak, aurreko inprimakietan, inprimatu, irratia eta telebista bezalako webguneak ez ezik, hiperestekaren kontzeptua da.
Hiperestekak, "loturak" bezala ere ezagunak direnez, Weba hain dinamikoa bihurtzen dute. Beste orrialde bat edo beste baliabide bat erreferentziatzeko argitaratutako argitalpen ez bezala, webguneek esteka hauek erabil ditzakete bisitariei beste orri eta baliabide horiei bidaltzeko. Ez da beste hedabide-euskarririk egin dezakeenik. Irratian irrati edo telebistan ikusi ahal izango duzu iragarkia, baina iragarki horietako enpresek webguneak erraz egin ditzaten hiperestekak ez dira. Loturak komunikazio eta elkarrekintza tresna harrigarriak dira benetan!
Sarritan, webgune batean aurkitutako estekak guneko beste orrialdeetara zuzentzen dituzten testu-edukiak dira. Webguneen nabigazioa testu-esteken adibide bat da praktikan, baina estekek ez dute testuetan oinarritu behar. Irudiak ere erraz ditzakezu zure webgunean. Ikus dezagun nola egiten den, irudiak lotutako hiperestekak erabili nahi dituzun instantzia batzuk jarraituz.
Nola lotu irudi bat
Lehenik eta behin, egin behar duzun irudia HTML dokumentuan jartzea da. Irudiak oinarritutako estekaren erabilera arruntak webgunearen logoaren grafikoa da eta webgunearen hasierako orriari lotzen zaio. Beheko gure adibidean, SVG erabiltzen dugu gure logotipora. Aukera ona da, gure irudia ebazpen ezberdinetara eskalatzea ahalbidetuko duenez, irudiaren kalitatea eta fitxategi tamaina txiki bat mantentzen baititu.
Hona hemen zure irudia HTML dokumentuan kokatzeko:
Irudiaren etiketaren inguruan, ainguraketaren estekan gehituko zenuke, irudiaren aurretik elementu aingura ireki eta irudiaren ondorengo ainguraren itxiera. Testua estekatzeko modukoa da, soilik ainguratze etiketak dituzten estekak izan nahi dituzun hitzak biltzeko ordez, irudia biltzeko. Beheko gure adibidean, gure webgunearen orri nagusira estekatzen ari gara, hau da, "index.html".
HTMLa zure orrialdean gehitzen duzunean, ez jarri espazioa ainguratutako etiketa eta irudiaren etiketa artean. Egin egiten baduzu, nabigatzaile batzuek irudi txikiak gehituko dituzte, bakoitiak begiratuta.
Irudiaren irudia gaur egun ere hasiera orriko botoi gisa jardun liteke, gaur egungo web estandar bat nahiko da. Ikus ezazu ez dugula inolako estilo bisualik, adibidez, irudiaren zabalera eta altuera, gure HTML markan. Ikusizko estilo horiek CSS-tik utziko ditugu eta HTML egitura eta CSS estiloen bereizketa garbi mantenduko dugu.
Behin CSSra iristen zarenean, irudi grafikoa helburu horretarako idazten dituzun estiloak irudiaren tamaina aldatzea dakar, estilo anitzeko gailu anitzeko irudiak eta irudia / estekari gehitu nahi dizkiozun edozein irudi, hala nola mugak edo CSS itzal itzalak. Zure irudia ere eman dezakezu edo klasearen atributu bat lotu behar duzu zure "CSS" estiloekin erabiliko dituzun "hooks" gehigarriak.
Erabili kasuak irudien esteketarako
Irudiaren esteka bat gehitzea nahiko erraza da. Ikusi dugunez, egin behar duzun guztia ainguratze etiketak egokitutako irudia biltzen da. Zure hurrengo galdera izan liteke "noiz praktikan hau egitean, aipatutako logotipo / orri nagusiko esteka adibideaz gain?"
Hona hemen zenbait pentsamendu:
- Irudi horietako bertsio handiagoekin estekatutako galeria batean dauden irudiak.
- Eduki irudikatzeko bakarrik erabiltzen diren irudiak, merkataritza elektronikoaren webguneko produktuen argazkiak bezala.
- Beste eduki batzuen parte diren teaser irudiak, blogeko artikulu bat edota prentsa-oharra bezalakoak, jendeak edukia nabarmentzen dio objektu-eremu bat sakatzeko edo egin klik artikulu osoa irakurtzeko.
- Ikonoen irudiak, botoi gisa erabil ditzakezun funtzionalitate edo gune jakin batera konektatzeko.
- Gizarte-komunikabideen loturak erabiltzen dituzten gune edo konpainia garrantzitsuenak diren gizarte sareen logotipo ezagunak erabiltzen dituzten estekak.
- Funtzionaltasun jakin batzuetarako botoi gisa erabilitako irudiak, inprimaki bidalketak (praktika onen oharra - webgune baten errendimenduaren ikuspegitik, CSS-rekin soilik oinarritutako botoiak irudi botoiak baino aukera hobea dira).
Irudiak erabiltzean oroigarri bat
Irudiak web orrialde arrakastatsu batean zeregin garrantzitsua izan dezake. Goian aipatutako adibideetako batek aipatutako edukiak beste edukiekin batera aipatzen du edukia arretaz erakartzeko eta jendeak irakurtzeko.
Irudiak erabiltzean, zure beharretarako eskuineko irudia hautatuta egongo da kontuan, irudiaren irudi zuzena, formatua eta zure webgunean erabiltzen dituzun irudiak behar bezala ondo optimizatzen direla ziurtatzeko. Irudiak gehitzeko lan asko dirudi, baina ordainketa merezi du! Irudiak hainbeste gune arrakastatsua gehi dezake.
Ez izan zalantzarik zure webguneko irudi egokiak erabiltzeko eta irudiak lotzeko beharrezkoa denean, zure edukiari modu interaktibo bat gehitzeko, baina irudi horiek praktika onenen artean ere kontutan izan eta grafiko / esteka hauei modu egokian eta modu arduratsuan erabili zure diseinuarekin.