Կայքերը, ի տարբերություն նրանց, առաջ են եկել որեւէ կապի միջոց: Հիմնական բաներից մեկը, որ նախորդող մեդիա ֆորմատներից, օրինակ `տպագիր, ռադիոհեռուստատեսային եւ նույնիսկ հեռուստատեսային տարբերակներից բացի,« հղիչ »հասկացությունն է:
Hyperlinks, որոնք սովորաբար հայտնի են որպես «հղումներ», այնպիսին են, որ դիզայնը դարձնում է դինամիկ: Ի տարբերություն տպագիր հրատարակության, որը կարող է հղում կատարել մեկ այլ հոդված կամ այլ ռեսուրս, կայքերը կարող են օգտագործել այս հղումները փաստորեն այցելող այցելուներին այդ էջերի եւ ռեսուրսների համար: Ոչ մի հեռարձակման այլ միջոց չի կարող դա անել: Դուք կարող եք լսել ռադիոյով գովազդ կամ դիտել հեռուստատեսությամբ, սակայն չկա հիպերհղումներ, որոնք կարող են ձեզ գովազդել այն ընկերություններին, որոնք հեշտությամբ կարող են անել կայքը: Հղումներն իսկապես զարմանալի հաղորդակցություն եւ փոխազդեցություն գործիք են:
Հաճախ կայքերում գտնված հղումները տեքստային բովանդակություն են, որը այցելուներին ուղղորդում է նույն կայքի այլ էջերին: Կայքի նավիգացիան գործնականում տեքստային հղումների օրինակ է, սակայն հղումները կարիք չունեն տեքստի վրա հիմնված: Դուք կարող եք հեշտությամբ կապել պատկերները ձեր կայքում: Տեսնենք, թե ինչպես է դա կատարվում, այնուհետեւ որոշ դեպքերում, որտեղ դուք կցանկանայիք օգտագործել պատկերային հիբրիդային հղումներ:
Ինչպես կապել պատկեր
Առաջին բանը, որ դուք պետք է անեք, պատկերն ինքնին ձեր HTML փաստաթղթում տեղադրեք: Պատկերի վրա հիմնված կապի ընդհանուր օգտագործումը կայքի գունային գրաֆիկն է, որը հետագայում հետ է կապվում կայքի կայքի էջին: Ստորեւ բերված մեր օրինակի կոդը, ֆայլը մենք օգտագործում ենք SVG մեր լոգոն: Սա լավ ընտրություն է, քանի որ այն թույլ կտա մեր պատկերն ընդլայնել տարբեր բանաձեւերի համար, այնուամենայնիվ պահպանելով պատկերի որակը եւ փոքր ընդհանուր ֆայլի չափը:
Ահա թե ինչպես եք տեղադրել ձեր պատկերը HTML փաստաթղթում:
Լուսանկարի շուրջը, այժմ կցանկանաք ավելացնել խարիսխ հղումը, խարիսխի տարրը բացելուց առաջ եւ պատկերից խարիսխը փակել: Սա նման է այն բանին, թե ինչպես եք կապել տեքստը, միայն բառերի փաթաթան փոխարեն, որ ուզում եք հղում կատարել խարիսխների տառերով, պատկերի փաթաթեք: Ստորեւ բերված մեր օրինակով մենք կապում ենք մեր կայքի գլխավոր էջին, որը «index.html» է:
Այս HTML- ը ձեր էջում ավելացնելիս մի խարիսխ պիտակի եւ պատկերային պիտակի միջեւ որեւէ տարածություն չկապեք: Եթե դուք անում եք, որոշ զննարկիչներ կավելացնեն պատկերի կողքին փոքրիկ թխկոցներ, որոնք տարօրինակ են:
Լոգոյի պատկերն այժմ էլ գործում է որպես գլխավոր էջի կոճակ, որն այս օրերին բավականին վեբ ստանդարտ է: Ուշադրություն դարձրեք, որ մենք չենք ներառում պատկերների լայնությունը եւ բարձրությունը, մեր HTML ձեւաչափով: Մենք կտանք այս տեսողական ոճը CSS- ին եւ պահպանենք HTML կառուցվածքի եւ CSS- ի ոճերի մաքուր բաժանումը:
CSS- ին հասնելուն պես, այս գրաֆիկական գրաֆիկի վրա գրված ոճերը կարող են ներառել պատկերի չափսը, ներառյալ բազմակի սարքի բարեկամական պատկերների համար արձագանքող ոճերը , ինչպես նաեւ ցանկացած պատկեր, որը ցանկանում եք ավելացնել պատկեր / հղում, ինչպես սահմանները կամ CSS- ը թողնել ստվերները: Դուք կարող եք նաեւ տալ ձեր պատկերը կամ կապել դասի հատկանիշ, եթե անհրաժեշտ է լրացուցիչ «կեռիկներ» օգտագործել ձեր CSS ոճերով:
Օգտագործեք նկարների հղումներ
Այսպիսով ավելացնելով պատկերի հղումը բավականին հեշտ է: Ինչպես տեսանք, բոլորը պետք է անեք, պատկերի պատկերի համապատասխան խարիսխներով: Ձեր հաջորդ հարցը կարող է լինել «երբ եք իրականում դա գործնականում կատարելուց բացի վերոնշյալ logo / homepage հղում օրինակից»:
Ահա որոշ մտքեր.
- Նկարի պատկերները պատկերասրահում, որոնք կապում են այդ պատկերների ավելի մեծ տարբերակները:
- Պատկերները, որոնք օգտագործվում են մենակ, ներկայացնում են բովանդակություն, օրինակ `ապրանքի լուսանկարներ էլեկտրոնային առեւտրի համար:
- Թեմաների պատկերները, որոնք այլ բովանդակության մաս են կազմում, նման են բլոգի հոդվածին կամ մամլո հաղորդագրությանը, ինչը խանգարում է մարդկանց դիտել այդ բովանդակությունը, որպեսզի դրանք թիրախային տարածք ունենան կամ սեղմեք կարդալ ամբողջ հոդվածը:
- Իկոն պատկերները, որոնք օգտագործվում են որպես կոճակներ, կոնկրետ ֆունկցիոնալությանը կամ կայքի շրջանակներում էջերին միանալու համար:
- Սոցիալական լրատվամիջոցների կապերը, որոնք օգտագործում են տարբեր սոցիալական լրատվամիջոցների ճանաչելի լոգոները, որոնք այդ կայքի կամ ընկերության համար կարեւոր են:
- Որոշ գործառույթների համար օգտագործվող կոճակներ, ինչպես օրինակ ձեւաթղթեր (լավագույն փորձի նշում `կայքերի կատարման տեսանկյունից, կոճակները, որոնք ընդգրկված են բացառապես CSS- ով, ավելի լավ ընտրություն են, քան պատկերների կոճակները):
Պատկերների օգտագործման ժամանակ հիշեցում
Պատկերները կարող են կարեւոր դեր ունենալ կայքի հաջողության մեջ: Վերոնշյալ օրինակներից մեկը, օգտագործելով պատկերներ, օգտագործելով այլ բովանդակություն, ուշադրություն հրավիրել այդ բովանդակությանը եւ մարդկանց կարդալ այն:
Նկարներ օգտագործելով, պետք է ուշադրություն դարձնել ձեր կարիքների համար ճիշտ պատկերը ընտրելու համար , այն ներառում է ճիշտ պատկերային թեման, ձեւաչափ, ինչպես նաեւ համոզվեք, որ ձեր կայքում օգտագործվող ցանկացած պատկերներ պատշաճ կերպով օպտիմիզացված են կայքի առաքման համար : Սա կարող է թվալ, թե շատ աշխատանք է նկարներ ավելացնելու համար, բայց վճարումը արժե այն: Պատկերները, իրոք, կարող են շատ ավելացնել այդ կայքի հաջողությունը:
Մի անհանգստացեք ձեր կայքում տեղադրելու համապատասխան պատկերները եւ միացրեք այդ պատկերները, երբ անհրաժեշտ է որոշակիորեն ինտերակտիվորեն ավելացնել ձեր բովանդակությունը, այլեւ հաշվի առնել այս պատկերների լավագույն փորձը եւ օգտագործել այս գրաֆիկան / հղումները ճիշտ եւ պատասխանատու ձեր վեբ դիզայնի աշխատանքում: