Faqet e internetit janë ndryshe nga çdo medium i komunikimit që erdhi para tyre. Një nga gjërat kryesore që përcaktojnë faqet e internetit përveç formateve të mediave të mëparshme si printimi, radioja dhe madje televizioni është koncepti i " hyperlink ".
Hyperlinks, gjithashtu zakonisht të njohura si "lidhje", janë ato që e bëjnë Web aq dinamike. Ndryshe nga një publikim i shtypur që mund t'i referohet një artikulli ose burimi tjetër, faqet e internetit mund t'i përdorin këto lidhje për të dërguar vizitorët në ato faqe dhe burime të tjera. Asnjë medium tjetër transmetues nuk mund ta bëjë këtë. Ju mund të dëgjoni një reklamë në radio ose pamje në TV, por nuk ka hyperlink që mund t'ju çojë tek kompanitë në këto reklama mënyrën se si mund ta bëjë interneti lehtësisht. Lidhjet me të vërtetë janë një mjet i shkëlqyeshëm për komunikim dhe ndërveprim!
Shpesh, lidhjet që gjenden në një faqe interneti janë përmbajtja e tekstit që drejton vizitorët në faqe të tjera të së njëjtës faqe. Navigimi i një faqe interneti është një shembull i lidhjeve të tekstit në praktikë, por lidhjet nuk duhet të jenë të bazuara në tekst. Gjithashtu mund të lidhni lehtësisht imazhet në faqen tuaj te internetit. Le të shohim se si bëhet kjo, pasuar nga disa raste ku do të donit të përdorni hyperlinks në bazë të imazhit.
Si të lidhni një imazh
Gjëja e parë që do t'ju duhet të bëni është ta vendosni vetë imazhin në dokumentin tuaj HTML . Një përdorim i zakonshëm i një lidhjeje me bazë imazhi është grafika e logos së faqes e cila pastaj lidhet në faqen kryesore të faqes. Në shembullin tonë më poshtë, skedari që po përdorim është një SVG për logon tonë. Kjo është një zgjedhje e mirë pasi ajo do të lejojë që imazhi ynë të shkallëzohet për rezolucione të ndryshme, duke ruajtur cilësinë e imazhit dhe një madhësi të vogël të përgjithshme të skedarëve.
Ja se si do ta vendosni imazhin tuaj në dokumentin HTML:
Rreth imazhit të imazhit, tani do të shtoni lidhjen e ankorimit, duke hapur elementin e ankorimit përpara imazhit dhe duke mbyllur spirancën pas imazhit. Kjo është e ngjashme me mënyrën se si do të lidhni tekstin, vetëm në vend që të futni fjalët që dëshironi të jeni një lidhje me etiketat e ankorimit, ju mbyllni imazhin. Në shembullin tonë më poshtë, ne po lidhim përsëri në faqen kryesore të faqes tonë, e cila është "index.html".
Kur shtoni këtë HTML në faqen tuaj, mos vendosni asnjë hapësirë ndërmjet tagit të ankorimit dhe tagit të imazhit. Nëse bëni, disa shfletues do të shtojnë tastet pak pranë imazhit, që do të duket e çuditshme.
Imazhi i logos tani do të veprojë si një buton homepage, i cili është shumë më tepër një standard web këto ditë. Vini re që ne nuk përfshijmë asnjë stil vizual, siç është gjerësia dhe lartësia e imazhit, në shenjën tonë të HTML. Ne do t'i lëmë këto stile vizuale në CSS dhe të mbajmë një ndarje të pastër të strukturës HTML dhe stilet CSS.
Pasi të keni arritur tek CSS, stilet që shkruani për të synuar këtë grafik të logos mund të përfshijnë caktimin e imazhit, duke përfshirë stilet e përgjegjshme për imazhet miqësore me shumë pajisje, si dhe çdo pamje që ju pëlqen të shtoni në imazhin / lidhjen, si kufijtë ose CSS hijet e rënies. Ju gjithashtu mund të jepni imazhin tuaj ose të lidhni një atribut të klasës në qoftë se keni nevojë për "grepa" shtesë për t'u përdorur me stilet tuaja CSS.
Përdorni Rastet për Lidhjet e Imazhit
Kështu që duke shtuar një lidhje imazhesh është shumë e lehtë. Siç e kemi parë, duhet vetëm ta mbyllni imazhin me etiketat përkatëse të ankorimit. Pyetja tjetër e ardhshme mund të jetë "kur do ta bëni këtë në praktikë, përveç shembullit të sipërpërmendur logo / homepage link?"
Këtu janë disa mendime:
- Imazhe miniaturë në një galeri që lidhet me versionet më të mëdha të këtyre imazheve.
- Imazhe që përdoren vetëm për të përfaqësuar përmbajtje, si fotot e produktit për një faqe interneti të e-commerce.
- Imazhe teaser që janë pjesë e përmbajtjeve të tjera, si një artikull në blog ose njoftim për shtyp, që tërheq njerëzit që të vërejnë se përmbajtja u jep atyre një zonë të synuar për të klikuar ose klikuar për të lexuar artikullin e plotë.
- Imazhe ikonë që përdoren si butona për t'u lidhur me funksionalitete të veçanta ose faqe brenda faqes.
- Lidhjet e mediave sociale që përdorin logot e njohura të faqeve të ndryshme të mediave sociale që janë të rëndësishme për atë faqe ose kompani.
- Imazhet e përdorura si butona për funksionalitet të caktuar, si aplikacionet e formularëve (praktikat më të mira vërejnë - nga një perspektivë e performancës së faqes, butonat e dizenjuar thjesht me CSS janë një zgjedhje më e mirë sesa butonat e imazhit).
Një Kujtesë Kur Përdorni Imazhe
Imazhet mund të luajnë një rol të rëndësishëm në suksesin e një faqeje interneti. Një nga shembujt e dhënë më lart, duke përdorur imazhe së bashku me përmbajtje të tjera për të tërhequr vëmendjen ndaj asaj përmbajtjeje dhe për të marrë njerëzit për ta lexuar atë.
Kur përdorni imazhe, duhet të keni kujdes të zgjidhni imazhin e duhur për nevojat tuaja , kjo përfshin përmbajtjen e saktë të imazhit, formatin dhe gjithashtu duke u siguruar që çdo imazh që përdorni në faqen tuaj të internetit të optimizohet siç duhet për shpërndarjen e faqes . Kjo mund të duket si shumë punë vetëm për të shtuar imazhe, por fitimi ia vlen! Imazhet me të vërtetë mund të shtojnë aq shumë në suksesin e një faqe interneti.
Mos hezitoni të përdorni imazhet e duhura në faqen tuaj dhe lidhni ato imazhe kur është e nevojshme për të shtuar disa në mënyrë interaktive me përmbajtjen tuaj, por gjithashtu mbani parasysh këto praktika më të mira të imazhit dhe përdorni këto grafika / lidhje në mënyrë korrekte dhe të përgjegjshme në punën tuaj të dizajnit të internetit.