Ինչ իմանալ
• Օգտագործեք նորմալ չափի պատկեր, որը դիտարկիչը չի վերագնահատի: Ձեզ նույնպես պետք է պատկերի խմբագրիչ և HTML կամ տեքստային խմբագրիչ:
• Պատկերը տեղադրելու ժամանակ ավելացրեք լրացուցիչ հատկանիշ՝ քարտեզի կոորդինատները պարզելու համար:
• Օրինակ՝
Այս հոդվածը բացատրում է, թե ինչպես ստեղծել Պատկերային Քարտեզներ՝ օգտագործելով HTML պիտակներ՝ պատկերների քարտեզի խմբագրիչի փոխարեն: Պատկերների խմբագիրներից շատերը ձեզ ցույց կտան ձեր մկնիկի կոորդինատները, երբ մատնացույց անեք պատկերի վրա, սա այն ամբողջ տվյալն է, որը ձեզ անհրաժեշտ է պատկերների քարտեզները սկսելու համար:
Պատկերի քարտեզի ստեղծում
Պատկերային քարտեզ ստեղծելու համար նախ ընտրեք պատկեր, որը կծառայի որպես քարտեզի հիմք: Պատկերը պետք է լինի «նորմալ չափս», այսինքն՝ չպետք է օգտագործեք այնքան մեծ պատկեր, որ զննարկիչը մեծացնի այն։
Երբ պատկերը տեղադրեք, դուք կավելացնեք լրացուցիչ հատկանիշ, որը նույնացնում է քարտեզի կոորդինատները.
Երբ դուք ստեղծում եք պատկերի քարտեզ, դուք ստեղծում եք մի տարածք, որը հնարավոր է սեղմել նկարի վրա, ուստի քարտեզի կոորդինատները պետք է համապատասխանեն ձեր ընտրած պատկերի բարձրությանը և լայնությանը: Քարտեզներն աջակցում են երեք տարբեր տեսակի ձևերի.
- ուղղանկյուն-ուղղանկյուն կամ քառակողմ պատկեր
- բազմաթիվ-բազմանկյուն կամ բազմակողմ պատկեր
- շրջանակ-շրջանակ
Տարածքները ստեղծելու համար դուք պետք է մեկուսացնեք հատուկ կոորդինատները, որոնք մտադիր եք քարտեզագրել: Քարտեզը կարող է բաղկացած լինել մեկ կամ ավելի սահմանված տարածքներից պատկերի վրա, որոնց վրա սեղմելիս բացվում է նոր հիպերհղում:
Ուղղանկյունի համար դուք քարտեզագրում եք միայն վերևի ձախ և ներքևի աջ անկյունները: Բոլոր կոորդինատները թվարկված են որպես x, y (վերջ, վեր): Այսպիսով, վերին ձախ անկյունի 0, 0 և ներքևի աջ անկյունի համար՝ 10, 15, դուք պետք է մուտքագրեք 0, 0, 10, 15: Այնուհետև այն ներառեք քարտեզի վրա՝
Բազմանկյունի համար դուք քարտեզագրում եք յուրաքանչյուր x, y կոորդինատը առանձին: Վեբ զննարկիչը ինքնաբերաբար միացնում է կոորդինատների վերջին հավաքածուն առաջինի հետ. այս կոորդինատների ներսում ցանկացած բան քարտեզի մի մասն է:
Շրջանակների համար պահանջվում է միայն երկու կոորդինատ, ինչպես ուղղանկյունը, բայց երկրորդ կոորդինատի համար դուք նշում եք շառավիղը կամ հեռավորությունը շրջանագծի կենտրոնից: Այսպիսով, 122, 122 կենտրոնով և 5 շառավղով շրջանի համար դուք պետք է գրեք 122, 122, 5:
Բոլոր տարածքները և ձևերը կարող են ներառվել նույն քարտեզի պիտակում՝
Նկատառումներ
Պատկերների քարտեզները շատ ավելի տարածված էին 1990-ականների Վեբ 1.0 դարաշրջանում մինչև 2000-ականների շատ վաղ-պատկերային քարտեզները հաճախ կազմում էին վեբկայքի նավիգացիայի հիմքը: Դիզայները կստեղծեր ինչ-որ նկար՝ մենյուի տարրերը նշելու համար, այնուհետև քարտեզ կսահմաներ:
Ժամանակակից մոտեցումները խրախուսում են արձագանքող դիզայնը և օգտագործում են կասկադային ոճերի թերթիկներ՝ վերահսկելու պատկերների և հիպերհղումների տեղադրումը էջի վրա:
Չնայած քարտեզի պիտակը դեռևս աջակցվում է HTML ստանդարտում, փոքր ձևի գործոններով շարժական սարքերի օգտագործումը կարող է հանգեցնել անսպասելի աշխատանքի խնդիրների՝ պատկերային քարտեզների հետ կապված: Բացի այդ, թողունակության հետ կապված խնդիրները կամ կոտրված պատկերները կասկածի տակ են դնում պատկերի քարտեզի արժեքը:
Այնպես որ, ազատ զգալ շարունակեք օգտագործել այս կայուն, լավ հասկացված տեխնոլոգիան՝ իմանալով, որ ներկայումս վեբ դիզայներների մոտ կան ավելի արդյունավետ այլընտրանքներ:
