Websäiten sinn am Géigesaz zu engem Kommunikatiounsmedium, dee viru komm ass. Ee vun den Haaptdeeg, déi Websäiten ofgesi vu virdrun Medienformate wéi Drucken, Radio an esouguer Televisioun setzen, sinn d'Konzept vum " Hyperlink ".
Hyperlinks, déi och allgemeng nëmmen "Linken" bekannt sinn, sinn d'Websäiten esou dynamesch. Am Géigesaz zu enger gedréckter Publikatioun, déi engem anere Artikel oder aner Ressource referenzéieren, kënnen Websäiten dës Linken benotzen fir tatsächlech Gäscht op déi aner Säiten an Ressourcen ze schécken. Keen anere Emissiounslager kann dat maachen. Dir kënnt eng Annonce op Radio oder op TV kucken, awer et ginn keng Hyperlinks déi Iech fir d'Firmen an deene Reklamm brénge wéi déi Websäit ka maachen. Links ass wierklech eng erstaunlech Kommunikatioun an Interaktiounsinstrument!
Oftentimes, d'Links déi op der Websäit fonnt ginn sinn Textinhalte, déi Besucher op aner Säiten vun därselwechter Site lenkt. Eng Websäit Navigatioun ass e Beispill vun Texter Linken an der Praxis awer Linken brauchen net op Textbasis ze sinn. Dir kënnt och Biller liesen op Ärer Websäit. Loosst eis no kucken wéi dëst geschitt ass, gefollegt vu verschidde Beispiller wou Dir wëllt Bildbiller ze verbannen.
Wéi Dir e Bild ze verknëppelen
Dat éischt wat Dir braucht fir ze maachen ass d'Bild selwer an Ärem HTML Dokument. Eng gemeinsam Benotzung vun engem Bildbaséierten Link ass d'Logographie vum Site, déi dann op d'Homepage vun der Säit verlinkt ass. An eisem Beispillercode ënnen ass de Fichier dee mir benotzt, ass e SVG fir e Logo. Dëst ass eng gutt Auswiel, well et erlaabt datt eisen Image fir verschiddene Resolutiounen Skala méiglech ass, déi all Kéier d'Bildqualitéit an eng kleng Gesamtergréisst behalen.
Hei ass wéi Dir Äre Bild am HTML-Dokument setzt:
Um den Bildtag wäerte Dir elo d'Verankerungsverbindung erofhuelen, d'Faarfendel am Ufank vum Bild unzegoen an de Anker no dem Bild zouklappt. Dëst ass ähnlech wéi Dir Text verbënnt, nëmmen amplaz d'Wéckelen déi Dir wëllt mat engem Verknüpfung mat den Verankerungsbeispill wënschen, ëmrëppelt d'Bild. An eisem Beispiller hei ënnendrënner mer op d'Homepage vun der Säit, wat "index.html" ass.
Wann Dir dës HTML op Är Säit ergänzt, plangt keng Leerzeechen tëschent dem Verankerungstag a dem Bildtyp. Wann Dir maacht, ginn e puer Browser méi kleng wéi de Biller, deen ugedeit.
De Logo vun dësem Logo gitt elo och als Knäppchen a Knäppchen, dat ass e puer Netzwierker an dësen Deeg. Remarkéiert datt mir keng visuell Stile wéi d'Breed an d'Héichte vun der Bild sinn an eiser HTML Markup. Mir wäerte dës visuell Stäre op CSS verloossen an eng proppert Trennung vu HTML Struktur a CSS Styles behalen.
Wann Dir op CSS kënnt, d'Stile déi Dir schreift fir dës Logo Grafik ze zielen, kann dëse Format bezeechent ginn, och Responsabele Stile fir verschlësselte biergerfriem Biller, wéi och Biller déi Dir gär op d'Bild / Link erginn, wéi Grenzen oder CSS Schatten ënnerschriwwen. Dir kënnt och Äert Bild oder e Link attributeieren, wann Dir méi "Haken" brauch fir Är CSS Stiwwelen ze benotzen.
Cases fir Image Link benotzen
Also ass eng Bildlinn doduerch ganz einfach. Wéi mer just gesinn hunn, musst Dir alles anescht maachen mat deem entspriechende Verankerungstags. Är nächst Fro ass "wann Dir dat eigentlech an der Praxis ausser dem sougenannten Logo / Homepage Link"?
Hei sinn e puer Gedanken:
- Miniaturaufbueren an enger Galerie déi eng gréisser Versioun vun dëse Biller ze verbannen.
- Biller déi alleng benotzt ginn fir Inhalt ze representéieren, wéi Produktfotos fir eng E-Commerce Websäit.
- Teaser Biller, déi Deel vun aneren Inhalten sinn, wéi e Blog-Artikel oder Pressemitteelung, déi Leit erméiglechen, ze notzen ze gesinn, datt den Inhalt hinnen eng Zielzouregioun ze verleeën huet oder klickt fir de kompletten Artikel ze liesen.
- Symbolbilder déi benotzt ginn als Knäpper fir mat enger spezifescher Funktionalitéit oder Säiten am Site ze verbannen.
- Social Media Links, déi d'erkennen Logoen vun de verschiddenen sozialen Netzwierkplazen, déi wichteg sinn an déi Websäit oder Firma.
- Biller déi als Knäppchen fir gewësser Fonctionnalitéit benotzt ginn, wéi Form vun Iwwerleeungen (Best Practices Notice - vun enger Websäit Performance Perspektiv, Knäpper mat CSS e bastelen ass e besseren Choix wéi Bild Buttons).
Eng Erënnerung Wann Dir Biller benotzt
Biller kënne eng wichteg Roll am Succès vun engem Site spielen. Ee vun de Beispiller déi virgeschriwwe sinn mat Hëllef vu Biller niewend aneren Inhalt fir Aën ze zéien an d'Leit ze liesen.
Wann Dir Fotoen benotzt, musst Dir Iech oppassen datt Dir dat richtegt Bild fir Äre Besoinen auswielen. Dëst beinhalt och d'korrekt Bildmaterial, Format an och datt Dir Äert Bild ass, déi Dir op Ärer Websäit benotzt , fir d'Site Liwwerung optimiséiert optiméiert . Dëst ka vill wéi méiglech Aarbecht fir Biller ze addéieren, awer de Payoff ass et wäert. Biller kënnen esou esou vill wéi de Succès vum Site kréien.
Zéckt net duer fir adequat Biller op ärem Site ze benotzen an dës Biller ze benotze wann Dir musst eng interaktiv an Ären Inhalt hunn, awer och Gedold op dës Biller besser Praxis an benotzt dës Grafike / Linken korrekt an verantwortlech an der Websäit Design.