Mae gwefannau yn wahanol i unrhyw gyfrwng cyfathrebu a ddaeth ger eu bron. Un o'r prif bethau sy'n gosod gwefannau heblaw am fformatau cyfryngau blaenorol megis print, radio a theledu hyd yn oed yw'r cysyniad o'r " hyperlink ".
Mae hypergysylltiadau, a elwir yn gyffredin yn unig fel "dolenni", yn golygu bod y We yn ddynamig. Yn wahanol i gyhoeddiad printiedig sy'n gallu cyfeirio at erthygl arall neu adnodd arall, gall gwefannau ddefnyddio'r dolenni hyn i anfon ymwelwyr at y tudalennau a'r adnoddau eraill hynny. Ni all unrhyw gyfrwng darlledu arall wneud hyn. Gallwch glywed ad ar radio neu weld ar y teledu, ond nid oes unrhyw gysylltiadau hyblyg a all fynd â chi i'r cwmnïau yn yr hysbysebion hynny fel y gall y wefan honno ei gwneud yn hawdd. Mae dolenni mewn gwirionedd yn offeryn cyfathrebu rhyngweithiol anhygoel!
Yn aml, mae'r dolenni sydd i'w gweld ar wefan yn cynnwys testun sy'n cyfeirio ymwelwyr at dudalennau eraill o'r un safle. Mae llywio gwefan yn un enghraifft o gysylltiadau testun yn ymarferol ond nid oes angen i gysylltiadau fod yn seiliedig ar destun. Gallwch hefyd gysylltu delweddau yn hawdd ar eich gwefan. Edrychwn ar sut mae hyn yn cael ei wneud, ac yna rhai enghreifftiau lle y byddech am ddefnyddio hypergysylltiadau ar ddelwedd.
Sut i Gyswllt Delwedd
Y peth cyntaf y bydd angen i chi ei wneud yw gosod y ddelwedd ei hun yn eich dogfen HTML . Defnydd cyffredin o ddelwedd sy'n seiliedig ar ddelwedd yw graffig logo'r wefan sydd wedyn wedi'i gysylltu yn ôl i dudalen hafan y wefan. Yn ein cod enghreifftiol isod, mae'r ffeil yr ydym yn ei ddefnyddio yn SVG ar gyfer ein logo. Mae hwn yn ddewis da gan y bydd yn caniatáu i'n delwedd raddfa ar gyfer gwahanol benderfyniadau, gan gydol cynnal ansawdd delwedd a maint ffeil gyffredinol fach.
Dyma sut y byddech chi'n gosod eich delwedd yn y ddogfen HTML:
O amgylch y tag delwedd, byddech nawr yn ychwanegu'r ddolen angor, gan agor yr elfen angor cyn y ddelwedd a chau'r angor ar ôl y ddelwedd. Mae hyn yn debyg i sut y byddech yn cysylltu testun, yn hytrach na lapio'r geiriau yr ydych am fod yn ddolen gyda'r tagiau angor, byddwch yn lapio'r ddelwedd. Yn ein hagwedd isod, rydym yn cysylltu yn ôl i dudalen hafan ein gwefan, sef "index.html".
Wrth ychwanegu'r HTML hwn i'ch tudalen, peidiwch â rhoi unrhyw fannau rhwng y tag angor a'r tag delwedd. Os gwnewch chi, bydd rhai porwyr yn ychwanegu ychydig o daciau wrth ymyl y ddelwedd, a fydd yn edrych yn od.
Byddai'r delwedd logo nawr yn gweithredu fel botwm hafan, sy'n eithaf safon we ar y dyddiau hyn. Rhowch wybod nad ydym yn cynnwys unrhyw arddulliau gweledol, megis lled ac uchder y ddelwedd, yn ein marc HTML. Byddwn yn gadael yr arddulliau gweledol hyn i CSS ac yn cadw gwahaniad glân o strwythur HTML ac arddulliau CSS.
Unwaith y byddwch chi'n cyrraedd CSS, gallai'r arddulliau y byddwch chi'n eu hysgrifennu i dargedu'r graffeg logo hwn gynnwys sizing y ddelwedd, gan gynnwys arddulliau ymatebol ar gyfer delweddau aml-ddyfais, yn ogystal ag unrhyw weledol yr hoffech eu hychwanegu at y ddelwedd / dolen, fel ffiniau neu CSS cysgodion gollwng. Gallech chi hefyd roi eich delwedd neu gysylltu priodoldeb dosbarth os oedd angen "bachynnau" ychwanegol arnoch i'w defnyddio gyda'ch arddulliau CSS.
Defnyddiwch Achosion ar gyfer Cysylltiadau Delwedd
Felly mae ychwanegu dolen delwedd yn eithaf hawdd. Fel yr ydym newydd weld, yr unig beth y mae'n rhaid i chi ei wneud yw lapio'r ddelwedd gyda'r tagiau angor priodol. Efallai y bydd eich cwestiwn nesaf "pryd fyddech chi'n gwneud hyn yn ymarferol ar wahân i'r enghraifft llog logo / homepage uchod"?
Dyma rai meddyliau:
- Delweddau mân-lun mewn oriel sy'n cysylltu â fersiynau mwy o'r delweddau hynny.
- Delweddau sy'n cael eu defnyddio ar eu pen eu hunain i gynrychioli cynnwys, fel lluniau cynnyrch ar gyfer gwefan e-fasnach.
- Delweddau teaser sy'n rhan o gynnwys arall, fel erthygl blog neu ddatganiad i'r wasg, sy'n tynnu pobl i sylweddoli bod cynnwys yn rhoi ardal darged iddynt i dapio neu glicio i ddarllen yr erthygl lawn.
- Eicon delweddau sy'n cael eu defnyddio fel botymau i gysylltu â swyddogaeth neu dudalennau penodol o fewn y wefan.
- Cysylltiadau cyfryngau cymdeithasol sy'n defnyddio logos y gellir eu hadnabod o'r gwahanol wefannau cyfryngau cymdeithasol sy'n bwysig i'r safle neu'r cwmni hwnnw.
- Mae delweddau a ddefnyddir fel botymau ar gyfer rhywfaint o ymarferoldeb, fel cyflwyniadau ffurf (nodiadau arferion gorau - o bersbectif perfformiad gwefan, mae botymau sydd wedi'u styled yn unig â CSS yn ddewis gwell na botymau delwedd).
Atgoffa Wrth Defnyddio Delweddau
Gall delweddau chwarae rhan bwysig mewn llwyddiant gwefan. Soniodd un o'r enghreifftiau a roddwyd uchod gan ddefnyddio delweddau ochr yn ochr â chynnwys arall i dynnu sylw at y cynnwys hwnnw a chael pobl i'w ddarllen.
Wrth ddefnyddio delweddau, rhaid i chi fod yn ymwybodol o ddewis y ddelwedd gywir ar gyfer eich anghenion , mae hyn yn cynnwys y testun pwnc delwedd gywir, fformat, a hefyd yn sicrhau bod unrhyw ddelweddau a ddefnyddiwch ar eich gwefan wedi'u optimeiddio'n briodol ar gyfer cyflwyno gwefan . Efallai y bydd hyn yn ymddangos fel llawer o waith yn unig i ychwanegu delweddau, ond mae'r payoff yn werth chweil! Mae delweddau mewn gwirionedd yn gallu ychwanegu cymaint â llwyddiant y wefan.
Peidiwch ag oedi i ddefnyddio delweddau priodol ar eich gwefan, a chysylltu'r delweddau hynny pan fo angen i ychwanegu rhywfaint o ryngweithiol i'ch cynnwys, ond cofiwch hefyd yr arferion gorau delwedd hyn a defnyddio'r graffeg / dolenni hyn yn gywir ac yn gyfrifol yn eich gwaith dylunio gwe.