Карты ссылок. Размещение и воспроизведение на веб-страницах мультимедийных данных.

Вы знаете, как с помощью дескриптора. <А> преобразовать фрагмент текста или рисунок, в гиперссылку. Но этим ваши возможности не исчерпываются. Интересный прием состоит в разделении изображения на области, каждой из которых можно назначить свою гиперссылку. Такой прием удобно использовать, например, при создании карты Web-узла для навигации по ею страницам. Предположим, что вы создаете Web-узел с описанием технических характеристик автомобиля. Можно спланировать узел следующим образом. На начальной странице поместите изображение автомобиля и выполните разметку изображения таким образом, чтобы щелчок мыши на узле или агрегате открывал Web-страницу с соответствующим описанием.

Выполните следующие действия.

1. Подберите или создайте необходимый рисунок.

2. Добавьте рисунок на Web-страницу с помощью дескриптора .

3. В любом месте HTML-кода страницы в разделе создайте элемент разметки страницы с уникальным именем: <МАР NAME=' имя_разметчика' >....

4. В дескрипторе рисунка присвойте атрибуту USEMAP имя элемента разметки. (Имя элемента разметки следует после символа #.)

5. Между открывающим и закрывающим дескрипторами элемента разметки рисунка добавьте области с помощью дескрипторов и установите следующие атрибуты областей:

• SHAPE — присвойте стандартные значения формы области rect (прямоугольник), circle (окружность), polygon (многоугольник) и default (незанятая часть рисунка);

• COORDS — пары координат х и у в пикселях для верхней левой и нижней правой точек прямоугольника, всех точек многоугольника и центральной точки с радиусом окружности;

• HREF — URL-адрес гиперссылки;

• TITLE — текст экранной подсказки.

Чтобы определить координаты области, откройте изображение в графическом редакторе. Большинство приложений указывают в окне Info (Информация) или в строке состояния текущее положение курсора - расстояние в пикселях от верхнего левого угла изображения. Именно эти координаты необходимо присвоить атрибутам COORDS дескрипторов . ЕСЛИ на странице размеры рисунка изменены с помощью атрибутов WIDTH и HEIGHT, вам придется пропорционально пересчитать координаты областей.

Пример назначения гиперссылок областям рисунка











<Н2>Модель 7710W92

HEIGHT='425' USEMAP='tt imagemap'>