Изображения > Создание карт изображения

  

Страница подготовлена дизайн-студией Фёдора Филимонова

Создание карт изображения

Карта изображения - изображение, которое разделено на "горячие области", которые явлются ссылами на дргие страницы и таким образом при щелчке на "горячей области" отображается новая страница. Используйте инспектор Image (изображение), чтобы создавать графически и редактировать карты изображения, которые будут находиться у клиента. Клиентские карты изображения (то есть карты изображения, находящиеся у клиента) хранят информацию о связях в документе HTML, а не в отдельном файле карты, как карты изображений на сервере. Когда пользователь щелкает на "горячей области" изображения, то связанный с нею URL отсылается непосредственно на сервер. Клиентские Карты Изображения работают быстрее, чем Серверные Карты Изображения (то есть карты, находящиеся на сервере), потому что в первом случае сервер не должен интерпретировать щелчок пользователя. Клиентские карты изображения поддерживаются броузерами Netscape Navigator версии 2.0 и более поздними, NCSA Mosaic версии 2.1 и 3.0, и всеми версиями Microsoft Internet Explorer. Dreamweaver не изменяет ссылки на серверные карты изображения в существующих документах. Вы можете использовать и клиентские карты изображения и серверные карты изображения в одном и том же документе. Обратите внимание, что броузеры, которые поддерживают оба типа карт изображения, дают приоритет клиентским картам изображения. Чтобы включить в документ серверную карту изображения, необходимо написать соответствующий код HTML.

Чтобы создать клиентскую карту изображения, выполните следующие шаги:

1 Выберите изображение.
2 Щелкните на растягивающей стрелке в нижнем правом углу инспектора Property (свойства), чтобы увидеть все свойства.
3 Напечатайте название для карты в поле Map Name (название карты).
Обратите внимание: если вы используете несколько карт изображения в одном и том же документе, то проверяйте, чтобы каждая карта имела уникальное название.
4 Чтобы определить области Карты Изображения, воспользуйтесь одним из следующих способов:
Выберите инструмент Круг и протяните указатель по изображению, чтобы создать круглую "горячую область".
Выберите инструмент Прямоугольник и протяните указатель по изображению, чтобы создать прямоугольную "горячую область".
Выберите инструмент Многоугольник и с его помощью создайте "горячую область" сложной формы, фиксируя щелчком вершину каждого угла. Щелкните на инструменте Стрелки, чтобы закрыть форму.
Когда "горячая область" выделена, то ниже инспектора Property (свойства) появляется инспектор Hotspot (горячая область). Информацию об инспекторе Hotspot (горячая область), см. "Настройка свойств "горячей области".)
5 Щелкните на значке папки в инспекторе Hotspot (горячая область), чтобы указать файл (или ввести путь к нему в поле Link (связь)), который будет связан с "горячей областью" и будет открываться при щелчке на ней.
6 Чтобы связанный документ открывался не в текущем окне или фрэйме, введите название окна в поле Target (цель) или выберите.
7 В поле Alt напечатайте альтернативный текст, который будет отображаться вместо "горячей точки" в текстовых броузерах.
Некоторые броузеры показывают этот текст в виде всплывающей подсказки, когда пользователь задерживает указатель на "горячей области".
8 Повторите шаги с 4 до 7, чтобы определить дополнительные "горячие области" в карте изображения.