Ang mga website dili sama sa bisan unsang communication medium nga nag-una kanila. Usa sa mga nag-unang mga butang nga nagbutang sa mga website gawas sa mga naunang media format sama sa print, radyo, ug bisan telebisyon mao ang konsepto sa " hyperlink ".
Ang mga hyperlink, nga sagad nga nailhan lamang nga "mga link", mao ang naghimo sa Web nga ingon ka dinamiko. Dili sama sa usa ka giimprinta nga publikasyon nga mahimong maghisgot sa laing artikulo o uban nga mga kapanguhaan, ang mga website makagamit niining mga sumpay aron sa aktwal nga magpadala sa mga bisita ngadto sa uban nga mga panid ug mga kapanguhaan. Walay laing medium nga sibya mahimo niini. Makadungog ka sa usa ka ad sa radyo o sa pagtan-aw sa TV, apan walay mga hyperlink nga magdala kanimo ngadto sa mga kompaniya sa mga ad sa pamaagi nga ang website daling mahimo. Ang mga tinuud usa ka talagsaon nga komunikasyon ug himan sa interaksyon!
Kasagaran, ang mga link nga makita sa usa ka website mao ang sulod sa teksto nga nagdumala sa mga bisita sa ubang mga pahina sa sama nga site. Usa ka pananglitan sa usa ka website mao ang usa ka panig-ingnan sa mga teksto nga may kalabutan sa praktis apan ang mga pag-link dili kinahanglan nga ibutang sa teksto. Mahimo ka usab nga dali mag-link sa mga larawan sa imong website. Atong tan-awon kung giunsa kini nahuman, gisundan sa pipila ka mga higayon diin gusto nimong gamiton ang mga hyperlink nga nakabase sa hulagway.
Unsaon Pag-Link sa usa ka Imahe
Ang unang butang nga kinahanglan nimo nga buhaton mao ang pagbutang sa imahe mismo sa imong HTML nga dokumento. Usa ka komon nga paggamit sa usa ka hulagway nga nakabase sa hulagway mao ang logo graphic sa site nga dayon nalambigit balik sa homepage sa site. Sa among panig-ingnan nga code sa ubos, ang file nga among gigamit usa ka SVG alang sa among logo. Kini usa ka maayo nga pagpili tungod kay kini magtugot sa atong imahe sa pagsukod alang sa nagkalainlain nga mga resolusyon, sa tanang panahon nagpadayon sa kalidad sa imahe ug usa ka gamay nga kinatibuk-ang gidak-on sa file.
Ania kung unsaon nimo ibutang ang imong larawan sa HTML nga dokumento:
Sa palibot sa tag sa imahen, mahimo nimo nga idugang ang link sa anchor, ablihan ang anchor element sa atubangan sa hulagway ug tapuson ang anchor human sa hulagway. Susama kini kung unsaon nimo pag-link ang teksto, imbis nga ibutang ang mga pulong nga gusto nimo nga mahimong usa ka sumpay sa mga tag sa anchor, imong ibaligya ang larawan. Sa among panig-ingnan sa ubos, kami nag-link balik sa homepage sa among site, nga "index.html".
Sa pagdugang niini nga HTML sa imong panid, ayaw ibutang ang bisan unsang mga luna tali sa anchor tag ug sa tag sa larawan. Kung buhaton nimo, ang pipila ka mga browsers makadugang sa gagmay nga mga tuta sa kilid sa imahe, nga dili makita.
Ang logo image karon mahimo usab nga usa ka button sa homepage, nga usa ka web standard niining mga adlawa. Matikdi nga wala kita maglakip sa bisan unsang mga estilo sa biswal, sama sa gilapdon ug gitas-on sa imahe, sa atong HTML markup. Biyaan nato kining mga estilo sa biswal ngadto sa CSS ug ipadayon ang limpyo nga pagbulag sa istruktura sa HTML ug estilo sa CSS.
Sa higayon nga moadto ka sa CSS, ang mga estilo nga imong isulat aron sa pag-target niini nga graphic logo mahimong maglakip sa pag-sizing sa hulagway, lakip na ang mga estilo sa pagsanong alang sa multi-device friendly nga mga imahe ingon man sa bisan unsang mga visual nga imong idugang sa image / link, sama sa mga border o CSS ihulog ang mga landong. Mahimo usab nimo ihatag ang imong hulagway o pag-link sa usa ka hiyas sa klase kung gikinahanglan nimo ang dugang nga "kaw-it" nga gamiton sa imong estilo sa CSS.
Paggamit sa mga Kaso alang sa mga Link sa Imahen
Ang pagdugang sa usa ka link sa imahe sayon ra. Ingon sa atong nakita, ang tanan nga kinahanglan buhaton mao ang pagputos sa larawan sa tukmang mga tag sa anchor. Ang imong sunod nga pangutana mahimong "kanus-a nimo buhaton kini sa praktis gawas sa gihisgutan nga logo / homepage nga panig-ingnan?"
Ania ang pipila ka mga hunahuna:
- Mga hulagway sa thumbnail sa usa ka gallery nga may kalabutan sa mas dagko nga mga bersyon sa mga hulagway.
- Mga hulagway nga gigamit nga mag-inusara sa pagrepresentar sa sulod, sama sa mga litrato sa produkto alang sa e-commerce nga website.
- Ang mga hulagway nga bahin sa ubang mga sulod, sama sa usa ka artikulo sa blog o press release, nga naghaylo sa mga tawo nga makamatikod nga ang sulod naghatag kanila og usa ka target nga dapit aron sa pag-tap sa o pag-click sa pagbasa sa tibuok nga artikulo.
- Icon nga mga hulagway nga gigamit isip mga buton aron makonektar sa piho nga gamit o mga panid sulod sa site.
- Ang mga link sa social media nga naggamit sa mga maila nga logos sa nagkalain-laing social media sites nga importante sa maong site o kompaniya.
- Ang mga hulagway nga gigamit ingon nga mga buton alang sa pipila ka mga gamit, sama sa pagsumiter sa porma (labing maayo nga mga pamatasan nga nahibal-an - gikan sa usa ka perspektibo sa paghimo sa website, ang mga butones nga gituyo nga lunsay sa CSS usa ka mas maayo nga pagpili kaysa mga hulagway sa imahe)
Usa ka Pahinumdom sa Paggamit sa Imahe
Ang mga hulagway mahimo nga adunay usa ka importante nga papel sa kalampusan sa usa ka website. Usa sa mga panig-ingnan nga gihisgutan sa ibabaw nga gihisgutan gamit ang mga hulagway uban sa laing mga sulod aron paghatag og pagtagad sa maong sulod ug ipabasa kini sa mga tawo.
Sa diha nga ang paggamit sa mga imahen, kinahanglan nga ikaw mahunahunaon sa pagpili sa husto nga hulagway alang sa imong mga panginahanglan , kini naglakip sa husto nga hilisgutan nga hilisgutan, pormat, ug pagsiguro nga ang bisan unsang mga imahen nga imong gigamit sa imong website maayo nga gipasayon alang sa paghatag sa website . Kini ingon og daghang trabaho aron lang makadugang og mga imahe, apan ang bili angay kini! Ang mga imahen makadugang gayud sa kalampusan sa usa ka site.
Ayaw pagduhaduha sa paggamit sa tukma nga mga hulagway sa imong site, ug i-link kini nga mga hulagway kung gikinahanglan aron makadugang sa interactively sa imong sulod, apan hinumdomi usab kining mga hulagway sa labing maayo nga mga buhat ug gamiton kini nga mga hulagway / sumpay sa husto ug responsable sa imong buhat sa pagdisenyo sa web.