Պատկերի քարտեզ HTML-ում. Պատկերի քարտեզի ստեղծում HTML AREA պիտակի հատկանիշներով

Տուն / Windows 7
HTML պիտակներ

Իմաստը և կիրառումը

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

Բրաուզերի աջակցություն

Նշել
Օպերա

IExplorer

Եզր
Այո՛Այո՛Այո՛Այո՛Այո՛Այո՛

Հատկանիշներ

Պիտակի ատրիբուտներ մենք նշում ենք և՛ տարածքի կոորդինատները (coords հատկանիշ), և՛ մեզ անհրաժեշտ ձևի տեսակը (ձևի հատկանիշ).



Օգտագործման օրինակ

Դիտարկենք մի օրինակ, որտեղ, երբ սեղմում եք մեկ նկարի որոշակի ձևի վրա, գնում եք տարբեր վեբ էջեր, որոնք նկարագրում են այս ձևերը (հղումներ դեպի Վիքիպեդիա).

</span>Պիտակի օգտագործման օրինակ <map>

Ընտրեք գործիչ.

«Ընտրության համար հասանելի է 4 ձև»
> <span«Կարմիր հրապարակ»> կոորդիններ = «200,75,50» href = "green.html" alt = "Կանաչ շրջան." > !} <span«Կապույտ եռանկյունի»> "450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href = "yellow.html" alt = "Դեղին աստղ" > !}

Եվ այսպես, հերթականությամբ, ինչ արեցինք այս օրինակում.

Ձեր ուշադրությունն եմ հրավիրում այն ​​փաստի վրա, որ եթե պիտակ

Բարև բոլորին: Անդրեյ Բերնացկին ձեզ հետ է։

Այս ձեռնարկում ես կխոսեմ, թե ինչպես ստեղծել պատկեր-քարտեզներ HTML-ում.

Պատկերային քարտեզ- սա ինչ-որ նկար է, միգուցե լուսանկար, որն ունի մի քանի ակտիվ գոտիներ:

Օրինակ, երբ սեղմում եք ակտիվ գոտու վրա, գնում եք կոնկրետ URL: Եթե ​​դուք vkontakte.ru-ում եք, կա պատկերային քարտեզի օրինակ, սա այն է, երբ դուք նշում եք լուսանկարում, և երբ մկնիկի կուրսորը սավառնում եք լուսանկարում նշված անձի վրա, ցուցադրվում է նրա անունն ու ազգանունը, և երբ սեղմում եք մկնիկի վրա, գնում եք այս անձի էջը:

Նախ, ես ձեզ առաջարկում եմ այս դասի վիդեո տարբերակը.

Այս ամենը արվում է բավականին պարզ. Մենք ցանկացած լուսանկար ենք անում ընկերների հետ։ Ավելի լավ է այն մտցնել իր առանձին բլոկի մեջ

.

XHTML

Որպես օրինակ վերցրեցի իմ լուսանկարը:

Համար դիվտրված idայնպես որ դուք կարող եք նշանակել որոշ նահանջներ կամ որևէ այլ բան, որը անհրաժեշտ կլինի: Ես իմ օրինակում ոչինչ չեմ հարցնի.

Պիտակի հիմնական պարամետրը imgայս դեպքում այդպես է usemap = "#img-nav". Այն մատնանշում է քարտեզը, որով մենք կանդրադառնանք:

XHTML

Անդրեյ

Գնանք կարգով։

— անվանման պարամետրի արժեքը պետք է համապատասխանի img թեգի usemap պարամետրի արժեքին, միայն քարտեզի պիտակի համար այն գրված է առանց # նշանի։

Պարամետր ձեւավորելհատկորոշել — ցույց է տալիս, թե ինչպիսին է լինելու մեր տարածաշրջանը։ Պարամետրի արժեքը ցույց է տալիս, թե ինչպիսին կլինի մեր տարածքը ձեւավորել:

ուղիղ - ցույց է տալիս, որ տարածքը կլինի ուղղանկյունի տեսքով:

poly – կամայական բազմանկյուն.

շրջան – տարածքը կլինի շրջանագծի տեսքով:

Պարամետր կոորդինատներըպարունակում է մեր տարածքի կոորդինատները:

Եթե ձևավորել = "ուղղել", ապա նշված են վերին ձախ անկյունի և ստորին աջ անկյունի կոորդինատները։ Այսինքն՝ թվերի առաջին զույգը ցույց է տալիս վերևի ձախ կողմը, իսկ երկրորդ զույգը՝ ներքևի աջ անկյունը։

Եթե ձեւ = "պոլի", ապա նշվում են բազմանկյան յուրաքանչյուր գագաթի կոորդինատները։ shape = "poly" coords = "80,100,150,100,210,40,300,40,300,110"այս դեպքում առաջին գագաթի կոորդինատները կլինեն 80.100, երկրորդինը՝ 150.100, երրորդինը՝ 210.40, չորրորդինը՝ 300.40, հինգերորդինը՝ 300.110:

Եթե ձեւ = "շրջանակ", ապա նշում ենք կենտրոնի և շառավիղի կոորդինատները։ ձեւ = "շրջանակ" coords="300,300,100" այստեղ կենտրոնի կոորդինատներն են 300300, իսկ շառավիղը՝ 100:

title="Անդրեյ" alt="Անդրեյ" !}արդեն ծանոթ պարամետրեր. Ես դրանց վրա չեմ անդրադառնա:

Ամբողջական կոդը ստորև.

XHTML

«Ես կաղապար եմ պատրաստել տարբեր վեբ էջերի հղումներ («») դրա որոշակի հատվածներում տեղադրելու համար

Այժմ, եթե սեղմեք մակագրություններ ունեցող ձևերի վրա, կբացվեն դրանց համապատասխան էջերը՝ պրոֆիլը, օրագիրը կամ բոլոր գրառումները «Photoshop-ի դասեր» բաժնից (ուշադրություն. բլոգը WordPress տեղափոխելուց և այն վերամշակելուց հետո հղումները չեն աշխատում: բայց դասը մնում է համապատասխան!)

Որպեսզի նկարը աշխատի, ես գրեցի մոտավորապես հետևյալ HTML կոդը.

Այս կոդը կարող է տեղադրվել հաղորդագրության դաշտում («Աղբյուր» կոճակը սեղմած) կամ էպիգրաֆում...

Ի դեպ, թեմայի վերաբերյալ այլ գրառումներ կան.Ինչ է HTML-ը», «Նկարների HTML կոդը», «նկարի հղում» և այլն:

1. Կոորդինատներ

Վերոնշյալ կոդը կազմելու համար մի փոքր երկրաչափություն հիշեցի :)

Կոորդինատների համակարգ՝ X առանցք՝ վերևից ներքև, Y առանցք՝ ձախից աջ
Նկարի կոորդինատները սահմանելու համար անհրաժեշտ է սահմանել.
- քառակուսի (կամ ուղղանկյուն), որի կողմերը զուգահեռ են առանցքներին - երկու հակադիր անկյունների կոորդինատները՝ X1, Y1 և X2, Y2
- բազմանկյուն - ԲՈԼՈՐ անկյունների կոորդինատները
- շրջան - կենտրոնի կոորդինատները և շառավիղը:

Իմ դեպքում ստացվում է, որ մեզ անհրաժեշտ են A, C կետերի կոորդինատները՝ «Պրոֆիլ» հղման համար (ուղղանկյուն), D, E, F, G, H կետերը՝ «Օրագիր» հղման (բազմանկյուն), Q: և երկարությունը R - « Photoshop դասեր» հղման համար (շրջանակ): Այս բոլոր թվերը վերը նշված HTML կոդի մեջ ընդգծված են կարմիրով:

Բացի այդ, դուք պետք է իմանաք պատկերի չափը պիքսելներով (կանաչ գույն) Հատուկ ճշգրտության կարիք չկա, այնպես որ կարող եք որոշել կոորդինատները Photoshop-ում «քանոն» օգտագործելով. այն զանգահարելու համար սեղմեք

Ctrl+R Ինձ համար ավելի հետաքրքիր էր, որ մեկ ուրիշը հաշվարկեր կոորդինատները։ Դա անելու համար ես գործարկում եմ MS Paint

(Սկսել - Բոլոր ծրագրերը - Աքսեսուարներ - Ներկել) և դրա մեջ բացել նկարը: Երբ կուրսորը սավառնում եք ցանկալի կետերի վրա, դրանց կոորդինատները հայտնվում են ներքևի վահանակում, որը ես ուշադիր գրում եմ.

2. HTML կոդը

Նավիգացիոն քարտեզները նշված են պիտակով Քարտեզի պիտակը ներառում է պիտակներ

, որոնք սահմանում են գծագրության քարտեզի երկրաչափական շրջանները և դրանց հետ կապված կապերը։

Ահա թե ինչպես ես հասկացա. նավիգացիոն քարտեզ ստեղծելու համար անհրաժեշտ է.

պիտակներ պատկերի նկարագրությամբ

քարտեզի պիտակներ

տարածքի պիտակներ

  • Իմ դեպքում արժեքները պարզվեցին. լայնություն=«640» բարձրություն=«367»
  • - պատկերի չափերը
  • src="https://site/f02c73a3cd94.jpg" - պատկերի հասցեն կայքում օգտագործման քարտեզ = "#նկար» — պատկեր-քարտեզի պայմանական անվանումը
  • (կարող է լինել ցանկացած) քարտեզի անուն=«նկար» (- քարտի անվանումը ամբողջությամբ

Հղման տարածքների արժեքները՝ href՝ հղման թիրախը, ձևը, տարածքի ձևը և կոորդինատները՝ համապատասխանում են պատկերի երեք տարածքներին:

Ուղղանկյուն «Պրոֆիլ»

  • href="https://site/profile/" — պրոֆիլի էջի հասցեն
  • shape = "rect" - «ուղղանկյունի» ձևի նշանակում
  • coords="235,61,472,117" — A (235,61) և C (472,117) կետերի կոորդինատները

Բազմանկյուն «Օրագիր»

  • href="https://site/blog" - օրագրի էջի հասցեն
  • shape="poly" - «բազմանկյուն» ձևի նշանակում
  • coords======================================================================================================================================================================================================

Շրջանակ «Ֆոտոշոփի դասեր»

  • href="https://site/showjournal.php?journalid=2447247&keywordid=929323" — «Photoshop Tutorials» բաժնի գրառումների էջի հասցեն
  • shape="circle" - «շրջանակի» ձևի նշանակում
  • coords="551,198,65" — շրջանագծի կոորդինատները՝ կենտրոն — կետ Q (551,198) և շառավիղ — R=65

3. Ավարտել

Ստացված բոլոր արժեքները ես փոխարինեցի նավիգացիոն պատկերի քարտեզի «համակարգի» HTML կոդի մեջ և ստացա հետևյալը.

Հենց այս կոդը, երբ օգտագործվում է, «վերածվում» է կապող տարածքներով նկարի։

Վերապատրաստման համար կա հղման տարածքներ ստեղծելու «թեթև» հեշտ տարբերակ՝ «Ուսուցում. կապի տարածքները պատկերում» գրառումը

Եթե ​​սխալ եք գտնում, խնդրում ենք ընդգծել տեքստի մի հատվածը և սեղմել Ctrl+Enter.

Վերջերս շատ վեբ էջեր օգտագործում են այսպես կոչված պատկերային քարտեզներ հղումներ կազմակերպելու համար: Այս ֆունկցիայի իրականացումն ապահովված է HTML լեզվով և թույլ է տալիս կապել հիպերտեքստային հղումները պատկերի տարբեր հատվածներին: Այս մոտեցումն ավելի տեսողական է, քան սովորական տեքստային հղումների օգտագործումը, քանի որ օգտատերը ստիպված չէ կարդալ հղման բանավոր նկարագրությունը, այլ անմիջապես հասկանում է դրա իմաստը գրաֆիկական պատկերից:

Նույնիսկ սկսնակ օգտատերը, շրջելով համացանցով, շուտով կհանդիպի պատկերային քարտեզի։ Նկ. Նկար 6.1-ում ներկայացված է Ռուսաստանի խոշորագույն համակարգչային ընկերություններից մեկի վեբ էջը: Այս էջի հիմնական ընտրացանկը պատկերային քարտեզ է՝ համապատասխան հղումներով:

Հայտնի որոնողական Yahoo!-ի գործարկումը: նաև ստացվում է պատկերային քարտեզ պարունակող էջ: Նկարում ցուցադրված պատկերի ամենավերին մասը պարունակում է չորս կոճակ, որոնց միջև գրված է «Yahoo!» բառը: Նկարի կուրսորը ցույց է տալիս այս կոճակներից առաջինը, իսկ կուրսորի ձևից պարզ է դառնում, որ վերջինս ցույց է տալիս հղումը, որի հասցեն տեսանելի է դիտարկիչի կարգավիճակի տողում: Այս կոճակներով իրականացվող հղումները կատարվում են պատկերային քարտեզի տեխնոլոգիայի միջոցով:

Այնուամենայնիվ, չպետք է ենթադրել, որ պատկերային քարտեզները պետք է օգտագործվեն ամենուր, որտեղ անհրաժեշտ է հղումների նավիգացիա: Պետք է հաշվի առնել, թե արդյոք իմաստ ունի օգտագործել պատկերային քարտեզները կոնկրետ դեպքում՝ կշռելով դրական և բացասական կողմերը: Այս գլուխը պարունակում է բոլոր անհրաժեշտ տեղեկությունները պատկերային քարտեզների օգտագործման վերաբերյալ:

Այս գլխում դուք կսովորեք.

  • Ի՞նչ է պատկերային քարտեզը և ինչպես է այն աշխատում:
  • Ինչպես ստեղծել պատկեր-քարտեզի կազմաձևման ֆայլ
  • Ինչպես ստեղծել հղումներ HTML փաստաթղթում, օգտագործելով պատկերային քարտեզ

Բրինձ. 6.1.Վեբ էջի օրինակ, որտեղ հիմնական ընտրացանկը կազմված է պատկերի քարտեզի միջոցով

  • Ի՞նչ սկզբունքներ պետք է հետևել պատկերային քարտեզներ օգտագործելիս:
  • Որո՞նք են տարբեր պատկերների քարտեզի կազմաձևման ֆայլերի ձևաչափերի առանձնահատկությունները:
  • Ինչ ծրագրեր պետք է օգտագործեք պատկերային քարտեզներ ստեղծելու համար:

Պատկերային քարտեզի հիմունքներ

Պատկերային քարտեզները օգտվողներին տրամադրում են ընկերական ինտերֆեյս՝ այլ վեբ էջեր նավարկելու համար: Նման հղմանը հետևելու համար պարզապես ընտրում եք նկարի ցանկալի վայրը և սեղմում: Նման զարգացած գրաֆիկական ինտերֆեյսի առկայությունը վեբ էջերի նշանակալի առավելություններից մեկն է այլ ինտերնետային ռեսուրսների համեմատ: Gopher հաճախորդի ինտերֆեյսին նման տեքստային մենյուների փոխարեն օգտվողները ստանում են տեղեկատվության հստակ գրաֆիկական ներկայացում (Նկար 6.2):

Բրինձ. 6.2.Հղումների տեսողական ներկայացում (աշխարհի յոթ հրաշալիքների մասին պատմող էջերի)՝ օգտագործելով պատկերային քարտեզ

Պատկերի քարտեզը կարծես սովորական ներկառուցված պատկեր է, բայց երբ մկնիկի կուրսորով ընտրում եք այս պատկերի որոշակի տարածք, այն տեղափոխվում է այլ էջեր: Սովորաբար պատկերը ցույց է տալիս, թե որտեղ պետք է սեղմել՝ որոշակի էջ գնալու համար: Տարբեր հղումներ իրականացնող տարածքների սահմանները ճշտելու մի քանի եղանակ կա: Հաճախ օգտագործվում է շրջանակ կամ ինչ-որ այլ սահմանազատող:

Եկեք նայենք պատկերային քարտեզների օգտագործման հետ կապված հիմնական հասկացություններին:

Տերմինաբանություն

Imagemap, Image Map, Area Map, Clickable Map, Sensitive Map - այս բոլոր անգլերեն տերմիններն օգտագործվում են տեղեկատու գրականության մեջ նույն հնարավորությունը նշելու համար. սահմանված կամ տարածքներ, որոնք կապում են տարբեր URL-ների: Այս հնարավորությունը մենք նկարագրելու ենք «պատկերային քարտեզ» արտահայտությամբ, որը նշանակում է մի քանի բաղադրիչների համադրություն, որոնք ապահովում են այս հայեցակարգի իրականացումը: Հիմնական բաղադրիչներն են՝ ինքնին պատկերը, որը մենք կանվանենք այս պատկերային քարտեզի հղումային պատկեր; ակտիվ տարածքների կոնֆիգուրացիայի նկարագրությունը; ինչպես նաև հարակից ծրագրեր:

Պատկերային քարտեզի գրաֆիկական ներկայացում

Պատկերային քարտեզը, ըստ էության, վեբ էջի վրա ներկառուցված գրաֆիկա է: Այս պատկերները կարող են լինել ցանկացած վավեր ձևաչափով (GIF կամ JPG): Այս դեպքում GIF ձևաչափը կարող է օգտագործել թափանցիկ գույն, ինչպես նաև փոփոխվող տողերի ռեժիմ: Որպեսզի պատկերն օգտագործվի որպես պատկերային քարտեզի հղում, պաշտոնապես լրացուցիչ սահմանափակումներ չեն կիրառվում:

Պատկերային քարտի կազմաձևման նկարագրությունը

Պատկերի քարտեզի կոնֆիգուրացիան գրված է պարզ տեքստով, որը, կախված օգտագործվող ձևաչափից, կարող է պահպանվել առանձին ֆայլում կամ լինել HTML փաստաթղթի մաս: Կազմաձևման նկարագրությունը պարունակում է պատկերի յուրաքանչյուր ակտիվ տարածքի կոորդինատները, ինչպես նաև նշված տարածքներից յուրաքանչյուրի հետ կապված URL-ները: Թեժ կետերը կարող են ձևավորվել ուղղանկյունների, շրջանակների կամ բազմանկյունների տեսքով: Այս թվերի ցանկացած համադրություն թույլատրվում է: URL-ի մեկ արժեք կարող է սահմանվել նաև այն դեպքում, երբ օգտագործողը կտտացնում է պատկերի ներսում, բայց նշված թեժ կետերից որևէ մեկից դուրս: Շրջանակի կոնֆիգուրացիայի գրանցման հատուկ կանոնները կախված են կատարման ընտրված տարբերակից և կներկայացվեն ստորև:

Պատկերային քարտեզների իրականացման տարբերակներ

Վեբ էջերում պատկերային քարտեզի հայեցակարգը կարող է իրականացվել երկու տարբեր տարբերակներով՝ սերվերի կողմից և հաճախորդի կողմից պատկերի քարտեզ: Վերջին անունը հաճախ օգտագործվում է որպես CSIM հապավում: Պատմականորեն պատկերային քարտեզների սերվերային տարբերակը առաջինն էր, որ հայտնվեց և լայն տարածում գտավ, որն առաջին անգամ ներդրվեց Mosaic բրաուզերում։ Սերվերի տարբերակը թույլ էր տալիս օգտագործել բոլոր երեք առաջատար բրաուզերների առաջին տարբերակները: Սերվերի տարբերակը կարող է իրականացվել երկու տարբեր ձևաչափերով, որոնք կոչվում են ծրագրավորող կազմակերպությունների անուններով՝ NCSA և CERN:

Վերջերս հաճախորդի տարբերակը, որն առաջին անգամ ներդրվել է Microsoft Internet Explorer բրաուզերում, ավելի ու ավելի է զարգացել: 2.0 տարբերակի դրությամբ այս տարբերակը նաև աջակցում է Netscape բրաուզերին: Այս տարբերակն ունի իր անհերքելի առավելությունները և գնալով ավելի տարածված է դառնում:

Պատկերային քարտեզների առավելություններն ու թերությունները

Պատկերային քարտեզների օգտագործման մեջ կան ինչպես դրական, այնպես էլ բացասական կողմեր: Դրանցից շատերը գեղագիտական ​​բնույթ ունեն, բայց ոմանք ունեն նաև տեխնիկական կողմեր։ Լավ վեբ էջեր ստեղծելու համար կարևոր է հասկանալ պատկերային քարտեզների առավելություններն ու թերությունները:

Պատկերային քարտեզները առավել հարմար են օգտագործել հետևյալ իրավիճակներում.

  • Ներկայացնել տարածական հարաբերություններ, ինչպիսիք են աշխարհագրական կոորդինատները, որոնք դժվար կլինի սահմանել առանձին կոճակներով կամ տեքստով: Օրինակ՝ Հյուսիսային Ամերիկայի քարտեզը, որտեղ յուրաքանչյուր նահանգի ընտրությունը տանում է դեպի համապատասխան էջ:
  • Որպես վերին մակարդակի մենյու, որը հայտնվում է յուրաքանչյուր էջում: Նման մենյուի առկայությունը հնարավորություն է տալիս ցանկացած էջից և ցանկացած պահի գնալ հետաքրքրության սերվերի բաժին: Ընդհանուր գրաֆիկական մենյու ստեղծելը կնվազեցնի մշակման ժամանակը

HTML փաստաթղթեր, քանի որ կօգտագործվի նույն հղման նկարագրության ֆայլը: Յուրաքանչյուր էջի վրա գլխավոր էջի տարբեր մասերին հղումներ անելու փոխարեն, պարզապես անհրաժեշտ է կապել ընդհանուր մենյուին: Նման ընտրացանկը կհեշտացնի նաև նավիգացիան օգտատիրոջ համար։

Չնայած այն հանգամանքին, որ պատկերային քարտեզները դարձել են չափազանց տարածված, պարզ է, որ դրանք վեբ էջերի անբաժանելի հատկանիշ չեն և չեն օգտագործվում բոլոր էջերում: Կան իրավիճակներ, երբ դուք չպետք է օգտագործեք պատկերային քարտեզներ:

Պատկերային քարտեզների թերությունները ներառում են հետևյալը.

  • Եթե ​​այլընտրանքային տեքստային ընտրացանկ տրամադրված չէ, նավարկություն չկա այն օգտվողների համար, ովքեր չեն կարող բեռնել գրաֆիկան կամ անջատել են գրաֆիկայի բեռնումը:
  • Պատկերային քարտեզները ունեն նույն թերությունները, որոնք կապված են վեբ էջերում պատկերների օգտագործման հետ, մասնավորապես՝ բեռնման ժամանակի զգալի աճ՝ համեմատած զուտ տեքստային փաստաթղթերի հետ:
  • Վատ ձևավորված պատկերները կարող են շփոթություն առաջացնել: Երբեմն դժվար է որոշել, թե որ տարածքներն են ակտիվ պատկերում: Սա հատկապես դժվար է անել սերվերի տարբերակում: Հաճախորդի տարբերակն իրականացնելիս իրավիճակը պարզեցվում է, քանի որ հնարավոր է մկնիկը տեղափոխել պատկերի ներսում և վերահսկել բրաուզերի պատուհանի ներքևում գտնվող հղումների հասցեները:
  • Պատկերային քարտեզներից օգտվելիս զննարկիչը հնարավորություն չունի նշելու արդեն այցելած հղումները այլ գույնով այնպես, ինչպես տեքստային հղումների դեպքում:

Պատկերային քարտեզների սերվերի կողմից իրականացում

Վեբ էջերում պատկերային քարտեզների օգտագործումը պարզվում է, որ մի փոքր ավելի բարդ է, քան պարզապես հետաքրքիր գրաֆիկայի տեղադրումը և դրանք հղումների հետ կապելը: Պատկերային քարտեզի սերվերային տարբերակն իրականացնելու համար անհրաժեշտ է, որ HTML փաստաթուղթը տեղադրվի սերվերի վրա: Պահանջվում է նաև, որ սերվերը կարգավորվի այնպես, որ աջակցի CGI սկրիպտներին (Common Gateway Interface), որոնք մշակում են բրաուզերից ստացված հարցումները պատկերային քարտեզի հետ աշխատելիս: Յուրաքանչյուր պատկերի քարտեզի համար սերվերի վրա պետք է տեղադրվի ակտիվ տարածքների կազմաձևումը նկարագրող ֆայլ: Երբ դուք կտտացնում եք պատկերի մեջ, կոորդինատները, որտեղ դուք սեղմում եք, զննարկիչը ուղարկում է սերվեր, որը մուտք է գործում կազմաձևման ֆայլ, որն ըստ էության թեժ կետի որոնման աղյուսակ է: Որոնման արդյունքը վերադարձվում է զննարկիչին URL-ի կամ հաղորդագրության տեսքով, որը ցույց է տալիս, որ նկարում նշված վայրին համապատասխանող թեժ կետեր չեն գտնվել:

Պատկերային քարտեզի աշխատանքը ապահովելու համար անհրաժեշտ է նշել, որ այս պատկերը քարտեզի հղման պատկերն է: Դա արվում է պիտակի մեջ ISMAP պարամետրը դնելով . Բացի այդ, պատկերի քարտեզը պետք է հղում լինի վեբ էջի վրա, ինչպես ամբողջ պատկերն օգտագործել որպես առանձին հղում:

Որպես հիշեցում, ներկառուցված պատկերները կարող են օգտագործվել որպես հիպերտեքստային հղումներ, եթե դրանք ներառված են պիտակի մեջ<А>. Օրինակ, Myimage.gif անունով պատկերը գրաֆիկական հղում դարձնելու համար նույն գրացուցակի exampie.html անունով փաստաթղթին, դուք պետք է գրեք.

<А HREF=example.html >

Այս HTML-ը սերվերին ասում է, որ երբ Mylmage.gif պատկերը սեղմվում է, օրինակ.html անունով փաստաթուղթը պետք է վերադարձվի դիտարկիչ:

ISMAP պարամետրն ավելացվել է պիտակին տրված օրինակի համար ակտիվացնում է պատկերի քարտեզը: Հղումն այս դեպքում ոչ թե կոնկրետ փաստաթուղթ է, այլ պատկերի քարտեզի կազմաձևման ֆայլ, որը պարունակում է պատկերի բոլոր ակտիվ տարածքների կոորդինատները: Կազմաձևման ֆայլը, սովորաբար MAP ընդլայնմամբ, վերլուծվում է CGI ծրագրի կողմից սերվերի վրա՝ նկարի վրա սեղմման կետի կոորդինատների հետ միասին: Այնուհետև վերը նշված տողի փոխարեն պետք է գրել.

<А HREF=MyImage.map>< IMG SRC=MyImage.gif ISMAP>< /A>

Այս օրինակի հղումը մեկ այլ HTML փաստաթղթի հասցե չէ, այլ պատկերի քարտեզի կազմաձևման ֆայլ, որը պարունակում է կոորդինատներ պատկերի յուրաքանչյուր ակտիվ տարածքի համար, որը կոչվում է Myimage.gif:

Նշում

Պիտակի պարամետրերի կարգը կամայական է, այնուամենայնիվ, ISMAP պարամետրը սովորաբար տեղադրվում է վերջին տեղում:

Պատկեր-քարտեզի կազմաձևման ֆայլը սովորական է տեքստային ֆայլ, որը պարունակում է տեղեկատվություն տվյալ պատկերի ակտիվ տարածքների մասին։ Յուրաքանչյուր պատկեր, որը կօգտագործվի քարտեզի ռեժիմում, պահանջում է առանձին կազմաձևման ֆայլ:

Խորհուրդ

Յուրաքանչյուր պատկերային քարտ պահանջում է առանձին կազմաձևման ֆայլ: Սովորություն դարձրեք կոնֆիգուրացիայի ֆայլը պահել նույն գրացուցակում և նույն անունով, ինչ դրա հետ կապված պատկերը: Օրինակ՝ main_menu.gif և main menu.map:

Գոյություն ունեն պատկերների քարտեզի կազմաձևման երկու ձևաչափեր, որոնք մշակվել են CERN-ի և NCSA-ի կողմից և կրում են այդ կազմակերպությունների անունները: Այս երկու ձևաչափերն էլ պարունակում են նույն տեղեկատվությունը, բայց դրանք տարբեր կերպ են ներկայացնում: Երկու դեպքում էլ օգտագործվում են տարածքների նույն տեսակները, որոնք քննարկվում են ստորև: Հատուկ սերվերի վրա օգտագործելու համար պատկերային քարտեզներ մշակելիս դուք պետք է տեղեկություններ ստանաք համակարգի ադմինիստրատորից այն մասին, թե ինչ է ընդունվել: այս սերվերըպատկերային քարտեզներին աջակցելու միջոց:

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

Յուրաքանչյուր տարածքի համար կազմաձևման ֆայլում գրվում է URL, որը կվերադարձվի օգտագործողին, երբ այդ տարածքում սեղմում է տեղի ունենում: Այս հասցեն կարող է գրվել ինչպես հարաբերական, այնպես էլ բացարձակ ձևով: Նկատի ունեցեք, որ հարաբերական URL-ը պետք է սահմանվի ոչ թե պատկերի, այլ կազմաձևման ֆայլի գտնվելու վայրի համեմատ: Կազմաձևման ֆայլի ակտիվ տարածքների ցանկը կարդացվում է առաջին տողից: Եթե ​​երկու շրջանակներ համընկնում են, ապա գործարկվում է այն հղումը, որի շրջանակի նկարագրությունը առաջինը հայտնվում է կազմաձևման ֆայլում:

Խորհուրդ

Խորհուրդ է տրվում միշտ սահմանել լռելյայն հղում կոնֆիգուրացիայի ֆայլում: Լռելյայն հղումը կիրականացվի պատկերի այն տարածքների համար, որոնք ակտիվ չեն: Ամենապարզ դեպքում, լռելյայն URL-ը կարող է պարզապես մատնանշել այն էջը, որտեղով օգտակար տեղեկատվությունայս քարտի օգտագործման մասին:

CERN ձևաչափ

CERN-ը եվրոպական գիտական ​​կենտրոն է, որի հետազոտական ​​թեմաները շատ լայն են։ Այստեղ էր, որ մշակվեց World Wide Web համակարգի հայեցակարգը, որը խթան հանդիսացավ WWW տարածքում բոլոր զարգացումների համար: CERN-ը իրավամբ կարելի է համարել համացանցի ծննդավայրը: Երբ անհրաժեշտություն առաջացավ մշակել պատկերային քարտեզի կազմաձևման ֆայլերի կառուցվածք, CERN-ն առաջարկեց հետևյալ ձևաչափը.

տարածքի տիպի կոորդինատների URL

X և Y կոորդինատների զույգ արժեքները բաժանվում են ստորակետով և փակվում են փակագծերում: CERN-ի ձևաչափը թույլ չի տալիս մեկնաբանություններին բացատրել որոշակի ոլորտին առնչվող հղումները: Տարածքների հետևյալ տեսակները կարող են օգտագործվել՝ ուղիղ, շրջանաձև, պոլի և լռելյայն: Այս ձևաչափը թույլ է տալիս տարածքների տիպերի անունները գրել երկու ձևով՝ և՛ կրճատ, և՛ ամբողջական տեսքով: Տրված տիպերի անունների հետ մեկտեղ կարող են օգտագործվել ուղղանկյուն, շրջան և բազմանկյուն անվանումները։

Ահա պատկերային քարտեզի վրա տարածքների մասին տեղեկատվության գրանցման օրինակ CERN ձևաչափով.

rect (56.47) (357.265) http://www.anywhere.com/

շրջան (366,147) 109 http://www.anywhere.com/

բազմանկյուն (534.62) (699.62) (698.236) (626.261) (534.235) (534.62)

http://www.anywhere.com/

NCSA ձևաչափ

Իլինոյսի համալսարանի Գերհամակարգչային հավելվածների ազգային կենտրոնը (NCSA) նույնպես նշանակալի ներդրում է ունեցել համացանցի զարգացման գործում: Այստեղ ստեղծվել է առաջին հայտնի գրաֆիկական բրաուզերը՝ Mosaic ծրագիրը։ NCSA-ն առաջարկել է կազմաձևման ֆայլի ձևաչափ, որը ձայնագրման ձևով տարբերվում է CERN ձևաչափից: Այս ձևաչափն այսպիսի տեսք ունի.

area_type URL-ի կոորդինատները

Տարածքի հետևյալ տեսակները կարող են օգտագործվել՝ ուղղանկյուն, շրջանագիծ, պոլի, լռելյայն և կետ:

X և Y կոորդինատները բաժանված են ստորակետերով, բայց փակագծերում փակված չեն: Այս ձևաչափը թույլ է տալիս օգտագործել մեկնաբանությունների տողեր: # նիշով սկսվող ցանկացած տող կդիտարկվի որպես մեկնաբանություն, և դրա բովանդակությունը անտեսվելու է վերլուծողի կողմից:

NCSA ձևաչափն առաջարկում է շրջանաձև տարածքներ սահմանելու մի փոքր այլ եղանակ (համեմատած CERN ձևաչափի և ստորև քննարկված հաճախորդի տարբերակի հետ): Շրջանաձև տարածքը սահմանվում է երկու կետերի կոորդինատներով՝ կենտրոնի և շրջանագծի վրա ընկած ցանկացած կետի:

Նշում

NCSA ձևաչափը թույլ է տալիս օգտագործել կետային տարածքի տեսակ: Տարածքի այս տեսակը չի օգտագործվում ոչ CERN ձևաչափում, ոչ էլ պատկերային քարտեզների հաճախորդի տարբերակը օգտագործելիս: Ձևաչափը ստեղծողների մտադրությունն այն էր, որ եթե լինեին մի շարք կետավոր հատվածներ, մկնիկի սեղմումը կակտիվացնի մյուսներին ամենամոտ գտնվող հղումը։ Այնուամենայնիվ, այս տիպի տարածքի առկայությունը էապես հակասում է լռելյայն տարածքի տիպին, քանի որ կետը և լռելյայն տարածքները միաժամանակ օգտագործելով, կետի տիպով սահմանված հղման իրականացումը հնարավոր է միայն այն դեպքում, եթե մկնիկը ճշգրիտ հարվածի տվյալ կետին: Սա բավականին դժվար է և դժվար թե հարմարավետ պայմաններ ստեղծի նման փաստաթղթի հետ աշխատելիս: Ներկայումս կետի տեսակը գործնականում չի օգտագործվում, և պատկերային քարտեզների հաճախորդի տարբերակը գնալով զարգանում է:

Ահա NCSA ձևաչափով կազմաձևման ֆայլ գրելու օրինակ.

# Կազմաձևման ֆայլ գրելու օրինակ

ուղղել http://www.anywhere.com/ 56.47 357.265

շրջան http://www.anywhere.com/ 366,147 366,256

poly http://www.anywhere.com/ 534.62 699.62 698.236 626.261 534.235 534.62

Պատկերի քարտեզի հաճախորդի տարբերակը

Պատկերային քարտի հաճախորդի տարբերակը թույլ է տալիս տեղադրել քարտի կազմաձևման մասին ամբողջ տեղեկատվությունը HTML ֆայլում, որտեղ պատկերը ներկառուցված է: Սերվերի տարբերակն օգտագործելու դեպքում զննարկիչը հարցում է ուղարկում սերվերին՝ ընտրված հղման հասցեն ստանալու համար և սպասում է պատասխանի՝ պահանջվող տեղեկություններով։ Սա կարող է պահանջել լրացուցիչ սպասման ժամանակ: Հաճախորդի տարբերակով սերվերի զանգերի քանակը նվազում է և տեղեկատվության հասանելիության արագությունը մեծանում է: Այս տարբերակում նաև կարիք չկա կապվել սերվերի հետ՝ քարտեզի կոնֆիգուրացիան խմբագրելու համար, այնպես որ պատկերի քարտեզ ստեղծելու բոլոր աշխատանքները կարող են կատարվել լոկալ՝ HTML ֆայլի խմբագրման հետ միաժամանակ: Ի տարբերություն սերվերի տարբերակի, որը պահանջում էր առանձին կազմաձևման ֆայլ յուրաքանչյուր պատկերի քարտեզի համար, այս տարբերակում քարտեզի կոնֆիգուրացիան կարող է տեղակայվել անմիջապես նույն HTML փաստաթղթում, որում նշված է հղման պատկերի հղումը: Ամենից հաճախ դա հենց այն է, ինչ նրանք անում են, չնայած ընդունելի է քարտի կոնֆիգուրացիան պահել առանձին ֆայլում և տրամադրել դրա հղումը:

Նշելու համար, որ ներկառուցված պատկերը քարտեզի համար հղման պատկեր է, օգտագործեք USEMAP պիտակի պարամետրը . USEMAP պարամետրի արժեքը հղում է քարտեզի կազմաձևման նկարագրությանը:

Նշում

Netscape բրաուզերը թույլ չի տալիս առանձին ֆայլ նկարագրել քարտի կազմաձևումը:

Օրինակ՝

Այս օրինակում l ogo.gif անունով ֆայլում պահվող պատկերը հաճախորդի կողմի պատկերի քարտեզի հղման պատկերն է:

Թեժ կետի կազմաձևման նկարագրությունը պետք է տեղակայվի նույն ֆայլում, ինչ HTML կոդի այս տողը և, այս օրինակի համար, անվանված լոգոն:

Նշել<МАР>

Պատկերի քարտեզի տարածքների կազմաձևումը նկարագրելու համար օգտագործվում է հատուկ պիտակ<МАР>, որի միակ պարամետրը NAME է: NAME պարամետրի արժեքը սահմանում է անունը, որը պետք է համապատասխանի USEMAP-ի անվանը: Նշել<МАР>պահանջում է փակման պիտակ. Այս զույգ պիտակների ներսում պետք է լինեն քարտեզի ակտիվ տարածքների նկարագրություններ, որոնց համար օգտագործվում է հատուկ պիտակ .

Նշել

Յուրաքանչյուր անհատական ​​պիտակ նշում է մեկ ակտիվ շրջան։ Վերջնական պիտակը պարտադիր չէ: Ակտիվ շրջանները կարող են համընկնել: Եթե ​​որոշակի կետը պատկանում է միաժամանակ մի քանի ակտիվ տարածքների, ապա կիրականացվի այն հղումը, որի նկարագրությունը գտնվում է առաջինը տարածքների ցանկում:

Պիտակի պարամետրեր են SHAPE, COORDS, HREF, NOHREF, TARGET և ALT: Դիտարկենք այս պարամետրերի նպատակը:

SHAPE պարամետր

SHAPE պարամետրը որոշում է ակտիվ տարածքի ձևը: Վավեր արժեքներն են՝ ուղիղ, շրջան, պոլի, լռելյայն: Այս արժեքները սահմանում են տարածքները ուղղանկյունի, շրջանագծի կամ բազմանկյունի տեսքով: Վերջին արժեքը՝ լռելյայն, սահմանում է տարածքի բոլոր կետերը: Եթե ​​SHAPE պարամետրը բաց է թողնվել, ապա լռելյայն արժեքը ուղղանկյուն է, այսինքն՝ ուղղանկյունի տեսքով տարածք:

Զգուշացում

Մի շփոթեք լռելյայն տիպի տարածքը, որը նկարագրում է պատկերի բոլոր կետերը, և SHAPE պարամետրի լռելյայն արժեքը, որը ուղիղ է:

Նշում

Ի տարբերություն սերվերի տարբերակի, որտեղ լռելյայն տարածքը սահմանում է նկարի բոլոր կետերը, որոնք չեն պատկանում որևէ ակտիվ տարածքի, հաճախորդի տարբերակի համար լռելյայն տարածքը սահմանում է պատկերի բոլոր կետերը: Հետևաբար, այս դեպքում լռելյայն տարածքի նկարագրությունը պետք է տեղակայվի ակտիվ տարածքների ցանկում վերջինը: Եթե, օրինակ, սկզբում տեղադրվի լռելյայն տարածքի նկարագրությունը, ապա այս տարածքի կողմից սահմանված հղումը միշտ կիրականացվի հաճախորդի տարբերակի համար, իսկ մնացած բոլոր հղումները կանտեսվեն (այսպես է իրականացվում Netscape-ում այս տեսակի տարածքը: ). Սերվերի տարբերակի համար լռելյայն տարածքի նկարագրության գտնվելու վայրը նշանակություն չունի: Այս տարբերությունը հաշվի է առնվում գլխի վերջում բերված օրինակներում։

Խորհուրդ

Նկատի ունեցեք նաև, որ ոչ բոլոր բրաուզերներն են աջակցում լռելյայն տարածքի տեսակը: Մասնավորապես, Microsoft Internet Explorer-ն ընդհանրապես թույլ չի տալիս այս տեսակի շրջանակը։ Հետևաբար, լռելյայն տիպի տարածքի փոխարեն, մենք կարող ենք խորհուրդ տալ ուղղանկյուն տարածք սահմանել ամբողջ պատկերի չափին հավասար չափերով: Բնականաբար, նման տարածքը պետք է նկարագրվի վերջինը: Սա հենց այն է, ինչ անում են պատկերների քարտեզի խմբագրման որոշ ծրագրեր, որոնք կքննարկվեն ստորև:

COORDS պարամետր

COORDS պարամետրը սահմանում է մեկ ակտիվ տարածքի կոորդինատները: Պարամետրի արժեքը ակտիվ տարածքը սահմանող կետերի կոորդինատների ցանկն է՝ բաժանված ստորակետերով։ Կոորդինատները գրվում են որպես ոչ բացասական ամբողջ թվեր: Ծագումը գտնվում է պատկերի վերին ձախ անկյունում, որը համապատասխանում է 0.0 արժեքին։ Առաջին համարը որոշում է հորիզոնական կոորդինատը, երկրորդը` ուղղահայացը: Կոորդինատների ցանկը կախված է տարածքի տեսակից:

Ուղղանկյուն տիպի տարածքի համար նշվում են ուղղանկյունի վերին ձախ և ստորին աջ անկյունների կոորդինատները:

Շրջանակի տիպի տարածքի համար նշվում են երեք թվեր՝ շրջանագծի կենտրոնի կոորդինատները և շառավիղը:

Պոլի տիպի տարածքի համար պոլիգոնների գագաթների կոորդինատները նշված են պահանջվող հերթականությամբ: Նշենք, որ կոորդինատների ցանկի վերջին կետը պարտադիր չէ, որ համընկնի առաջինի հետ։ Եթե ​​դրանք չեն համընկնում, զննարկիչը ավտոմատ կերպով կմիացնի վերջին կետը առաջինին, երբ մեկնաբանում է տվյալ տարածաշրջանի ձևի տվյալները: Պատկերների քարտեզի տարբեր խմբագրիչներ այս առումով տարբեր կերպ են աշխատում. ոմանք ավելացնում են առաջին կետը ցուցակի վերջում, իսկ մյուսները՝ ոչ: Գագաթների քանակի քանակական սահմանափակումները բավականին մեծ են և ծածկում են գրեթե բոլոր հնարավոր կարիքները։ Առնվազն 100 գագաթներով բազմանկյունը հուսալիորեն մշակվում է բոլոր առաջատար բրաուզերների կողմից: Կա սահմանափակում՝ կապված հենց HTML լեզվի հետ, ըստ որի ցուցակը չի կարող պարունակել ավելի քան 1024 արժեք։ Բազմանկյունը կարող է ոչ ուռուցիկ լինել:

Լռելյայն տիպի տարածքը չի պահանջում կոորդինատների նշում:

HREF և NOHREF պարամետրեր

HREF և NOHREF տարբերակները փոխադարձաբար բացառիկ են: Եթե ​​նշված պարամետրերից ոչ մեկը նշված չէ, ապա տարածաշրջանը համարվում է առանց կապի: Նույն բանը բացահայտորեն սահմանում է NOHREF պարամետրը, որը արժեք չի պահանջում: HREF պարամետրը սահմանում է հղման հասցեն, որը կարող է գրվել բացարձակ կամ հարաբերական ձևով: Գրելու կանոնները լիովին համընկնում են պիտակի մեջ հղումներ գրելու կանոնների հետ<А>.

NOHREF պարամետրը օգտակար է ակտիվ շրջանի մի մասը բացառելու համար: Թող, օրինակ, դուք պետք է ստեղծեք ակտիվ տարածք օղակի տեսքով: Այս տեսակի տարածքը ներառված չէ հնարավոր տարածքների ցանկում, սակայն այն կարող է իրականացվել՝ նշելով երկու շրջանաձև տարածք։ Դա անելու համար նախ պետք է սահմանեք ավելի փոքր շառավղով տարածք և որպես պարամետր նշեք NOHREF: Հաջորդը, դուք պետք է նշեք ավելի մեծ շառավղով տարածք, որի կենտրոնը գտնվում է նույն կետում և նշեք ցանկալի հղումը: Այնուհետև օղակի ներսում գտնվող տարածքը, որը սահմանվում է տարբեր շառավղով երկու շրջանակներով, կունենա անհրաժեշտ կապը։ Տարածքների փոխադարձ համընկնման վրա հիմնված մոտեցման օգտագործումը թույլ կտա կառուցել շատ տարբեր ձևերի տարածքներ:

TARGET պարամետր

Շրջանակների հետ աշխատելիս օգտագործվում է TARGET պարամետրը: Դրա նպատակն է նշել այն շրջանակի անվանումը, որում կտեղադրվի այս հղումից ներբեռնված փաստաթուղթը: Այս տարբերակն օգտագործելու մասին լրացուցիչ տեղեկությունների համար տե՛ս շրջանակների հետ աշխատելու գլուխը:

ALT պարամետր

ALT պարամետրը թույլ է տալիս այլընտրանքային տեքստ գրել պատկերի յուրաքանչյուր ակտիվ հատվածի համար: Ըստ էության, այս տեքստը միայն մեկնաբանության դեր է խաղալու փաստաթղթի ստեղծողի համար։ Եթե ​​այլընտրանքային տեքստը գրված է ամբողջ պատկերի համար (պիտակի մեջ ), օգտագործվում է այն էկրանին ցուցադրելու համար, երբ աշխատում է պատկերի բեռնումն անջատված է, այնուհետև ակտիվ տարածքների այլընտրանքային տեքստը երբեք էկրանին չի հայտնվի:

Ահա տարբեր տեսակների տարածքները նշելու օրինակ.

<МАР NAME="logo">

Ուղղանկյուն</p> <p>area !}

Շրջանաձև տարածք

HREF="p.htm" ALT="Բազմանկյուն"> !}

Կոդի այս հատվածը տեղադրված է HTML ֆայլում: Հաճախ մեկ փաստաթղթի բոլոր պատկերային քարտեզի նկարագրությունները հավաքվում և տեղադրվում են բաժնի սկզբում փաստաթուղթ։ Այս մոտեցումը մոտ է ծրագրավորողներին, որոնք սովորաբար ծրագրեր գրելիս ծրագրի նկարագրական մասը տարանջատում են գործարկվող մասից, ինչը հեշտացնում է գրված կոդի ըմբռնումը և երբեմն որոշվում է կոմպիլյատորի պահանջներով։

Հաճախորդի և սերվերի տարբերակների համադրություն

Ընդունելի է օգտագործել համակցված տարբերակ, որտեղ երկու պարամետրերը՝ USEMAP և ISMAP, սահմանվում են նույն պատկերի համար, ինչը ենթադրում է այս պատկերի օգտագործումը որպես հղում և՛ հաճախորդի, և՛ սերվերի տարբերակների համար: USEMAP-ը գերիշխող պարամետրն է: Սա նշանակում է, որ հաճախորդի տարբերակը աջակցող դիտարկիչը կօգտագործի USEMAP՝ անտեսելով ISMAP պարամետրի հրահանգները: Այն բրաուզերները, որոնք չեն աջակցում հաճախորդի տարբերակը և չեն հասկանում USEMAP պարամետրի նպատակը, ըստ ընդհանուր HTML կանոնների, անտեսում են դրա առկայությունը և կիրականացնեն սերվերի տարբերակը, երբ հայտնաբերեն ISMAP պարամետրի առկայությունը: Համակցված տարբերակն ավելի հուսալի է, բայց պահանջում է տվյալներ երկու տարբերակների համար տարածքները կարգավորելու համար: Մեր օրերում համակցված տարբերակի օգտագործման անհրաժեշտությունը գնալով նվազում է, քանի որ բոլոր առաջատար բրաուզերներն աջակցում են հաճախորդի տարբերակը։ Այնուամենայնիվ, Netscape-ի գլխավոր էջերը, որոնց հավանաբար հանդիպել է Netscape բրաուզերի ցանկացած օգտվող, պատրաստված են համակցված տարբերակով։

Ահա համակցված տարբերակի օրինակ.

<А HREF="http://www.anywhere.com/testmap/logo.map">

Նշում

USEMAP պարամետրը նույնպես գերիշխող է պիտակի կողմից սահմանված հղման վրա<А>. Այսպիսով, եթե հաճախորդի տարբերակում պատկեր-քարտեզ հասկացությունն իրականացնելու համար օգտագործվող պատկերը գրված է պիտակի շրջանակում<А HREF>, այնուհետև վերջին պիտակի կողմից հայտնաբերված հղումը անտեսվելու է բրաուզերների կողմից, որոնք աջակցում են հաճախորդի կողմից տարբերակը: Եկեք, օրինակ, ունենանք հետևյալ հատվածը.

<А HREF=NoMaps.htm> .

Մի կողմից, ամբողջ պատկերը հղում է դեպի NoMaps.htm անունով փաստաթղթի: Մյուս կողմից, USEMAP պարամետրի առկայությունը սահմանում է այս պատկերը որպես համապատասխան պատկերի քարտեզի հղումային պատկեր: NoMaps.htm փաստաթղթին հղումը անտեսվելու է USEMAP պարամետրի առկայության պատճառով և անկախ այլ գործոններից:

Պատկերային քարտեզների օգտագործման առանձնահատկությունները

Եկեք նշենք հաճախորդի տարբերակում պատկերային քարտեզների օգտագործման որոշ առանձնահատկություններ: Երբ օգտատերը մկնիկը տեղափոխում է պատկերի մեջ, որն իրականացնում է հաճախորդի կողմից տարբերակ, համապատասխան URL-ը ցուցադրվում է Netscape բրաուզերի ներքևի մասում գտնվող կարգավիճակի տողում: Սերվերի կողմից ընտրանքում URL-ը չի ցուցադրվում, քանի որ տեղեկատվությունը տեղակայված է սերվերի վրա, որը հասանելի չէ այնքան ժամանակ, քանի դեռ օգտվողը չի սեղմել պատկերի վրա: Առաջին տարբերակը ավելի տեղեկատվական է, քանի որ օգտատերը տեսնում է հղումների հասցեները և կարող է նաև որոշել պատկերի գտնվելու վայրը առանց հղումների։ Սերվերի տարբերակը ցուցադրում է թվեր, որոնք պատկերի վրա մկնիկի հարաբերական կոորդինատներ են և որևէ տեղեկություն չեն տալիս հղումների և դրանց առկայության մասին:

Նավիգացիայի այլընտրանքային միջոցներ

Պատկերային քարտեզների օգտագործումը սովորական է դարձել, սակայն չպետք է մոռանալ, որ ոչ բոլոր վեբ օգտագործողները կարող են օգտագործել գրաֆիկա կամ ցանկանում են աշխատել պատկերի բեռնման անջատման հետ՝ ֆայլերի փոխանցման ժամանակը նվազեցնելու համար: Հետևաբար, դուք պետք է նրանց համար էջում նավարկելու այլ այլընտրանքային միջոցներ տրամադրեք։ Հակառակ դեպքում օգտվողներն ընդհանրապես չեն կարողանա գտնել էջում և, համապատասխանաբար, իրականացնել այն հղումները, որոնք սահմանված են միայն պատկերային քարտեզով։

Որպես այլընտրանք՝ կարող եք ստեղծել առանձին բաժին՝ հղումների և համապատասխան URL-ների տեքստային նկարագրությամբ։ Կարող եք նաև ստեղծել հղում դեպի տեքստային մենյու, որն ունի նույն կապերը, ինչ պատկերի քարտեզը։ Ինչ մոտեցում էլ որ ընտրեք, դուք պետք է համոզվեք, որ բոլոր հղումները հասանելի են բրաուզերի տեքստային ռեժիմի համար:

Բերենք իրական փաստաթղթի օրինակ, որում լուծված են այդ հարցերը: Հայտնի Hewlett-Packard ընկերության էջերից մեկում ցուցադրված է մի հատված, որը պատկերային քարտեզ է պարունակում։ Էջի մեջտեղում կա տասը տարբեր տեսակի սարքավորումների ցանկ, որոնցից յուրաքանչյուրում հղում կա համապատասխան փաստաթղթին։ Փաստորեն, էջի վրա կա նկար, որը քարտեզի հղման պատկերն է։ Այս պատկերում ընդգծված են տասը ուղղանկյուն գոտիներ, որոնք ակտիվ շրջաններ են։

Եթե ​​այս էջը բեռնում եք անջատված պատկերների բեռնման ռեժիմով, կտեսնեք մի նկար, որտեղ պատկերի քարտեզի փոխարեն կա միայն փոքր պատկերակ, որը ցույց է տալիս պատկերի գտնվելու վայրը և. տեքստ, որը սահմանվել է որպես այլընտրանքային տեքստ ամբողջ տվյալ պատկերի համար: Ակնհայտ է, որ այստեղ դուք չեք կարողանա օգտագործել հղումները: Այս հարցը լուծելու համար պատկերի տակ կա սովորական տեքստային մենյու, որն ամբողջությամբ կրկնում է նկարում ցուցադրված ցանկը՝ համապատասխան հղումներով։ Հետևաբար, եթե պատկերի բեռնումն անջատված է, օգտվողը դեռևս կկարողանա իրականացնել հղումների անհրաժեշտ անցումները՝ օգտագործելով կրկնօրինակ տեքստի ընտրացանկը: Պատկերը բեռնելիս տեքստային ընտրացանկը կրկնօրինակում է միայն հղումներ ընտրելու տարբերակները:

Պատկերների քարտեզագրման գործիքներ

Պատկերային քարտեզների ստեղծումը պահանջում է երկու քայլ՝ պատրաստել հղման պատկեր, որի վրա հետագայում կսահմանվեն ակտիվ շրջանները, և կազմաձևման ֆայլի մշակում, որը նկարագրում է ակտիվ շրջանների երկրաչափական պարամետրերը: Պատկեր պատրաստելը, որը հիմք կծառայի պատկերային քարտեզի համար, չի տարբերվում վեբ էջերում ներկառուցված սովորական պատկերներ պատրաստելուց: Դա անելու համար կարող եք օգտագործել ցանկացած գրաֆիկական խմբագրիչ կամ օգտագործել պատրաստի պատկեր:

Երկրորդ քայլում անհրաժեշտ է նկարում նշել ակտիվ տարածքները և համապատասխանեցնել դրանք համապատասխան հղումային հասցեների հետ։ Կազմաձևման ֆայլի պատրաստումը պատկերային քարտեզներ ստեղծելու ամենադժվար քայլն է: Սկզբունքորեն, նկարում ակտիվ տարածքների սահմանները սահմանելու ձեռքով հնարավոր է: Օրինակ, գրաֆիկական խմբագրիչում աշխատելիս կարող եք նշել առանձին կետեր, գրանցել դրանց կոորդինատները, այնուհետև ստեղծել ընտրված տարածքների երկրաչափական պարամետրերը նկարագրող ֆայլ: Այնուամենայնիվ, այս մոտեցումը չափազանց անհարմար է և ծանր:

Պատկերում տարածքները նշելու գործընթացը ավտոմատացնելու համար կան մի շարք ծրագրեր, որոնցից շատերը շատ նման են միմյանց։ Նրանք թույլ են տալիս ստեղծել և փոփոխել կազմաձևման ֆայլերը՝ ուղղակիորեն աշխատելով էկրանի պատկերի հետ: Ծրագրերի մեծ մասը ինքնուրույն կոմունալ ծառայություններ են, որոնք գործում են ինքնուրույն և, ըստ էության, հավելումներ են HTML խմբագրիչների համար: Այս ծրագրերը թույլ են տալիս պահպանել ստեղծված կազմաձևման ֆայլը Windows clipboard-ում կամ սկավառակի վրա գտնվող ֆայլում: Առաջին դեպքում բնորոշ տարբերակ է պատկերի քարտեզի խմբագրման ծրագրի և ինչ-որ HTML խմբագրիչի կամ սովորական տեքստային խմբագրիչի համատեղ գործարկումը: Եթե ​​ծրագիրը թույլ է տալիս պահպանել կազմաձևման ֆայլը սկավառակի վրա, ապա այն կարող է օգտագործվել ամբողջովին ինքնուրույն: Բոլոր ծրագրերը թույլ են տալիս պատկերի վրա նշել երեք հիմնական տիպի տարածքներ՝ ուղիղ, շրջան և պոլի: Որոշ խմբագիրներ աջակցում են լռելյայն տեսակը: Պատկերների քարտեզի խմբագրման ծրագրի ընտրության միակ չափանիշը թերևս դրա օգտագործման հեշտությունն է, քանի որ բոլոր ծրագրերը շատ նման են ֆունկցիոնալ հատկություններով: Եթե ​​ծրագրի ինտերֆեյսը ձեզ անհարմար է թվում, կարող եք դադարեցնել այն և ընտրել մեկ ուրիշը:

Դիտարկենք առկա ծրագրերից մի քանիսը:

MapEdit ծրագիր

Կազմաձևման ֆայլերի խմբագրման ամենապարզ և ամենահայտնի ծրագրերից մեկը MapEdit կոմունալն է, որը մշակվել է Թոմաս Բութելի կողմից: Այս ծրագիրը գործում է արդեն մի քանի տարի և իրականացվում է տարբեր հարթակներում։ Մասնավորապես, կան Windows 3.x և Windows 95/98/NT տարբերակներ: Ինչպես շատ ծրագրերի դեպքում, այս կոմունալ ծրագրի մի շարք տարբերակներ կային: Ներկայումս Windows 95/98/NT-ի համար հասանելի վերջին տարբերակը 2.6 տարբերակն է (1999թ. սեպտեմբեր): Ծրագրի մասին տեղեկատվություն կարելի է ստանալ հետևյալ հասցեով.

http://www.boutell.cora/mapedit/

MapEdit-ը shareware է և ունի 30-օրյա գնահատման ժամկետ, որից հետո գրանցումը պարտադիր է: Ծրագիրը փոքր է չափերով՝ բաշխումը զբաղեցնում է մոտ 300 ԿԲ, և միևնույն ժամանակ այն ունի գրեթե բոլոր անհրաժեշտ հնարավորությունները։

Ծրագիրը թույլ է տալիս խմբագրել կոնֆիգուրացիայի ֆայլերը ինչպես սերվերի տարբերակի (NCSA և CERN ձևաչափերով), այնպես էլ հաճախորդի տարբերակի համար: Հնարավոր է տեսողականորեն ստեղծել ակտիվ տարածքներ ուղղանկյունների, շրջանակների և բազմանկյունների տեսքով, ինչպես նաև սահմանել հղման հասցեն լռելյայն տարածքի համար:

Եկեք համառոտ նայենք այս ծրագրի հիմնական հատկանիշներին: MapEdit-ը սկսելուց հետո հայտնվում է հիմնական պատուհանը, որը պարունակում է ցայտած էկրան (նկ. 6.3) և մենյու: Հնարավոր է խմբագրել առկա ֆայլերը պատկերային քարտեզների և սերվերի, և հաճախորդի տարբերակների համար: Հնարավոր է նաև ստեղծել նոր կազմաձևման ֆայլ, բայց դա վերաբերում է միայն սերվերի տարբերակին: Հաճախորդի տարբերակը պահանջում է աղբյուրի HTML ֆայլ՝ ներկառուցված պատկերների հղումներով, որոնք կօգտագործվեն որպես պատկերային քարտեզների հղում:

Նշում

MapEdit-ի միջոցով նոր HTML ֆայլ ստեղծելու անկարողությունը կարելի է հեշտությամբ շրջանցել: Դա անելու համար դուք պետք է գործարկեք ծրագիրը ֆայլի ստեղծման ռեժիմում՝ սերվերի կողմի ձևաչափերից մեկով (NCSA և CERN), կատարեք բոլոր անհրաժեշտ գործողությունները, այնուհետև արդյունքները պահպանեք Save as ռեժիմում՝ նշելով Client Side Map ձևաչափը: Կստեղծվի HTML ֆայլ, որը հետագայում կարող է օգտագործվել որպես HTML փաստաթղթի պատրաստի հատված։

Ենթադրենք, որ մենք պետք է նոր կազմաձևման ֆայլ ստեղծենք պատկերային քարտեզների սերվերային տարբերակի համար: Ցանկից ընտրեք Բացել/Ստեղծել քարտեզ

Ֆայլ. Կհայտնվի երկխոսության տուփ (նկ. 6.4), որում պետք է նշեք ստեղծվելիք կազմաձևման ֆայլի անունը (օրինակ՝ Blazons.map), նշեք առկա պատկերի ֆայլը և ստեղծված ֆայլի ձևաչափը (NCSA կամ CERN): ). Պատկերի ֆայլը կարող է լինել GIF, JPG կամ PNG ձևաչափով:

Բրինձ. 6. 3 . MapEdit շաղ տալ էկրանը

Բրինձ. 6. 4 . Բացել/Ստեղծել քարտեզ երկխոսության տուփ՝ կազմաձևման ֆայլ ստեղծելու համար

Նշում

Սերվերի կողմից կազմաձևման ֆայլերի մեկնաբանման ծրագրերից շատերը պահանջում են, որ ֆայլը ունենա MAP ընդլայնում: Խորհուրդ է տրվում միշտ պահպանել այս կանոնը։

Ծրագիրը կբեռնի ընտրված պատկերային ֆայլը, որի վրա հնարավոր կլինի նշել ակտիվ տարածքները (նկ. 6.5):

Դրա համար անհրաժեշտ է ընտրել ակտիվ տարածքի ձևը՝ ուղղանկյուն, շրջան կամ ուղղանկյուն՝ սեղմելով համապատասխան պատկերակը կամ ընտրելով ցանկալի կետը Գործիքներ մենյուից (նկ. 6.6):

Հետագա գործողությունները կատարվում են անմիջապես պատկերի վրա՝ մկնիկով կետեր նշելով: Ուղղանկյուն տարածքի համար նշվում են վերին ձախ և ներքևի աջ անկյունները, շրջանաձև հատվածի համար՝ կենտրոնը և շրջանագծի կետերից մեկը, բազմանկյունի համար՝ նրա գագաթները։ Օրինակ Նկ. Նկար 6.5-ը ցույց է տալիս այն դեպքը, երբ պատկերի վրա արդեն նշված են տարբեր ձևերի երեք ակտիվ տարածքներ: Նկատի ունեցեք, որ ակտիվ տարածքները սահմանափակող տողերը ծառայում են միայն խմբագրիչում աշխատելիս դրանք պատկերացնելու համար և ոչ մի կերպ չեն փոխում պատկերի ֆայլը։ Այս օրինակի պատկերն ըստ էության պարունակում է երեք առանձին նկար (պատկերված են Սանկտ Պետերբուրգ, Տոմսկ և Յակուտսկ քաղաքների զինանշանները), ինչը սովորաբար բնորոշ չէ ռեալիստական ​​պատկերներին։ Այնուամենայնիվ, պատկերների համար, որոնք պարունակում են, օրինակ, կառավարման կոճակների հավաքածու, այս իրավիճակը բավականին բնորոշ է:


Բրինձ. 6. 5 . Պատկեր՝ պիտակավորված տարբեր տեսակի թեժ կետերով

Բրինձ. 6. 6 . Գործիքների ընտրացանկ

Բրինձ. 6. 7 . Օբյեկտի URL երկխոսության տուփ՝ URL և կամընտիր մեկնաբանություն նշելու համար

Տարածքներից որևէ մեկը նշելուց հետո դուք պետք է նշեք այս տարածքին համապատասխան հղման հասցեն, ինչպես նաև մեկնաբանության տվյալները (նկ. 6.7): Տարածքի համար կարող եք սահմանել լռելյայն հղման հասցե, որը կիրականացվի պատկերի տարածքի այն մասի համար, որը ներառված չէ ակտիվ տարածքներից որևէ մեկում (նկ. 6.8):

Տարածքները նշելուց հետո կարող եք տեսողականորեն ստուգել կամ փոխել ստեղծված ակտիվ տարածքները՝ օգտագործելով Խմբագրել ցանկի Test տարրը: Վերջին քայլը արդյունքների պահպանումն է որպես կազմաձևման ֆայլ (Պահպանել տարրը Ֆայլի ցանկում): Կարող եք օգտագործել նաև Save As տարրը, որում նշում եք ֆայլի պահպանման համար անհրաժեշտ ձևաչափը (նկ. 6.9):

Բրինձ. 6. 8 . Լռելյայն URL երկխոսության տուփ՝ շրջանակի համար լռելյայն URL-ը սահմանելու համար

Բրինձ. 6. 9 . Պահպանել որպես հրամանի երկխոսության տուփ

Նշում

MapEdit-ի հին տարբերակները պարունակում էին փոքր վրիպակ՝ կապված պահպանված կազմաձևման ֆայլի ձևաչափի սահմանման հետ: Եթե ​​ֆայլը ստեղծելիս նշվել է CERN ֆորմատը, ապա Save ռեժիմում տվյալները պահպանելիս ֆայլը դեռ կպահվի NCSA ձևաչափով: Հնարավոր է ստեղծել CERN ֆորմատի ֆայլ միայն Save as ռեժիմն օգտագործելիս և պահանջվող ձևաչափը նշելիս:

Այս օրինակի համար Blazons.map անունով ֆայլ կստեղծվի, որը կպարունակի հետևյալ տեղեկատվությունը (NCSA ձևաչափ).

#Տոմսկ քաղաքի զինանշան

rect www.ifmo.ru/sergeev/tomsk.htm 35.58 187.244

#Յակուտսկ քաղաքի զինանշան

շրջան www.ifmo.ru/sergeev/jakutsk.htm 364.150 468.150

#Սանկտ Պետերբուրգ քաղաքի զինանշան

poly www.ifmo.ru/sergeev/Spb.htm 537.61 700.61 700.230 618.256 537.231

Խմբագրի կողմից CERN ձևաչափով պահպանված նույն տվյալները կունենան հետևյալ տեսքը.

rect (35.58) (187.244) www.ifmo.ru/sergeev/tomsk.htm circle (364.150) 104 www.ifmo.ru/sergeev/jakutsk.htm poly (537.61) (700.61) (700.230) (61) (700.230) (61) www.ifmo.ru/sergeev/Spb.htm

Խնդրում ենք նկատի ունենալ, որ մեկնաբանություններն այս ձևաչափով չեն թույլատրվում, ուստի այս տեղեկատվությունը կկորչի, երբ ֆայլը պահպանվի:

Դիտարկենք պատկերային քարտեզի հաճախորդի տարբերակ ստեղծելու խնդիրը: Այս խնդիրը լուծելու համար դուք պետք է ունենաք HTML աղբյուրի ֆայլ, որը պարունակում է առնվազն մեկ ներկառուցված պատկեր: Այս աղբյուրի ֆայլը կարող է նախապես ստեղծվել ցանկացած տեքստային խմբագրիչի կամ հատուկ HTML խմբագրիչի միջոցով: Ենթադրենք, կա CSIM.HTM անունով ֆայլ, որը պարունակում է հետևյալ կոդը.

Այս ֆայլը պետք է բացվի MapEdit խմբագրիչում (նկ. 6.10): Ի տարբերություն այն տարբերակի, որով ստեղծվել է կազմաձևման ֆայլը, այստեղ անհրաժեշտ չէ նշել պատկերի ֆայլի անունը Open/Create Map ցանկի տարրում:

Բրինձ. 6.1 0 . Բացել/Ստեղծել Քարտեզ երկխոսության տուփ՝ գոյություն ունեցող HTML ֆայլ բացելու համար

Բրինձ. 6.1 1 . Ընտրեք Inline Image Dialog Box

Աղբյուրի HTML ֆայլը բացելուց հետո խմբագրիչը կցուցադրի երկխոսության տուփ՝ ներկառուցված բոլոր պատկերների ցանկով, որտեղից պետք է ընտրել ձեզ անհրաժեշտը (նկ. 6.11): Իհարկե, ընտրված պատկերով ֆայլը պետք է գոյություն ունենա:

Ակտիվ տարածքների գծանշման հետագա աշխատանքը լիովին նույնական է նախորդ դեպքի հետ: Նշման արդյունքները պահպանելուց հետո սկզբնական ֆայլը կփոխվի և տրված օրինակի համար այն կունենա հետևյալ տեսքը.

Տոմսկ քաղաքի զինանշանը

href="tomsk.htm">

Յակուտսկ քաղաքի զինանշան

href="jakutsk.htm">

Սանկտ Պետերբուրգ քաղաքի զինանշան

coords="537,61,700,61, 700, 230, 618, 256, 537,231" href="Spb.htm">

Խնդրում ենք նկատի ունենալ, որ խմբագիրն ավտոմատ կերպով անուն է տալիս պատկերի քարտեզը նկարագրելու համար, որը համապատասխանում է հղումային պատկերի ֆայլի անվանը: Այս օրինակի համար պատկերով ֆայլը կոչվում էր Blazons.gif, ուստի պիտակի անվան պարամետրը<тар>նշանակվել է «Blazons» արժեքը։

Նշում

MapEdit խմբագիրն այնքան էլ ճիշտ չի աշխատում ռուսերեն այբուբենի նիշերի հետ: Որոշ ռուսերեն տառեր անհետանում են, երբ ֆայլը պահվում է, և դրանց տեղում բացատներ են հայտնվում: Այս իրավիճակից ամենահեշտ ելքը խմբագրում աշխատանքն ավարտելուց հետո ռուսերեն տեքստ ավելացնելն է։

Քարտեզ ԱՅՍ!

Պատկերային քարտեզների համար կազմաձևման ֆայլերի ստեղծման և խմբագրման մեկ այլ օգտակար ծրագիր է Map THIS, որի մասին տեղեկատվությունը կարելի է ստանալ հետևյալ հասցեով.

http://galadriel.ecaetc.ohio-state.edu/tc/mt/.

Այս ծրագրի հետ աշխատելը գաղափարապես նման է MapEdit ծրագրին: Ծրագրի հետ աշխատելու հիմքը ակտիվ տարածքների տեսողական ձևավորումն է՝ արդյունքների հետագա պահպանմամբ ընտրված ձևաչափերից մեկով ֆայլում: Խմբագիրն աջակցում է ինչպես սերվերի, այնպես էլ հաճախորդի կողմից պատկերի քարտեզի ձևաչափերին (NCSA և CERN): Պատկերները կարող են բեռնվել GIF և JPG ֆայլերից:

Ահա այս ծրագրի կողմից ստեղծված կազմաձևման ֆայլերի օրինակներ: Նախորդ բաժնում տրված օրինակի համար NCSA ձևաչափով պահված ֆայլը կունենա հետևյալ տեսքը.

#$MTIMFH

#$-:Image Map ֆայլը ստեղծված Քարտեզ THIS-ի կողմից:

#$-:Քարտեզ ԱՅՍ! անվճար պատկերի քարտեզի խմբագիր Թոդ Ս. Ուիլսոնի կողմից

#$-:Խնդրում ենք մի խմբագրեք «#$»-ով սկսվող տողերը

#$ՏԱՐԲԵՐԱԿ:1.30

#$TITLE՝ Բլազոնս

#$DESCRIPTION:Պատկերի քարտեզի սերվերի տարբերակը

#$DATE:Tue Sep 14 12:10:42 1999 թ

#$PATH:C:\Program Files\Mapthis\

#$GIF:Blazons.gif

#$FORMAT:ncsa

#$EOH

լռելյայն լռելյայն.htm

# Տոմսկ քաղաքի զինանշան

rect Tomsk.htm 33.60 191.246

# Յակուտսկ քաղաքի զինանշան

շրջան Jakutsk.htm 366,147 366,256

# Սանկտ Պետերբուրգ քաղաքի զինանշան

poly Spb.htm 534.62 699.62 698.236 626.261 534.235 534.62

Ի տարբերություն MapEdit ծրագրի, այս խմբագրիչը ելքային ֆայլում գրում է բավականին մեծ թվով մեկնաբանությունների տեղեկատվություն, ներառյալ ծրագրի մասին կարճ տեղեկատվություն, ֆայլի ստեղծման ամսաթիվը և այլն: Ավելին, # խորհրդանիշից հետո, որը նշանակում է մեկնաբանության սկիզբ: տողում, խմբագրիչը մեկնաբանությունների տողերի համար ավելացնում է $ խորհրդանիշ, որը ստեղծվել է հենց խմբագրի կողմից: Ուշադրություն դարձրեք վերևի կոդի չորրորդ տողին, որը խնդրում է չխմբագրել խմբագրի կողմից տեղադրված մեկնաբանությունները։

CERN ձևաչափով պահպանված նույն օրինակը կունենա հետևյալ տեսքը.

rect (4096,4096) (4096,4096) mt:#$MTIMFH

rect (4096,4096) (4096,4096) mt:#$-:Image Map ֆայլը ստեղծված Քարտեզ THIS-ի կողմից:

rect (4096,4096) (4096,4096) mt:#$-:Քարտեզ ԱՅՍ! պատկերների քարտեզի անվճար խմբագիր

Todd C. Wilson-ի կողմից

rect (4096,4096) (4096,4096) mt:#$-:Խնդրում ենք չխմբագրել սկսած տողերը

«#$»-ով

rect (4096,4096) (4096,4096) mt:#$VERSION:1.30

rect (4096,4096) (4096,4096) mt:#$TITLE: Blazons

rect (4096,4096) (4096,4096) mt:#$DESCRIPTION՝ Սերվերի տարբերակ

պատկերային քարտեզներ

rect (4096.4096) (4096.4096) mt:#$

rect (4096,4096) (4096,4096) mt:#$DATE:Tue Sep 14 12:10:42 1999 թ.

rect (4096,4096) (4096,4096) mt:#$PATH:C:\Program Files\Mapthis\

rect (4096,4096) (4096,4096) mt:#$GIF:Blazons.gif

rect (4096,4096) (4096,4096) mt:#$FORMAT:cern

ուղիղ (4096,4096) (4096,4096) mt:#$EOH

լռելյայն լռելյայն.htm

rect (4096,4096) (4096,4096) mt:# Տոմսկ քաղաքի զինանշան

ուղղանկյուն (33.60) (191,246) Tomsk.htm

rect (4096,4096) (4096,4096) mt:# Յակուտսկ քաղաքի զինանշան

շրջան (366,147) 109 Jakutsk.htm

rect (4096,4096) (4096,4096) mt:# Սանկտ Պետերբուրգ քաղաքի զինանշան

բազմանկյուն (534.62) (699.62) (698.236) (626.261) (534.235) (534.62) Spb.htm

Ինչպես երևում է վերևի կոդից, խմբագիրն օգտագործում է որոշակի արհեստական ​​տեխնիկա՝ մեկնաբանությունները պահելու համար՝ և՛ օգտագործողի կողմից մուտքագրված, և՛ հենց ծրագրի կողմից ստեղծված: Հիշեցնենք, որ CERN-ի ձևաչափը թույլ չի տալիս նշել մեկնաբանությունների տողերը, ուստի խմբագիրը ստեղծում է նման տող.

ուղիղ (4096,4096) (4096,4096),

որի վերջում կարող եք տեղադրել ցանկացած տեքստ։ Ըստ էության, նման գիծը նկարագրում է ուղղանկյուն, որն ակնհայտորեն գտնվում է էկրանից դուրս, ուստի նրա ներկայությունը նշանակություն չունի։ Իհարկե, այս դեպքում կոնֆիգուրացիայի ֆայլի տեքստը դառնում է շատ ավելի ծանր ու անհարմար կարդալու համար, ինչը, սակայն, չի խանգարում ծրագրերի աշխատանքին։ Մեկնաբանությունների պահպանման այս տեխնիկան կարող է կիրառվել:

Նույն օրինակը, որը պահպանված է որպես HTML ֆայլ (պատկերային քարտեզների հաճախորդի տարբերակի համար) նման կլինի.

<МАР NAME="Blazons">

ALT="Տոմսկ քաղաքի զինանշան"> !}

ALT="Յակուտսկ քաղաքի զինանշան"> !}

HREF="Spb.htm" ALT="Սանկտ Պետերբուրգ քաղաքի զինանշան"> !}

Այստեղ, ի տարբերություն MapEdit ծրագրի, պատկերի քարտեզի անվանումը պետք է ձեռքով նշվի, ուստի այն կարող է չհամընկնել հղումային պատկերով ֆայլի անվան հետ։

CrossEye ծրագիր

CrossEye կոնֆիգուրացիայի ֆայլերի խմբագրման ծրագիր, որը ստեղծվել է ավստրալական հայտնի Sausage Software ընկերության կողմից։ Այս ծրագիրը կողջունվի հայտնի HTML խմբագրիչ HotDog-ի երկրպագուների կողմից, քանի որ այն ստեղծվել է նույն ընկերության կողմից և ունի շատ գրավիչ, հումորային ինտերֆեյս:

CrossEye փաթեթի մասին տեղեկատվություն կարելի է ստանալ հետևյալից.

http://www.sausage.com.au.

Ծրագրի տարբերակիչ առանձնահատկություններն են բաշխման փաթեթի բավականին մեծ չափերը (մոտ 2,5 ՄԲ), ինչպես նաև կարճ ժամանակահատվածը (14 օր), որի ընթացքում այն ​​կարող է օգտագործվել գնահատման ռեժիմում: Մեծ չափսծրագրերը բնորոշ են ամեն ինչին ծրագրային ապահովում, ստեղծված Sausage Software-ի կողմից, որն ըստ երեւույթին պայմանավորված է մշակման համար օգտագործվող գործիքների ընտրությամբ (Visual Basic):

Ցավոք, ծրագիրը չունի մի շարք անհրաժեշտ հատկություններ: Օրինակ, գոյություն չունի HTML ֆայլը կարդալու հնարավորություն, ուստի անհնար է խմբագրել գոյություն ունեցող պատկերի քարտեզը, որը ստեղծվել է ավելի վաղ: Հնարավոր չէ նաև պահել ձեր աշխատանքը անմիջապես HTML ֆայլում: Արդյունքների պահպանումը հնարավոր է միայն EYE հատուկ ընդլայնմամբ ֆայլում, որն ունի երկուական ձև և կարող է օգտագործվել ապագայում միայն այս խմբագրիչում: Ստեղծված HTML կոդը գրվում է Windows-ի clipboard-ում, որտեղից այն կարող է պատճենվել ցանկացած տեքստային խմբագրիչում:

Ինչպես վերը նկարագրված բոլոր խմբագիրներում, ակտիվ տարածքների ստեղծումն ու խմբագրումն իրականացվում է անմիջապես պատկերի վրա, սակայն պատկերը բեռնվում է պատուհանի մեջ, որի չափը, անհայտ պատճառներով, հնարավոր չէ փոխել: Եթե ​​պատկերն ավելի մեծ է, քան պատուհանը, կարող եք ոլորել՝ պատկերը դիտելու համար, բայց չեք կարող ակտիվ տարածք սահմանել, որը տարածվում է դիտման պատուհանից այն կողմ:

Հաճախորդի կողմի պատկերի քարտեզի համար խմբագիրն ընդհանրապես չի առաջարկում տարածքի համար լռելյայն URL սահմանել: Դա կարող է արվել միտումնավոր, քանի որ ոչ բոլոր բրաուզերներն են աջակցում լռելյայն տարածքի տեսակը: Այնուամենայնիվ, վերը նկարագրված խմբագիրները շատ նրբագեղ լուծում են այս խնդիրը՝ ավտոմատ կերպով փոխարինելով լռելյայն տարածքը ուղղանկյուն տարածքով, որի չափերը հավասար են պատկերի չափերին:

Թերությունները, ինչ-որ իմաստով, փոխհատուցվում են խմբագրի որոշակի լրացուցիչ հատկանիշներով։ Մասնավորապես, կարող եք պարզել, որ թութակը, որը տեսանելի է վերը նշված նկարի վերին աջ անկյունում, կոչվում է Պոլլի։ Նա բավականին շատախոս է, իսկ օգտատերերը, որոնք աշխատում են համակարգչով հագեցած ձայնային քարտ, ժամանակ առ ժամանակ կլսեն թութակի բացականչություններ, որոնք, սակայն, ոչ մի կապ չունեն կատարվող գործողությունների հետ։ Եվ մեկում երկխոսության տուփերԽմբագրի կարգավորումները նույնիսկ հատուկ տարր ունեն, որը թույլ է տալիս փակել խեղճ թութակի բերանը: Ահա բարձրակարգ ծառայության օրինակ: Ըստ երևույթին, թվարկված հատկությունների շնորհիվ այս խմբագրի վարկանիշը գնահատվում է http://www.tucows.com, շատ բարձր է, ինչը չի կարելի ասել վերը նկարագրված երկու ծրագրերի մասին։

Ի վերջո, պատկերային քարտեզներ ստեղծելու խմբագրի ընտրությունը կախված է օգտագործողից:

Կողմ

  • Պատկերային քարտեզները թույլ են տալիս սահմանել հղման տարածքի ցանկացած ձև, ինչը հատկապես օգտակար է աշխարհագրական տարածքը նշելու համար: Ուստի պատկերային քարտեզներն առավել հաճախ օգտագործվում են աշխարհագրական տարածքներում:
  • Ավելի հարմար է աշխատել մեկ նկարի հետ. կտրելիս պետք չէ անհանգստանալ առանձին բեկորների միացման մասին, և նկարը հեշտությամբ կարող է տեղադրվել ճիշտ տեղում:

Դեմ

  • Երբ հղման տարածքն ունի բարդ ձև, HTML կոդի քանակը մեծանում է: Եզրագիծը մոտավոր է ուղիղ հատվածների մի շարքով, այդպիսի հատվածի յուրաքանչյուր կետի համար պետք է նշվեն երկու կոորդինատներ, և այդպիսի կետերի ընդհանուր թիվը կարող է բավականին մեծ լինել.
  • Համապատասխանաբար, կոորդինատների ճշգրտման բարդությունը մեծանում է: Հարմար չէ դրանք ձեռքով նշել, այնպես որ դուք պետք է օգտագործեք հատուկ ծրագրեր, որոնք տեսողականորեն ցույց են տալիս տարածքները և թույլ են տալիս խմբագրել դրանք:
  • Պատկերը փոխելու ժամանակ, օրինակ, սանդղակը մեծացնելիս, դուք պետք է նորից սահմանեք բոլոր հղման տարածքների կոորդինատները:
  • Տարբեր էֆեկտներ, որոնք հասանելի են մեկ նկարը բեկորների կտրելիս, չեն կարող կիրառվել պատկերային քարտերի վրա՝ պտտվող էֆեկտ, մասնակի անիմացիա, նկարների անհատական ​​օպտիմիզացում արագ բեռնման համար:
  • Հղումների հստակ սահմանված սահմաններ չկան: Հետևաբար, այս սահմանները պետք է ընդգծվեն՝ օգտագործելով տարբեր միջոցներ ուղղակիորեն պատկերում: Եթե ​​նկարը ինչ-ինչ պատճառներով չի բեռնվում, ապա հղումների հավաքածուն հասկանալը դառնում է շատ խնդրահարույց։

Օգտատերերի հարմարության տեսանկյունից պատկերային քարտեզներն ունեն միայն մեկ առավելություն՝ տարբեր ձևերի հղումների ներառում: Սա պարզություն է հաղորդում տեղեկատվության ներկայացմանը. մենք չենք սահմանափակվում հղման ուղղանկյուն ձևով և կարող ենք օգտագործել բարդ կազմաձևերի հղումներ մեր նպատակների համար:

Պատկերային քարտերն իրականացվում են երկու մասով տարբեր տարբերակներ- սերվեր և հաճախորդ: Սերվերի ընտրանքից օգտվելիս զննարկիչը հարցում է ուղարկում սերվերին՝ ընտրված հղման հասցեն ստանալու համար և սպասում է պատասխանի՝ անհրաժեշտ տեղեկություններով: Այս մոտեցումը լրացուցիչ ժամանակ է պահանջում արդյունքին սպասելու համար և առանձին ֆայլերյուրաքանչյուր պատկերային քարտի համար:

Հաճախորդի տարբերակում քարտեզը գտնվում է նույն HTML փաստաթղթում, ինչ պատկերի հղումը: Նշելու համար, որ պատկերը քարտեզ է, օգտագործեք տարրի usemap հատկանիշը . Արժեքը քարտի կոնֆիգուրացիայի նկարագրության ցուցիչ է, որը սահմանվում է տարրի միջոցով . Անվան հատկանիշի արժեքը պետք է համապատասխանի usemap-ի անվանը: Այս դեպքում, usemap-ի արժեքը սկսվում է հեշ նշանով (օրինակ 1):

Օրինակ 1. Պատկերային քարտեզի ստեղծում

Պատկերային քարտեզ

Տեղեկություն Իրադարձություններ Մասնաճյուղեր Տեխնիկական տեղեկատվություն Կրթություն Աշխատանք Տարբեր

Տարայի ներսում գտնվում են մեկ կամ մի քանի տարրեր , նրանք նշում են տարածքի ձևը, դրա կոորդինատները, սահմանում են փաստաթղթի հասցեն, որին պետք է հղում անել, ինչպես նաև գործիքի հուշում։

Տարր ունի հետևյալ հատկանիշները.

Շրջանակի համար նշվում են երեք թվեր՝ շրջանագծի կենտրոնի կոորդինատները և շառավիղը։

© 2024 ermake.ru -- Համակարգչի վերանորոգման մասին - Տեղեկատվական պորտալ