Мапе слика су једноставно ХТМЛ ознаке
Мапе слика представљају узбудљив и занимљив начин за оживљавање ваше веб странице - са њима, можете отпремити слике и учинити делове тих слика кликнути на друга онлине средства. Ако сте у шипку и не желите да преузмете уређивач мапе слика, стварање мапе помоћу ХТМЛ ознака је једноставно.
Требаће вам слика, уређивач слика и нека врста ХТМЛ уређивача или текста. Већина уређивача слике ће вам показати координате миша када покажете слику. Ови координатни подаци су све што вам је потребно за почетак мапе слика.
Креирање Мапе слике
Да бисте креирали мапу слика, прво изаберите слику која ће послужити као основа за мапу. Слика би требала бити "нормална величина" - то јест, не бисте требали користити слику тако велика да ће га прегледач размјерити.
Када убаците слику, додате ћете додатни атрибут који идентификује координате мапе:
<имг срц = "киттенс.гиф" видтх = "250" хеигхт = "150" алт = "Китти!" усемап = "# бабицатс">Када креирате мапу слика, креирате подручје које се може кликнути на слику, тако да координате мапе морају да се поставе са висином и ширином слике коју сте одабрали. Мапе подржавају три различите врсте облика:
- рект - правоугаоник или четверострана фигура
- поли-полигон или вишестрана фигура
- круг-круг
Да бисте креирали области, морате изоловати одређене координате које намеравате да мапирате. Мапа може се састојати од једне или више дефинисаних подручја на слици која, када се кликне, отвори нову хипервезу.
За правоугаоник , мапирате само горње леве и доње десне углове. Све координате су наведене као к, и (преко, горе). Дакле, у горњем левом углу 0,0 и доњем десном углу 10,15 типкали бисте 0,0,10,15 . Затим га укључите у мапу:
<мап наме = "бабицатс"> <ареа схапе = "рецт" цоордс = "0,0,10,15" хреф = "моррис.хтм" алт = "Моррис">За полигон , мапирате сваки к, и координате одвојено. Веб претраживач аутоматски повезује последњи скуп координата са првим; било шта унутар ових координата је део мапе.
<мап наме = "бабицатс"> <ареа схапе = "поли" цоордс = "17,34,41,96,110,121" хреф = "гарфиелд.хтм" алт = "Гарфиелд">Облици круга захтевају само две координате, као што је правоугаоник, али за другу координату одређујете радијус или растојање од центра круга. Дакле, за круг са центром од 122,122 и полупречник од 5 би написали 122,122,5:
<мап наме = "бабицатс"> <ареа схапе = "цирцле" цоордс = "122,122,5" хреф = "цатберт.хтм" алт = "Цатберт">Све области и облици могу бити укључени у исту мапу:
<мап наме = "бабицатс"> <ареа схапе = "рецт" цоордс = "0,0,10,15" хреф = "моррис.хтм" алт = "Моррис"> <ареа схапе = "поли" цоордс = "17 , 34,41,96,110,121 "хреф =" гарфиелд.хтм "алт =" Гарфиелд "> <ареа схапе =" цирцле "цоордс =" 122,122,5 "хреф =" цатберт.хтм "алт =" Цатберт ">Разматрања
Карте за слике су биле много чешће у Веб 1.0 верзији деведесетих година прошлог века, па су слике врло често представљале базу навигације на сајту. Дизајнер би створио неку врсту слике како би указао на ставке менија, а затим поставио мапу.
Савремени приступи подстичу одговарајући дизајн и користе каскадне листе стилова како би контролисали постављање слика и хиперлинкова на страници.
Иако је ознака карте и даље подржана у ХТМЛ стандарду, коришћење мобилних уређаја са малим формуларима може довести до неочекиваних проблема са перформансама помоћу мапа слика. Поред тога, проблеми са пропусним опсецањем или сломљеним сликама померају вредност мапе слике.
Дакле, слободно наставите да користите ову стабилну, добро разумљиву технологију - знајући да постоје ефикасније алтернативе које су тренутно у моди са веб дизајнерима.