Мапе слика представљају узбудљив и занимљив начин за оживљавање ваше веб странице - са њима, можете отпремити слике и учинити делове тих слика кликнути на друга онлине средства. Ако сте у шипку и не желите да преузмете уређивач мапе слика, стварање мапе помоћу ХТМЛ ознака је једноставно.
Требаће вам слика, уређивач слика и нека врста ХТМЛ уређивача или текста. Већина уређивача слике ће вам показати координате миша када покажете слику. Ови координатни подаци су све што вам је потребно за почетак мапе слика.
Креирање Мапе слике
Да бисте креирали мапу слика, прво изаберите слику која ће послужити као основа за мапу. Слика би требала бити "нормална величина" - то јест, не бисте требали користити слику тако велика да ће га прегледач размјерити.
Када убаците слику, додате ћете додатни атрибут који идентификује координате мапе:
Када креирате мапу слика, креирате подручје које се може кликнути на слику, тако да координате мапе морају да се поставе са висином и ширином слике коју сте одабрали. Мапе подржавају три различите врсте облика:
- рект - правоугаоник или четверострана фигура
- поли-полигон или вишестрана фигура
- круг-круг
Да бисте креирали области, морате изоловати одређене координате које намеравате да мапирате. Мапа може се састојати од једне или више дефинисаних подручја на слици која, када се кликне, отвори нову хипервезу.
За правоугаоник , мапирате само горњи леви и доњи десни углови. Све координате су наведене као к, и (преко, горе). Дакле, за горњи леви угао 0,0 и доњи десни угао 10,15 уписали бисте 0,0,10,15. Затим га укључите у мапу:
За полигон , мапирате сваки к, и координирати одвојено. Веб претраживач аутоматски повезује последњи скуп координата са првим; било шта унутар ових координата је део мапе.
Круг облици захтевају само две координате, као што је правоугаоник, али за другу координату одређујете радијус или растојање од центра круга. Дакле, за круг са центром од 122,122 и полупречник од 5 би написали 122,122,5:
Све области и облици могу бити укључени у исту мапу:
Разматрања
Карте за слике су биле много чешће у Веб 1.0 верзији деведесетих година прошлог века, па су слике врло често представљале базу навигације на сајту. Дизајнер би створио неку врсту слике како би указао на ставке менија, а затим поставио мапу.
Савремени приступи подстичу одговарајући дизајн и користе каскадне листе стилова како би контролисали постављање слика и хиперлинкова на страници.
Иако је ознака карте и даље подржана у ХТМЛ стандарду, коришћење мобилних уређаја са малим формуларима може довести до неочекиваних проблема са перформансама помоћу мапа слика. Поред тога, проблеми са пропусним опсецањем или сломљеним сликама померају вредност мапе слике.
Дакле, слободно наставите да користите ову стабилну, добро разумљиву технологију - знајући да постоје тренутно ефикасније алтернативе ен вогуе са веб дизајнерима.
