Создание MAP-карт (карта изображения)

В этой статье будет рассмотрено создание map-карт на примере программы (exMacromedia) Adobe Dreamweaver.

Сперва начнем на примере создания карты в программе Adobe Dreamweaver CS3.
Открываем программу, нажав кнопкой мышки по ярлычку, после чего мы попадем на главную страницу программы.

Выбираем из списка - HTML (обведено красным на скриншоте 1.)

Скришот 1

[реклама вместо картинки]

После чего мы попадаем в редактор HTML и видим перед собой рабочую область (скриншот  2)

Скриншот 2

[реклама вместо картинки]

Чтобы вставить изображение нужно в области для ввода кода (см. скриншот2) ввести следующий код:

<img src=”адресс картинки”/>

После чего наведите курсор мышки на область дизайна и кликните по ней.  Если вы прописали все верное в области ввода кода, то у вас появится ваша картинка и мы можем приступить к нанесению областей.

Скриншот 3

[реклама вместо картинки]

Сперва  давайте ознакомимся с некоторыми инструментами программы Dreamweaver.
Под номером 1 (скриншот 3) расположен инструмент для создания прямоугольных выделений, под номером 2 расположен инструмент для создания областей виде окружности, под номером 3 расположен инструмент для создания многоугольных областей, под номером 4 расположен инструмент для создания всплывающего текста который будет показываться при наведении курсора на картинку.

Скриншот 4

[реклама вместо картинки]

На скришоте 4 показаны примеры нанесения разного вида  областей, а также выделены нужные инструменты. Красным обведена область куда вводится прямая ссылка на нужную вам страницу.

Синим выделено меню для выбора способа перехода. Если вас устраивает открытие новой  страницы в том же окне ничего там не меняйте, а если вам надо чтобы новая страница открывалась в новом окне, выберете вариант  “_blank”, в области выделенной зеленым расположена область для ввода текста который будет показываться при наведении на выделенную нами область.

Удачи вам в создании карт.