FAQ  по созданию MAP-карт (карта изображения)



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

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

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

Скришот 1
http://img144.imageshack.us/img144/839/linkdp9.th.gif

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

Скриншот 2
http://img184.imageshack.us/img184/3676/untitled4pi0.th.gif

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

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

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

Скриншот 3
http://img296.imageshack.us/img296/5423/untitled5eg2.th.gif

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

Скриншот 4
http://img72.imageshack.us/img72/1414/78189940bz2.th.gif

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

Удачи вам в создании карт.  http://mybb.ru/f/collection/0213.gif

Отредактировано [M.@.t.r.i.x] (Сб, 29 Мар 2008 23:02:43)