Dreamweaver 4

Создание активных зон


Теоретически картой ссылок может служить любое растровое изображение, записанное в одном из следующих форматов: GIF, JPEG или PNG. Но при ближайшем рассмотрении оказывается, что далеко не всякий графический образ способен успешно справиться с этой ролью. Практика работы с такими объектами позволила вывести несколько простых рекомендаций по выбору графической основы карты ссылок:

  • изображение должно иметь четкую структуру;
  • композиция образа не должна противоречить логике структурных составляющих и связей между ними;
  • желательно, чтобы рисунок состоял из хорошо различимых областей, окрашенных разными цветами;
  • из всех возможных форматов хранения графической информации следует предпочесть формат GIF, лучше без чередования строк.
  • Будем считать, что задача выбора графической основы карты ссылок успешно решена, а само изображение вставлено в документ. Далее требуется разделить будущую карту на области, чувствительные к щелчку мыши (активные области). Программа Dreamweaver поддерживает активные области трех видов: прямоугольники, окружности и многоугольники. Инструменты программы, предназначенные для их создания, являются упрощенными версиями аналогичных средств векторных графических редакторов. Работа с ними не представляет никаких технических сложностей.

    Разметка активных зон выполняется следующим образом.

  • Выберите изображение.
  • Откройте палитру Property Inspector (Инспектор свойств) (CTRL+F3). Если палитра свернута, разверните ее при помощи кнопки со стрелкой, расположенной в правом нижнем углу.
  • Введите имя карты в поле Map (Карта). Оно должно быть уникальным, состоять только из букв и цифр и начинаться с буквы.
  • В палитре Property Inspector (Инспектор свойств) выберите инструмент нужной формы. Кнопки инструментов расположены слева в нижней части палитры.
  • Нарисуйте активную область выбранной формы. После этого палитра изменит свой вид. Из всех разделов, показанных на рис. 8.6, останутся только поля, относящиеся к активным областям карты.
  • Pис. 5.6. Инструменты создания карты ссылок

  • В поле Link (Ссылка) введите адрес URL связанного документа или файла.
  • В списке Target (Назначение) выберите экранную область для вывода связанного документа. Это может быть отдельный фрейм или окно программы просмотра. Более подробно этот вопрос обсуждается в разделах, посвященных созданию ссылок и редактированию изображений.
  • В поле Alt (Альтернативный текст) ввести текстовый комментарий, относящийся к данной активной области карты. Напомним, что при наведении указателя на активную область этот текст выводится в виде всплывающей подсказки.
  • Повторите шаги 4-8 для создания дополнительных активных областей карты ссылок.
  • Закончите процедуру щелчком на любой свободной точке документа или нажатием клавиши ОК.


  • Содержание раздела