FAQ по созданию MAP-карт (карта изображения)
В этой статье будет рассмотрено создание map-карт на примере программы (exMacromedia) Adobe Dreamweaver.
Сперва начнем на примере создания карты в программе Adobe Dreamweaver CS3.
Открываем программу, нажав кнопкой мышки по ярлычку, после чего мы попадем на главную страницу программы.
Выбираем из списка - HTML (обведено красным на скриншоте 1.)
Скришот 1
http://img144.imageshack.us/my.php?image=linkdp9.gif
После чего мы попадаем в редактор HTML и видим перед собой рабочую область (скриншот 2)
Скриншот 2
http://img184.imageshack.us/my.php?imag … ed4pi0.gif
Чтобы вставить изображение нужно в области для ввода кода (см. скриншот2) ввести следующий код
<img src=”адресс картинки”/>
После чего наведите курсор мышки на область дизайна и кликните по ней. Если вы прописали все верное в области ввода кода, то у вас появится ваша картинка и мы можем приступить к нанесению областей.
Скриншот 3
http://img296.imageshack.us/my.php?imag … ed5eg2.gif
Сперва давайте ознакомимся с некоторыми инструментами программы Dreamweaver.
Под номером 1 (скриншот 3) расположен инструмент для создания прямоугольных выделений, под номером 2 расположен инструмент для создания областей виде окружности, под номером 3 расположен инструмент для создания многоугольных областей, под номером 4 расположен инструмент для создания всплывающего текста который будет показываться при наведении курсора на картинку.
Скриншот 4
http://img72.imageshack.us/my.php?image=78189940bz2.gif
На скришоте 4 показаны примеры нанесения разного вида областей, а также выделены нужные инструменты. Красным обведена область куда вводится прямая ссылка на нужную вам страницу.
Синим выделено меню для выбора способа перехода. Если вас устраивает открытие новой страницы в том же окне ничего там не меняйте, а если вам надо чтобы новая страница открывалась в новом окне, выберете вариант “_blank”, в области выделенной зеленым расположена область для ввода текста который будет показываться при наведении на выделенную нами область.