Како да изградите мапи за слики без уредувач на слики

Сликите Мапи се едноставни HTML-ознаки

Сликите мапи се возбудлив и интересен начин да се забавуваат вашата веб-страница - со нив, можете да испраќате слики и да направите делови од тие слики да се кликнат на други онлајн средства. Ако сте во краен случај и не сакате да преземете уредувач на мапи за слики, создавањето на мапа со користење на HTML тагови е едноставно.

Ќе ви треба слика, уредувач на слики и некој вид HTML уредувач или текстуален уредувач. Повеќето уредувачи на слики ќе ви ги покажат координатите на вашето глувче кога ќе ја прикажете сликата. Овие координатни податоци се потребни за да започнете со карти со слики.

Креирање на карта за слики

За да креирате мапа на слики, прво изберете слика која ќе служи како основа на мапата. Сликата треба да биде "нормална големина" - тоа е, не треба да користите сликата толку голема што прелистувачот ќе го скали.

Кога ќе ја внесете сликата, ќе додадете дополнителен атрибут кој ги идентификува координатите на картата:

Кога креирате мапа на слики, создавате област која може да се кликне на сликата, така што координатите на сајтот мора да се совпаѓаат со висината и ширината на сликата која сте ја избрале. Мапите поддржуваат три различни видови на форми:

За да ги креирате областите, мора да ги изолирате специфичните координати што планирате да ги мапирате. Картата може да се состои од една или повеќе дефинирани области на сликата што, кога ќе се кликна, отвора нова хиперврска.

За правоаголник , ќе ги прикажувате само горните лево и долниот десен агол. Сите координати се наведени како x, y (над, горе). Значи, за горниот лев агол 0,0 и долниот десен агол 10,15 ти би тип 0,0,10,15 . Потоа вклучете го на мапата:

"Morris"

За многуаголник , мапирате x, y координирате посебно. Веб прелистувачот автоматски го поврзува последниот сет на координати со првиот; нешто во овие координати е дел од мапата.

"Garfield"

Кружните форми бараат само две координати, како правоаголникот, но за втората координата, го одредувате радиусот или растојанието од центарот на кругот. Значи, за круг со центарот на 122.122 и радиус од 5 ќе напишете 122.122,5:

"Catbert"

Сите области и форми можат да бидат вклучени во истата мапа:

"Morris"

Размислувања

Слики мапи беа многу почести во Веб 1,0 ера на 1990-тите во многу раните 2000-ти-мапи слики често формирана основа на навигација на веб страната. Дизајнерот ќе создаде некаква слика за да ги прикаже елементите на менито, а потоа да постави карта.

Современите пристапи охрабруваат реагирачки дизајн и користат каскадни стилски листови за да го контролираат пласманот на слики и хиперлинкови на една страница.

Иако ознаката за мапи е сеуште поддржана во HTML- стандардот, употребата на мобилни уреди со мали фактори може да доведе до неочекувани проблеми со перформансите со карти со слики. Покрај тоа, проблемите со пропусниот опсег или скршени слики ја намалуваат вредноста на сликата.

Затоа, слободно продолжете да ја користите оваа стабилна, добро разбрана технологија - знаејќи дека постојат повеќе ефикасни алтернативи кои се во мода со веб дизајнерите.