Карта ссылок on-line

Онлайн-сервис Maschek.hu даст возможность получить код для Map

Подробнее о Map

Map - навигационная карта на базе картинки. HTML-код карты строится следующим образом: между начальным и конечным тегами содержатся один или несколько элементов AREA, определяющих навигационные области карты.

NAME - обязательный атрибут. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью атрибута USEMAP.

 

Пример HTML-кода карты, приведенной в сообщении:

<object data="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkY8Ijw-kcD2pVVgLYMhV4LkU96S7r82FuWAh_rxWzA989gLXtmggpYVufoe9waHQ3SaR7hFrWVOgDGnhauDRAKKgZREfdZn2m5u24ewWstIzljYHIVxoLlZD55vBv0069eLMMc8efmz8/s1600/158784.gif" height="550" type="image/gif" usemap="#imgmap2" width="486">

<map name="imgmap2">

<area shape="poly" coords="284,119,398,90,414,111,401,131,282,160,283,131" href="https://sites.google.com/site/tkvgelearning/webservises/quest" ></area>

<area shape="poly" coords="103,173,121,157,255,162,258,203,111,193" href="http://pedsovet.org/forum/index.php?autocom=blog&amp;blogid=1208&amp;showentry=28228" ></area>

<area shape="poly" coords="290,208,427,193,446,214,430,236,289,242" href="http://itteachers.jimdo.com/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2%D0%B5%D0%B1-%D0%BA%D0%B2%D0%B5%D1%81%D1%82%D0%BE%D0%B2/"></area>

</map>

</object>

Как работать с сервисом

Загрузить картинку, задать области для ссылок (прямоугольные, круглые, многоугольные),  указать: альтернативный текст, адреса для ссылок, куда выводить ссылочные ресурсы. Получить код. 

Далее в режиме HTML-редактирования вставить код на страницу блога или сайта.

Внимание! Размеры картинки сервис не изменяет, зато часто изменяют системы автоматизированного создания блога или сайта. Поэтому, вставляя код на сайт, следует обратить внимание на указанные размеры картинки, они должны строго соответствовать её реальным размерам на диске вашего ПК.