главная введение вопросы контакт
Урок 7.
Навигационные карты.

Итак, вы уже знаете, что ссылки на веб-страницах могут быть в виде текста или изображения. Однако с помощью HTML возможно задавать активные области на изображении и таким образом получать несколько разных гиперссылок. Можно конечно "разрезать" изображение на части и добиться того же результата, тем не менее, навигационные карты сегодня являются отнюдь не редкостью. Представьте себе сплэш-страницу, состоящую из фотоколлажа, где есть необходимость точно задать ссылки в соответствии с расположением того или иного фрагмента изображения. Всё это легко реализовать при помощи навигационной карты.

Для того, чтобы обозначить какое-нибудь изображение в качестве объекта навигационной карты, существует параметр usemap тэга <IMG>. Всё очень просто. Добавляем в HTML-документе к нужному изображению параметр usemap, который задаёт имя навигационной карты. Например: <IMG src="log1.gif" usemap="#log1">
Сама же навигационная карта создаётся при помощи элемента <MAP> и тэга <AREA> и располагается, как правило, в самом начале HTML-документа, в разделе <HEAD>.

MAP - элемент, обозначающий начало и конец навигационной карты. Имеет параметр name, задающий имя карты, которое должно соответствовать значению параметра usemap. Внутри элемента <MAP> располагается один или несколько тэгов <AREA>.

AREA - этот тэг задаёт активную область на изображении. Имеет слtдующие параметры:

  • shape
  • coords
  • href
  • nohref
  • target
  • alt

shape - задаёт форму активной области изображения. Имеет значения: rect, circle, poly (прямоугольник, круг, многоугольник).
coords - определяет координаты активной области изображения. Координаты записываются в виде целых чисел и разными способами в зависимости от формы активной области.

Пример 1:
<AREA shape="rect" coords="гориз.x1, верт.y1, гориз.x2, верт.y2>
Заданы две координаты: левый верхний угол прямоугольника (гориз. x1,верт. y1) и нижний правый угол (гориз. x2,верт. y2).
Пример 2:
<AREA shape="circle" coords="гориз.x, верт.y, радиус z>
Заданы три числа: центр круга (гориз.x, верт.y) и его радиус (радиус z).
Если в виде
формы активной области изображения задан многоугольник (poly), значениями параметра coords будут координаты его вершин. Начало координат лежит в левом верхнем углу изображения.

href - задаёт адрес ссылки в виде URL.

nohref - задаёт область изображения как неактивную.

target - задаёт окно (fraim), в которое будет загружаться документ по ссылке. Используется только с параметром href. В качестве значения задаётся имя соответственного фрейма.

alt - задаёт альтернативный текст для активной области изображения. Активных областей может быть много. Они могут перекрывать друг друга. В этом случае область, заданная раньше других имеет приоритет над остальными.

Содержание:
Урок 1 Что такое HTML ?
Урок 2 Раздел документа HEAD
Урок 3 Раздел документа BODY
форматирование текста
Урок 4 Форматирование HTML- документа
Урок 5 Таблицы
Урок 6 Формы
Урок 7 Навигационные карты
Урок 8 Фреймы
Интернет-статистика
© 2002 - 2008 учебник по HTML    e-mail: ht-ml@ya.ru
Hosted by uCoz