Предности и недостаци коришћењу мапа слика
Постојала је тачка у историји веб дизајна где су многе локације користиле функцију познату као "мапе слика". Ово је листа координата везаних за одређену слику на страници. Ове координате стварају подручја хиперповезивања на тој слици, неопходно додавање "врућих тачака" графици, од којих свака може бити кодирана како би се повезала на различита мјеста. Ово је много другачије од додавања ознаке везе на слику, што би узроковало да цела графика постане једна велика веза са једним одредиштем.
Примери - замислите да имате графичку датотеку са имиџом Сједињених Држава. Ако сте желели да свака држава буде "кликнута" тако да иду на странице о том специфичном стању, то можете урадити помоћу мапе слика. Слично томе, ако сте имали слику музичке групе, могли бисте да користите мапу слика да бисте сваком појединачном члану могли кликнути на следећу страницу о том члану бенда.
Да ли су слике слике корисне? Сигурно су били, али су на данашњем Вебу пале из услуге. Ово је, барем дјеломично, јер мапе за слике захтевају одређене координате за рад. Сајтови данас су изграђени тако да одговарају и величине слике засноване на величини екрана или уређаја. То значи да се унапред подешене координате, како слике мапе раде, распадају када се скали локације и слике мењају. Због тога се карте за слике ретко користе на продукцијским локацијама данас, али и даље имају предности за демо-снимке или инстанце у којима увеличавате величину странице.
Желите знати како направити мапу слика, конкретно како то учинити са Дреамвеавер-ом? . Процес није посебно тешко, али није ни лако, тако да би требало да имате искуства пре него што почнете.
Почетак
Хајде да почнемо. Први корак који треба да предузмете је да додате слику на своју веб страницу. Затим ћете кликнути на слику како бисте је означили. Одатле, потребно је да одете до менија са својствима (и кликнете на један од три алатке за цртање тачака: правоугаоник, круг или полигон. Не заборавите да именујте своју слику коју можете учинити у траци својстава. то је све што желите. Користите "мапу" као пример.
Сада, нацртајте облик који желите на вашој слици помоћу једног од ових алата. Ако вам требају правоугаоне тачке, користите ректањ. Исто за круг. Ако желите више сложене приступне тачке, користите полигон. Ово бисте вероватно искористили на примеру мапе САД, пошто ће вам многоугли омогућити да испустите поене и да креирате врло сложене и неправилне облике на слици
У прозору својстава за приступну тачку укуцајте или претражите страницу којој би хотспот требао повезати. То је оно што ствара то подручје које се може повезати. Наставите са додавањем врућих тачака док ваша мапа није попуњена, а додати су сви линкови које желите додати.
Када завршите, прегледајте мапу слика у прегледачу како бисте се уверили да то функционише исправно. Кликните на сваку везу да бисте се уверили да то иде на одговарајући ресурс или веб страницу.
Недостаци Мапе слика
Још једном, будите свјесни да мапе слика имају неколико разлога, чак и изван наведеног недостатка подршке са одговарајућим веб страницама. Фирме, мали детаљи могу бити замагљени на карти за слике. На пример, географске мапе слика могу помоћи да се утврди од којих континената је корисник, али ове мапе можда неће бити довољно детаљне да прецизирају земљу порекла корисника. То значи да мапа слике може помоћи да се утврди да ли је корисник из Азије, а не из Камбоџе.
Карте за слике могу такође полако да се учитавају. Не би требало да се користе више пута на веб локацији јер заузимају превише простора за коришћење на свакој страници веб странице. Превише мапе слика на једној страници ствараће озбиљно уско грло и велики утицај на перформансе сајта .
Коначно, мапе слика можда неће бити лако за кориснике са визуелним проблемима за приступ. Ако сте користили мапе слика, такође би требало да направите још један навигациони систем за ове кориснике као алтернативу.
Суштина
С времена на вријеме користим мапе слика када покушавам да направим брзи демо дизајна и како то функционише. На пример, можда се испробавам дизајном за мобилну апликацију и желим да користим мапе слика за креирање врућих тачака за симулацију интерактивности апликације. Ово је много лакше урадити него што би било кодирати апликацију, или чак направити лажне веб странице изграђене према тренутним стандардима са ХТМЛ и ЦСС. У овом конкретном примеру и зато што знам на који уређај ћу демо дизајн и могу скалирати код на тај уређај, мапа слике ради, али стављање на производну локацију или апликацију је врло тешко и требало би да се избегава на данашњем веб странице.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 9/7/17.