Ինչպես կառուցել Image Քարտեզներ, առանց Image Map խմբագիր

Image Քարտեզները պարզապես պարզ HTML Tags են

Պատկերային քարտեզները հետաքրքիր եւ հետաքրքիր միջոց են ձեր վեբ կայքի աշխուժացման համար `նրանց հետ, դուք կարող եք վերբեռնել նկարներ եւ այդ պատկերների մասերը կտտացնելով այլ առցանց ակտիվներին: Եթե ​​դուք մի պտտում եք եւ չեք ուզում ներբեռնել պատկերը քարտեզի խմբագիր, HTML- ի պիտակների օգտագործմամբ քարտեզ ստեղծելով, պարզ է:

Դուք պետք է պատկերի, պատկերների խմբագրիչի եւ HTML խմբագրիչի կամ տեքստային խմբագրիչի տեսակ: Շատ պատկերների խմբագիրները ցույց կտան ձեզ ձեր մկնիկի կոորդինատները, երբ նշում եք պատկերը: Այս կոորդինացիոն տվյալները Ձեզ անհրաժեշտ է, սկսելու պատկերային քարտեզներով:

Պատկերների ստեղծում

Պատկեր քարտեզ ստեղծելու համար նախ ընտրեք պատկեր, որը կգործի որպես քարտեզի հիմքը: Պատկերը պետք է լինի «նորմալ չափ», այսինքն, չպետք է օգտագործեք այնքան մեծ պատկեր, որ զննարկիչը այն կշրջանցի:

Երբ պատկերն եք տեղադրում, ավելացնում եք հավելյալ հատկանիշ, որը նույնացնում է քարտեզի կոորդինատները.

Երբ դուք ստեղծեք պատկերային քարտեզ, դուք ստեղծում եք պատկերում կտտացնելով տարածություն, այնպես որ քարտեզի կոորդինատները պետք է գծագրեն ձեր ընտրած պատկերի բարձրությունը եւ լայնությունը: Քարտեզները աջակցում են երեք տարբեր տեսակի ձեւավորում.

Տարածքները ստեղծելու համար դուք պետք է մեկուսացեք հատուկ քարտեզի վրա, որը մտադիր եք քարտեզագրել: Քարտեզը կարող է բաղկացած լինել մեկ կամ մի քանի սահմանված տարածքներից, որոնք կտտացրեցին, բացեք նոր հղիչ:

Ուղղանկյունի համար դուք քարտեզագրում եք միայն վերին ձախ եւ ներքեւի աջ անկյունները: Բոլոր կոորդինատները նշված են որպես x, y (վերեւ, վեր): Այսպիսով, վերեւի ձախ անկյունում 0,0 եւ ստորին աջ անկյունում `10,15, դուք կստանաք 0,0,10,15 : Այնուհետեւ այն ընդգրկեք քարտեզի վրա:

Պոլիգոնի համար դուք քարտեզագրում եք յուրաքանչյուր x, y, առանձին համակարգում: Վեբ զննարկիչը ավտոմատ կերպով կապում է նախորդ կոորդինատների հավաքածուն, այդ համակարգերի ներսում որեւէ բան քարտեզի մաս է կազմում:

Շրջանակի ձեւավորումը պահանջում է միայն երկու կոորդինատները, ինչպես ուղղանկյունը, երկրորդ կոորդինատը, դուք նշում եք շառավղը կամ շրջանակը կենտրոնից հեռավորությունը: Այսպիսով, կենտրոնի հետ 122,122-ի եւ 5-ի շառավիղի համար գրեք 122,122,5:

Բոլոր տարածքները եւ ձեւերը կարող են ընդգրկվել նույն քարտեզի վրա:

<տարածք ձեւ = "poly" coords = "17 , 34,41,96,110,121 «href =" garfield.htm "alt =" Garfield ">

Հաշվետվություններ

Image քարտեզները շատ ավելի տարածված էին 1990-ականների դարաշրջանի 1.0 դարաշրջանում, 2000-ականների սկզբի քարտեզներում, որոնք հաճախ ձեւավորվել են կայքի նավարկության հիմքի վրա: Դիզայները կստեղծեր որոշ տեսակի պատկերներ, որոնք ցույց են տալիս մենյուի տարրերը, ապա քարտեզի վրա:

Ժամանակակից մոտեցումները խրախուսում են պատասխանատու դիզայնը եւ օգտագործելով կաշկանդման ոճերի թերթիկները, էջի վրա պատկերների եւ հիպերակների տեղադրման համար:

Չնայած քարտեզի տեքստը դեռեւս գործում է HTML ստանդարտում, փոքր ձեւի գործոններով շարժական սարքերի օգտագործումը կարող է հանգեցնել անսպասելի կատարողականի հետ կապված պատկերային քարտեզների: Բացի այդ, թողունակության խնդիրները կամ կոտրված պատկերները նկարում են պատկերային արժեքի արժեքը:

Այսպիսով, ազատ զգալով այս կայուն, լավ հասկացող տեխնոլոգիան օգտագործելով `իմանալով, որ ներկայումս առավել արդյունավետ տարբերակ են վեբ դիզայներների հետ: