Ползите и недостатъците за използването на карти за изображения
Имаше момент в историята на уеб дизайна, където много сайтове използваха функция, позната като "графични карти". Това е списък с координати, прикрепени към конкретно изображение на страница. Тези координати създават зони на хипервръзки върху това изображение, което съществено прибавя "горещи точки" към графика, всеки от които може да бъде кодиран, за да се свърже с различни места. Това е много по-различно от добавянето на маркер към изображение, което би довело до това цялата графика да се превърне в една голяма връзка към една дестинация.
Примери - представете си, че имате графичен файл с изображение на Съединените щати. Ако искате всяка държава да бъде "кликван", така че да отидете на страници за това конкретно състояние, можете да направите това с картинна карта. По същия начин, ако имахте образ на музикална група, можете да използвате карта с изображения, за да може всеки отделен член да бъде кликван на следваща страница за този член на групата.
Картите за картини звучат ли полезни? Те със сигурност бяха, но те се отклониха от благоволението на днешната мрежа. Това е, поне отчасти, защото картите на изображенията изискват конкретни координати за работа. Днес сайтовете са създадени така, че да отговарят на чувствителността и скалата на изображенията въз основа на размера на екрана или устройството. Това означава, че предварително зададените координати, как работят картините на изображенията, се разпадат, когато даден сайт се мащабира и изображенията се променят. Ето защо картите с изображения се използват рядко на сайтовете за производство днес, но те все още имат предимства за демонстрации или случаи, при които сте принуждавали размера на дадена страница.
Искате ли да знаете как да създадете карта на изображения, по-конкретно как да направите това с Dreamweaver? , Процесът не е особено труден, но и не е лесно, така че трябва да имате известен опит, преди да започнете.
Приготвяме се да започнем
Да започваме. Първата стъпка, която трябва да предприемете, е да добавите изображение към вашата уеб страница. След това щракнете върху изображението, за да го подчертаете. Оттам трябва да отидете в менюто за свойства (и да кликнете върху един от трите инструмента за проектиране на горещи точки: правоъгълник, кръг или многоъгълник.) Не забравяйте да именувате изображението, което можете да направите в лентата с имоти. това, което искате, използвайте "карта" като пример.
Сега нарисувайте желаната от вас форма на изображението си с помощта на един от тези инструменти. Ако имате нужда от правоъгълни петна, използвайте правоъгълника. Същото за кръга. Ако искате по-сложни форми на горещи точки, използвайте многоъгълника. Това е, което вероятно ще използвате в примера на картата на САЩ, тъй като многоъгълникът ще ви позволи да пуснете точки и да създавате много сложни и неправилни форми върху изображението
В прозореца с свойства на горещата точка въведете или прегледайте страницата, към която трябва да се свърже горещата точка. Това е, което създава тази свързана област. Продължете да добавяте горещи точки, докато картата ви не бъде завършена и всички връзки, които искате да добавите, бяха добавени.
Щом приключите, прегледайте картинката си в браузър, за да се уверите, че тя работи правилно. Кликнете върху всяка връзка, за да се уверите, че тя отива към правилния ресурс или уеб страница.
Недостатъци на графичните карти
Още веднъж, имайте предвид, че картите с изображения имат няколко недостатъци, дори извън посочената по-горе липса на подкрепа с отзивчиви уебсайтове. Поли, малки детайли могат да бъдат затъмнени в картинна карта. Например, картите с географски изображения може да помогнат да се определи от кой континент е даден потребител, но тези карти може да не са достатъчно подробни, за да определят мястото на произход на потребителя. Това означава, че картата с изображения може да ви помогне да определите дали даден потребител е от Азия, а не от Камбоджа по-специално.
Графичните карти може да се зареждат бавно. Те не трябва да се използват многократно на уебсайт, защото те заемат твърде много място, за да бъдат използвани на всяка страница на уеб сайт. Твърде много карти с изображения на една страница биха създали сериозно препятствие и огромно въздействие върху ефективността на сайта .
И накрая, картите с изображения може да не са лесни за достъп до зрителни проблеми. Ако сте използвали карти за изображения, трябва да създадете друга навигационна система за тези потребители като алтернатива.
Долен ред
Използвам графики от време на време, когато се опитвам да събера бързо демо за дизайн и как работи. Например, може да се подигравам с дизайн за мобилно приложение и искам да използвам графични карти за създаване на горещи точки за симулиране на интерактивността на приложението. Това е много по-лесно да се направи, отколкото би било да се кодира приложението, или дори да се създадат фиктивни уеб страници, построени съгласно настоящите стандарти с HTML и CSS. В този конкретен пример и защото знам кое устройство ще демонстрирам на дизайна и може да мащабирам кода на това устройство, картинна карта работи, но поставянето им в производствен сайт или приложение е много трудно и вероятно ще бъде избегнато при днешните уебсайтове.
Оригинална статия на Дженифър Кринин. Редактиран от Джеръми Жирард на 9/7/17.