Навигационная карта. нам необходимо сделать, так что бы пользователь, нажав на одну из этих "кнопок" переходил по ссылке в тот или документ.. - презентация

1 Навигационная карта

2 нам необходимо сделать, так что бы пользователь, нажав на одну из этих "кнопок" переходил по ссылке в тот или документ..

3 Это будет выглядеть так: Сама карта задаётся тегом у которого есть атрибут name - имя..

4 Для определения областей рисунка, которые будут являться ссылкамиЭту задачу берет на себя тег, закрывающего тега он не требует, и имеет следующие атрибуты: href - указывает путь к открываемому документу (точно так же как в теге ) shape - форма области рисунка которая будет служить ссылкой. rect - прямоугольная область poly - область представляет собой некий многоугольник circle - область заданная окружностью coords - координаты формы

5 ПРИМЕР ИСПОЛЬЗОВАНИЯ

6 coords="15,15,82,82"

7 Полигон (многоугольник)

8 Окружность

9 Пересечение областей Иногда удобно формировать "рабочую" область изображения "смешивая" разные формы.. в этом примере две формы прямоугольник rect и окружность circle как показано на рисунке:

10 Для этого необходимо описать в коде обе области и указать путь к одному и тому же документу:

11 "Не область" Тег помимо атрибута href имеет противоположенный по значению атрибут nohref - неактивная область, то есть если пользователь нажмет на такую область, то ровным счетом ничего не произойдёт, чего нам собственно и необходимо добиться при изготовлении "отверстия" в нашей карте.

12 Карта будет задана двумя областями, неактивной окружностью circle и активной прямоугольной областью rect и как показано на рисунке чертеже иметь следующие координаты:

13 Полезные советы: Что бы без труда определить координаты той или иной точки на Вашей навигационной карте откройте рисунок графическим редактором тем же Paint к примеру.. там, когда будете двигать указателем по рисунку, увидите две меняющиеся цифры, это и есть координаты пикселя Х и У на данном рисунке. В Paint эта панелька расположена в нижней части экрана. При создании страницы с навигационной картой тег всегда должен быть выше самой карты. Между тегами и лучше ничего не писать