Карты малюнкаў толькі простыя HTML тэгі
Графічныя карты з'яўляюцца захапляльным і цікавым спосабам ажывіць ваш вэб-сайт, з імі, вы можаце загружаць выявы і зрабіць часткі гэтых малюнкаў клікабельнасць для іншых інтэрнэт-актываў. Калі вы ў крайнім выпадку , і не хочаце , каб загрузіць рэдактар карт малюнкаў, стварэння карты з дапамогай HTML - тэгаў проста.
Вам трэба малюнак, рэдактар малюнкаў і які - то рэдактар HTML або тэкставы рэдактар. Большасць графічных рэдактараў пакажа вам каардынаты мышы пры навядзенні на малюнак. Гэтыя каардынаты дадзеных усё, што вам трэба, каб пачаць працу з выявай карты.
Стварэнне карты малюнка
Для таго, каб стварыць карту малюнка, спачатку выберыце выява, якое будзе служыць у якасці асновы карты. Малюнак павінна быць "нармальным памерам», гэта значыць, вы не павінны выкарыстоўваць малюнак настолькі вялікая, што браўзэр будзе маштабаваць яго.
Пры ўстаўцы малюнка, вы будзеце дадаць дадатковы атрыбут, які вызначае каардынаты карты:
Пры стварэнні карты малюнка, вы ствараеце вобласць, якая клікабельнасць на малюнку, таму каардынаты малюнка карты павінны супадаць з вышынёй і шырынёй малюнка, якое вы выбралі. Карты падтрымліваюць тры розных тыпу формаў:
- Прастакутнік-прастакутнік ці чатырохбаковая фігура
- полі-шматкутнік або шматгранная фігура
- круг-кола
Для стварэння абласцей, неабходна ізаляваць спецыфічна каардынаты вы збіраецеся карту. Карта можа складацца з аднаго або некалькіх пэўных абласцей на малюнку, пры націску, адкрыць новую гіперспасылка.
Для прамавугольніка, вы карту толькі ў верхні левы і ніжні правы куты. Усе каардынаты пазначаны як х, у (больш, уверх). Так, у верхнім левым куце 0,0 і ніжнім правым куце 10,15 Вы надрукавалі б 0,0,10,15. Затым уключыце яго на карце:
<Карта Name = "babycats"> <вобласць формы = "Rect" Coords = "0,0,10,15" HREF = "morris.htm" ALT = "Морыс">Для шматкутніка, неабходна супаставіць кожны х, у каардынатаў па асобнасці. Вэб-браўзэр аўтаматычна падключаецца апошні набор каардынатаў з першым; што-небудзь ўнутры гэтых каардынатаў з'яўляецца часткай карты.
<Карта Name = "babycats"> <форма плошчу = "полі" Coords = "17,34,41,96,110,121" HREF = "garfield.htm" ALT = "Гарфілд">Круг форма патрабуе толькі дзве каардынаты, як прастакутнік, але для другой каардынаты, можна паказаць радыус або адлегласць ад цэнтра круга. Так, акружнасць з цэнтрам у пункце 122,122 і радыусам 5 вы б напісаць 122,122,5:
<Назва карты = "babycats"> <вобласць формы = "CIRC" Coords = "122,122,5" HREF = "catbert.htm" альт = "Catbert">Усе раёны і формы могуць быць уключаны ў тым жа карце тэг:
<Карта Name = "babycats"> <форма плошчу = "Rect" COORDS = "0,0,10,15" HREF = "morris.htm" ALT = "Morris"> <форма плошчу = "полі" Coords = "17 , 34,41,96,110,121 "HREF =" garfield.htm "ALT =" Гарфілд "> <вобласць формы =" CIRC "Coords =" 122,122,5 "HREF =" catbert.htm "ALT =" Catbert ">меркаванні
Графічныя карты былі значна больш распаўсюджаныя ў Web 1.0 эпохі 1990-х гадоў у самым пачатку 2000-х карт-малюнкаў часта ляглі ў аснову навігацыі вэб-сайта. Дызайнер б стварыць нейкую карцінку, каб паказаць пункты меню, а затым ўсталяваць карту.
Сучасныя падыходы заахвочваць адаптыўны дызайн і выкарыстанне стыляў каскадных лістоў кантраляваць размяшчэнне малюнкаў і гіперспасылак на старонцы.
Хоць карта тэгі па - ранейшаму падтрымліваюцца ў HTML - стандарце, выкарыстанне мабільных прылад з малымі формамі - фактарамі можа прывесці да нечаканых праблемах прадукцыйнасці з выявай карты. Акрамя таго, праблемы прапускной здольнасці або зламаныя выявы спрэчнага значэння карты малюнка.
Такім чынам, ня саромейцеся , каб выкарыстоўваць гэта стабільны, добра разумеў тэхналогіі , ведаючы , што ёсць больш эфектыўныя альтэрнатывы ў цяперашні час у модзе з вэб - дызайнераў.