Последние исследования в области веб-дизайна
Как показывают, последние исследования, пользователи, положительно реагируют, на видео материалы на сайте.

Дек 26, 2012

Формирование карты гиперссылок

Графическую карту ссылок создают с помощью нескольких тегов. В теге <IMG> определяют атрибут SRC, чтобы задать изображение, и ат-рибут USEMAP, значением которого является имя карты (должно начинаться символом #). Собственно карту создают с помощью тега <МАР> с атрибутом NAME, содержащий имя карты (определенное в атрибуте USEMAP, но без символа #) и тега </ МАР>. Между ними записывают теги <AREA>, задающих параметры горячих областей. При этом используют такие атрибуты:

♦ HREF - определяет гиперссылки, связанное с областью;

♦ SHAPE - определяет форму области, его значениями могут быть:

♦ rect - прямоугольник;

♦ polygone или poly - многоугольник;

♦ circle - круг;

♦ COORDS - содержит координаты области в виде взятого в кавычки список чисел, разделенных запятой. Для прямоугольника задают четыре числа - координаты верхнего левого и правого нижнего углов, для многоугольника - последовательные координаты каждого угла, для круга - координаты центра и радиус.

Пример определения карты ссылок приведены ниже.

<IMG SRC="map.bmp" USEMAP="#karta">

<MAP NAME="karta">

<AREA HREF="1.html" SHAPE="rect" COORDS="70,250,160,270">

<AREA HREF="2.html" SHAPE="circle" COORDS="260,140,60">

</ MAP>

Следует поработать над рисунком карты в графическом редакторе, чтобы очертить необходимые области, которые позже станут гиперпосы - ланью, и определить координаты, будут записанные как значения атрибута COORDS.

Страница: 1 из 4    -   Следующая

Навигация: 1  2  3  4  

Другие статьи по теме:

- Html: путь из недавнего прошлого к светлому будущему
- Встроенные стили
- Визуальный редактор веб-сайтов
- Фреймы, их теги и атрибуты
- Html - язык web

На российский рынок приходит крупнейший продавец стоковых изображений - Depositphotos.
Издательство "ИндексМаркет" анонсирует книгу Александры Саньковой - под названием "23"
Российская компания создала первый сайт по дизайн-исследованиям, так как тема дизайна не достаточна развита в России
     Баннеры | Советы web-дизайнеру | Flash | Html и CSS | Уроки Photoshop | Юзабилити
2003-2016 © sredaboom.ru
карта сайта обратная связь на главную