Websiden binne yn tsjinstelling ta ien kommunikaasjemiddel dat foar harren kaam. Ien fan 'e wichtichste dingen dy't websiden apart meitsje fan' e foarige mediafoarmen as print, radio en even televyzje is it begryp fan ' hyperlink '.
Hyperlinks, ek gewoanwei justjes as "links", binne wat it web sa dynamysk meitsje. Oars as in printe publikaasje dy't in oar artikel of oare boarne kinne ferwize, kinne websides dizze keppelings brûke om tastjoerders oan dizze oare siden en boarnen te stjoeren. Gjin oare útstjoertromte kin dit dwaan. Jo kinne in advertinsje hearre yn 'e radio of sicht op TV, mar der binne gjin hyperlinks dy't jo kinne oan' e bedriuwen yn dy advertinsjes de manier wêrop dizze webside maklik makket. Links binne in geweldige kommunikaasje- en ynteraksje-ark!
Oftichste binne de keppelings dy't op in webside fûn wurde binne tekstynhâld dat registreare besikers nei oare siden fan deselde side. In webside is in foarbyld fan in keppeling yn 'e praktyk, mar keppelings moatte net tekstbasearre wurde. Jo kinne ek maklik bylden keppelje op jo webside. Litte wy sjen hoe't dit dien is, folge troch inkele eksemplaren wêr't jo grafyske opinyopsje brûke wolle.
In keppeling te keppeljen
It earste ding dat jo nedich meitsje moatte is it plaatsje sels yn jo HTML- dokumint te pleatsen. In mienskiplik gebrûk fan in byld basearre keppeling is it logo-grafyk fan 'e side, dy't dêrnei ferbûn is mei de side fan' e side. Yn ús foarbyldskodel hjirûnder is de triem dy't wy brûke is in SVG foar ús logo. Dit is in goede keuze omdat it ús ôfbylding mooglik meitsje kin foar skaalfergrutting foar ferskate resolúsjes, allinich it bewarjen fan byldskwaliteit en in lyts algemiene triemgrutte.
Hjir is hoe't jo jo ôfbylding ynstelle wolle yn it HTML-dokumint:
Om it byld te markearje jo de ankerkblokje no, foart it anker elemint te iepenjen foardat it byld is en de anker nei it byld sluten. Dit liket op te wêzen hoe't jo tekst te keppeljen, allinich ynstee fan it wapjen fan 'e wurden dy't jo in ferbining mei de ankerbehearder winskje wolle, wapke it byld. Yn ús foarbyld hjirûnder keppelje wy werom nei ús thússide, dy't "index.html" is.
By it tafoegjen fan dit HTML nei jo side, lit gjin spaasjes tusken de anchor tag en it byldblêd pleatse. As jo dogge, sille guon browsers byinoar lytse tekeningen njonken de ôfbylding taheakje, dy't seldsum sjogge.
It logo-ôfbylding soe no ek wurkje as in homepage knop, dy't dizze dagen in protte webstân is. Tink derom dat wy gjin sêftguodstilen, sa as de breedte en hichte fan it byld hawwe, yn ús HTML markearring. Wy sille dizze visuele stilen nei CSS ferlitte en in skjinne ôfsûndering fan HTML-struktuer en CSS-stilen behâlde.
As jo de CSS-siden krije, kinne jo de stilen dy jo brûke wolle om dizze logo grafyske tapassing te bepalen, it ynfieren fan it ôfbylding, lykas reagearre stilen foar meardere-apparaatfreonlike ôfbyldings lykas alle ôfbyldings dy't jo graach taheakje wolle oan de ôfbylding / keppeling, lykas rânen of CSS drop shadows. Jo kinne ek jo ôfbylding jaan of keppelje in klasse attribút as jo ekstra "hookjes" nedich hawwe om jo CSS-styl te brûken.
Brûk foarkarren foar Image Links
Sa it tafoegjen fan in byld keppeling is sa maklik. As wy gewoan sjogge, alles wat jo dwaan moatte, is it ôfbylding mei de passende anker-tags oanpakt. Jo folgjende fraach kin wêze "wannear sille jo dit yn 'e praktyk neist it earder neamde logo / homepage-keppeling foarbyld dwaan?"
Hjir binne guon gedachten:
- Thumbnailôfbyldings yn in galery dy't keppele oan gruttere ferzjes fan dy bylden.
- Ofbyldings dy't allinich brûkt wurde om ynhâld te representearjen, lykas produktfotos foar in e-commerce-webside.
- Teaser-ôfbyldings dy't diel útmeitsje fan oare ynhâld, lykas in blog-artikels of parseberjochten, dy't minsken ferwite om te besjen dat ynhâld har in doelreklame jaan om te klikken of te klikke om it folsleine artikel te lêzen.
- Icons ôfbyldings dy 't brûkt wurde as knoppen om te ferbinen mei spesifike funksjonaliteit of siden yn' e side.
- Sosjale media keppelings dy't de werkenbere logos brûke fan 'e ferskate social media-websides dy't wichtich binne foar dy side of bedriuw.
- Ofbyldings dy 't brûkt wurde as knoppen foar bepaalde funksjes, lykas formulearrings (best practices note - fan in perspektyf fan' e webside útfiere, knoppen krekt mei CSS in bettere kar meitsje as byldknoppen).
In opmerking by it brûken fan ôfbyldings
Ofbyldings kinne in wichtige rol spylje yn in súkses fan in webside. Ien fan 'e foarbylden dy't hjirboppe neamd binne, brûk by bylden neist oare ynhâld omtinken foar dat ynhâld en minsken te lêzen.
By it brûken fan bylden moatte jo fan tapassing wêze foar it selektearjen fan it goeie byld foar jo behoeften , dit befettet it krekte byldtype, formaat, en meitsje der ek foar dat alle ôfbyldings dy jo brûke op jo webside binne goed optimisearre foar websideferliening . Dit kin graach in protte wurk wêze as gewoan om foto's te tafoege, mar it beteljen is wurdich wurdich! Ofbyldings kinne echt sa folle taheakje oan in súkses fan in side.
Ferjit net dat jo passende bylden op jo side brûke, en keppelje dizze bylden as jo nedich binne ynteraktyf oan jo ynhâld ynhâlde, mar ek bepale fan dizze byldbepalende best practices en brûke dizze grafyske / keppelingen korrekt en ferantwurdlik yn jo web-ûntwerpwurk.