Перавагі і недахопы выкарыстання графічных карт
Быў момант у гісторыі вэб-дызайну, дзе шмат сайтаў выкарыстоўваецца функцыя, вядомая як «карты адлюстравання". Гэта спіс каардынатаў, прымацаваных да вызначанага малюнку на старонцы. Гэтыя каардынаты стварэння гіперспасылка вобласці на гэтым малюнку, істотныя даданне «гарачыя кропкі» ў графічным, кожны з якіх можа быць закадзіраваны для спасылкі на розныя месцы. Гэта моцна адрозніваецца ад проста дадаць спасылку тэга да выявы, якое выклікала б, што ўсё графічныя стаць адзін вялікі спасылкай на адзін пункт прызначэнне.
Прыклады - ўявіць сабе, што графічны файл з выявай Злучаных Штатаў. Калі вы хочаце, каб кожная дзяржава, каб быць «клікабельнасць», таму яны ідуць на старонкі пра тое канкрэтным стане, вы маглі б зрабіць гэта з выявай карты. Сапраўды гэтак жа, калі ў вас вобраз музычнай групы, вы можаце выкарыстоўваць карту малюнка, каб кожны асобны сябра будзе кликабелен на наступную старонку пра гэта ўдзельніку групы.
Ёсць выява карта гуку карыснай? Яны, вядома, былі, але яны ўпалі ў няміласць на сучасным Інтэрнэце. Гэта, па меншай меры часткова, таму што карты малюнкаў патрабуюць канкрэтных каардынатаў для працы. Сайты сёння пабудаваны , каб быць спагаднымі і малюнкі шкалы ў залежнасці ад памеру экрана або прылады. Гэта азначае, што папярэдне ўсталяваць каардынаты, што як выявы карты працуе, развальваецца, калі сайт шалі і малюнак змены памеру. Таму выява карты рэдка выкарыстоўваюцца на сайтах вытворчасцяў сёння, але яны да гэтага часу маюць перавагу для дэманстрацый або выпадкаў, калі вы прымушаеце памер старонкі.
Хочаце ведаць, як стварыць карту малюнка, у прыватнасці, як зрабіць гэта з Dreamweaver? , Працэс не асабліва цяжка, але гэта не так проста небудзь, так што вы павінны мець некаторы досвед, перш чым пачаць.
Пачатак
Давайце пачнем. Першы крок, які вы павінны зрабіць, гэта дадаць малюнак на вэб-старонцы. Вы націсніце на малюнак, каб вылучыць яго. Адтуль, вам неабходна перайсці ў меню уласцівасцяў (і націсніце на адну з трох гарачых кропак інструментаў для малявання :. Прастакутнік, круг ці шматкутнік Не забудзьцеся назваць свой вобраз, які вы можаце зрабіць у панэлі уласцівасцяў можна назваць. гэта ўсё, што вы хочаце. Выкарыстайце «карту" ў якасці прыкладу.
Цяпер намалюйце постаць, якую вы хочаце на малюнку, выкарыстоўваючы адзін з гэтых інструментаў. Калі вам патрэбныя прастакутныя плямы, выкарыстоўвайце прастакутнік ст. Тое ж самае для акружнасці. Калі вы хочаце больш складаных формаў гарачых кропак, выкарыстоўваць палігон. Гэта тое, што вы, верагодна, выкарыстоўвалі ў прыкладзе карты ЗША, так як палігон дазволіць вам адмовіцца ад ачкоў і ствараць вельмі складаныя і няправільныя формы на малюнку
У акне уласцівасцяў для кропкі доступу, увядзіце або перайдзіце на старонку, да якой кропка доступу павінна звязаць. Гэта тое, што стварыць што звязваю вобласць. Працягвайце дадаваць пункту доступу, пакуль ваша карта не будзе завершана, і ўсе спасылкі, якія вы хочаце дадаць, былі дададзеныя.
Пасля таго, як вы скончыце, rreview карты выявы ў браўзэры, каб пераканацца, што ён працуе правільна. Націсніце кожную спасылку, каб пераканацца, што ён ідзе ў правільным рэсурс або вэб-старонцы.
Недахопы Image Maps
Зноў жа, варта памятаць, што выява карта мае некалькі мінусаў, нават за межамі вышэйзгаданага адсутнасці падтрымкі з рэагуюць сайтамі. Елкі, дробныя дэталі могуць быць схаваны ў малюнку карты. Напрыклад, геаграфічныя карты, малюнкі могуць дапамагчы вызначыць, які кантынент карыстальнік з, але гэтыя карты не могуць быць дастаткова падрабязнымі, каб вызначыць краіну карыстальніка паходжання. Гэта азначае выява карты можа дапамагчы вызначыць, ці з'яўляецца карыстальнік з Азіі, але не з Камбоджы ў прыватнасці.
Графічныя карты таксама могуць загружацца павольна. Яны не павінны быць выкарыстаны некалькі разоў на сайт, таму што яны займаюць занадта шмат месца, каб выкарыстоўваць на кожнай старонцы вэб-сайце. Занадта шмат карт малюнкаў на адной старонцы могуць стварыць сур'ёзныя вузкія месцы і вялікі ўплыў на прадукцыйнасці сайта .
Нарэшце, малюнак карта не можа быць лёгкай для карыстальнікаў з візуальнымі праблемамі для доступу. Калі вы выкарыстоўвалі выява карты, вы павінны таксама стварыць іншую навігацыйную сістэму для гэтых карыстальнікаў у якасці альтэрнатывы.
Bottom Line
Я выкарыстоўваю карты малюнка, час ад часу, калі я спрабую сабраць хуткую дэманстрацыю дызайну і як ён працуе. Напрыклад, я магу быць насмешлівым да дызайну для мабільных прыкладанняў, і я хачу выкарыстоўваць карты малюнкаў для стварэння гарачых кропак, каб імітаваць інтэрактыўнасць прыкладання. Гэта значна лягчэй зрабіць, чым гэта было б кадзіраваць прыкладанне, або нават пабудаваць фіктыўныя вэб-старонак, пабудаваных па дзеючым стандартам з HTML і CSS. У гэтым канкрэтным прыкладзе, і таму што я ведаю, што прылада я дэма праект на і можа маштабаваць код для гэтай прылады, карты малюнка работ, але змясціўшы іх у месцы вытворчасці або дадатак з'яўляецца вельмі складаным і варта, верагодна, варта пазбягаць на сённяшні вэб-сайты.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 9/7/17.