|
Читайте также: |
В графических ссылках одному изображению соответствует один адрес ссылки, но можно сопоставить одному изображению несколько ссылок, привязав каждую из них к некоторой области изображения. Такие области называются горячими или активными, а сам технологический прием – графической картой ссылок или сегментированной графикой. Активные области графической карты могут быть различной формы: прямоугольной, многоугольной или в виде окружности.
Возможны два варианта реализации графических карт ссылок: клиентский и серверный.
Клиентский вариант графической карты ссылок
Графическая карта ссылок в клиентском варианте задается с помощью нескольких тегов.
<map name=> <area> </map> - используются для создания клиентского варианта графической карты ссылок.
Тег <area> имеет ряд атрибутов:
href – строка, определяющая адрес ссылки;
shape – определяет форму области; принимает аргументы:
“ rect ” или “ rectangle ” (прямоугольник);
“ poly ” или “ polygone ” (многоугольник);
“ circle ” (круг);
cords – координаты области, которые задаются в пикселах перечнем чисел, разделенных запятыми; весь перечень заключается в кавычки; координаты углов задаются в следующем порядке: сначала горизонтальные, затем вертикальные; начало отсчета координат – верхний левый угол изображения;
title – текстовая строка всплывающей подсказки;
target – указывает окно браузера или фрейм, в котором следует открыть документ, заданный в адресной части ссылки;
nohref – атрибут, не имеющий значений; используется для указания, что данная область не имеет адреса перехода.
Пример создания графической карты ссылок (рис.1.10):
| Текст HTML-программы | Комментарий |
| <html> | |
| <head> <title> Графическая карта ссылок </title> </head> | |
| <map | Тег создания карты ссылок |
| name='mymap'> | Имя карты |
| <area | Задание области ссылки |
| href='prim4.html' | Адрес ссылки |
| shape='rect' | Определение формы области ссылки (в данном случае - прямоугольник) |
| coords='350, 50, 450, 150'> | Координаты области в пикселах (для прямоугольной области – верхнего левого ('350, 50') и правого нижнего ('450, 150')) |
| <area | Задание области ссылки |
| href='prim6.html' | Адрес ссылки |
| share='circle' | Определение формы области ссылки (в данном случае - круг) |
| coords='250, 250,50'> | Координаты области в пикселах (для круга – координаты центра ('250') и радиус ('250, 50')) |
| </map> | Конец создания карты ссылок |
| <img src="karta.jpeg" | Вставка изображения |
| usemap='#mymap' | Привязка карты к изображению |
| width=566 | Ширина изображения в пикселах равная 566 |
| hspace=554> | Расстояние левого и правого поля вокруг изображения равное 554 пикселам |
| </html> |
Рис.1.10. Изображение в качестве основы
графической карты ссылок
Дата добавления: 2015-10-02; просмотров: 82 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Текстовые и графические ссылки | | | Внутренние ссылки |