Вставка в документ объектов (часть II)

В HTML изображение можно использовать в виде "Навигационной карты", в котором каждая, определенная элементом "Area" область является гипертекстовой ссылкой.Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов "Map" и "Area" и представляют собой гиперссылки, офомленные в виде активных областей на изображении. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра "Usemap" элемента "Img".
Есть карты которые обрабатываются на сервере. Так как такие карты применяются довольно редко мы рассматривать их не будем. Для обработки таких карт на сервере должно быть установленно соответствующее програмное обеспечение.
Желающие больше узнать о навигационных картах, обрабатываемых на сервере, могу заглянуть в спецификацию HTML.

Элемент Map

Создает новую навигационную карту. Между начальным и конечным тэгами содержит один или несколько элементов "Area", определяющих навигационные области карты. Имеет один атрубут "name", который определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью атрибута "usemap" элемента "Img". Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.
Записывается так:
<img src="http://site.ru/images/pic.jpg" width="100" height="60" border="0" usemap="#link">
<map name="link">
  <area shape="rect" coords="7,8,35,26" href="URL">
  <area shape="circle" coords="59,35,21" href="URL">
</map>

Элемент Area

Создает активные области карты, определенной с помощью элемента MAP, щелчком по которым можно осуществить ссылку. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.
Имеет атрибуты;

атрибут Shape Этот атрибут задает форму активной области на карте и её координаты. Имеет значения; circle Определяет активную область в виде круга. poly Определяет активную область в виде многоугольника. rect Определяет активную область в виде прямоугольника. атрибут Coords Определяет координаты навигационной области на карте и записывается в виде координат . Для каждой формы области ("shape") имеет разные координаты. для circle записывается так; coords="X,Y,R" где; "X" - координата центра круга по оси "x" в пикселях "Y" - координата центра круга по оси "y"в пикселях "R" - радиус круга в пикселях для poly записывается так; coords="X1, Y1, X2, Y2, X3, Y3, X4, Y4, X5, Y5, X6, Y6,..." где; "X1" - координата первой вершины по оси "x" в пикселях "Y1" - координата первой вершины по оси "y"в пикселях "X2" - координата второй вершины по оси "x" в пикселях "Y2" - координата второй вершины по оси "y"в пикселях "X3" - координата третьей вершины по оси "x" в пикселях "Y2" - координата третьей вершины по оси "y"в пикселях И т.д., сколько у многоугольника вершин, столько и координат "X" и "Y". rect записывается так; coords="X1,Y1,X3,Y3" В прямоугольнике записывается только координата верхней левой и правой нижней вершины. атрибут Href Определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL). атрибут Target Определяет в каком окне или фрейме будет открыта ссылка. Этот атрибут имеет такие же значения и свойства, что и одноименный атрибут элемента "<A>". атрибут Alt Определяет альтернативный текст-подсказку для данной области.

Полный код навигационной карты записывается так;
<img src="http://tvoyweb.narod.ru/images/karta.jpg" width="300" height="100" border="0" usemap="#Map">
<map name="Map">
   <area shape="rect" coords="104,31,208,65" href="http://yandex.ru" target="_blank" alt='Поисковая система "Яndex"'>
   <area shape="circle" coords="255,57,24" href="http://rambler.ru" target="_blank" alt='Поисковая система "Рамблер"'>
   <area shape="poly" coords="49,4,39,38,5,37,32,61,24,89,50,70,77,89,67,58,92,38,59,36" href="http://yahoo.com" alt='Поисковая система "Yahoo"'>
</map>

Эффект этого кода;

Продолжение следует...