Лабораторная работа №8
Создайте карту-изображение. В качестве рисунка используйте файл man.gif. В качестве активных зон используйте голову, туловище, руки и ноги человека. Для изображения следует становит значение ширины равное 500–20*n, где n – номер компьютера.
Для создания карты-изображения используйте следующие теги.
<map>...</map>
Создает карту-изображение, т.е. рисунок, элементам которого можно назначить гипертекстовые ссылки. Области карты изображения описываются внутри элемента <map>...</map> с помощью тега <area> (см. описание данного тега).
Атрибуты тега <map>:
name
Указывает имя карты-изображения, которое должно соответствовать значению атрибута usemap1 тега <img> (знак # не ставится).
Пример:
<img src="atlant.gif” usemap="#pict">
<map name="pict">
Здесь описание карты
</map>
Тэг <area> задает активную область в карте-изображении.
Атрибуты тега <аrea>:
shape
Указывает форму активной области. По умолчанию активной областью является прямоугольник. Значением атрибута могут быть:
rect – активная область будет иметь вид прямоугольника.
circle – активная область будет обладать формой круга.
poly – активная область будет иметь вид многоугольника.
default – активная область будет определять все точки области.
coords
Задает координаты активной области. Начало координат находится в левом верхнем углу и соответствует 0,0, первая цифра соответствует значению х, а вторая – у. Положительное направление оси Ох – горизонталь слева на право, а для оси Оу вертикально сверху вниз. Для прямоугольника указываются координаты левого верхнего и правого нижнего углов (четыре числа через запятую). Для круга задаются координаты центра и радиус (три числа через запятую). Для многоугольника указываются координаты его вершин (2*n чисел, где n – количество вершин у многоугольника).
href Для области определяет электронный адрес ссылки, который может записываться в абсолютной или относительной форме.
nohref Указывает, что для активной области нет ссылок.
target Задает имя фрейма, в котором будет размещен документ, загружаемый по данной ссылке.
alt Определяет альтернативный текст для активной области изображения.
Пример:
<img src="Man.gif” usemap="#pict">
<map name="pict">
<area shape=circle coords="10,10,30" href="head.html">
<area shape=rect coords="120,120,300,300" href="hand.html">
</map>
Примените для изображения человека специальные фильтры для этого используется атрибут style тега <img>. В значении атрибута укажите слово filter: и имя фильтра (flipv, fliph, blur, xray, wave).
Пример:
<img style="filter:xray" src="hlpbell.gif" width=150 height=50>
1Атрибутusemapуказывает электронный адрес для связи навигационной карты-изображения с элементом, для тега<img>значение данного атрибута должно начинаться со знака#.