Отправляет email-рассылки с помощью сервиса Sendsay

Учимся программировать на HTML

  Все выпуски  

Учимся программировать на HTML Навигационные карты. Выпуск 7


Информационный Канал Subscribe.Ru

Доброго времени суток уважаемые подписчики

на данный момент вас: 62

всвязи с небольшой аварией сайт этой рассылки работал со сбоями, но сейчас быстренько все исправлено и работает, на сайте уже выложен этот выпуск рассылки

все вопросы, предложения, интересные и полезные ссылки присылайте по нижеуказанному адресу или оставляйте в гостевой книге сайта

Выпуск 7

Все пожелания, интересная информация, ссылки принимаются тут twamillenium@pisem.net. Итак, начнем.

Навигационные карты

Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов MAP и AREA и представляют собой гиперссылки, офомленные в виде активных областей на изображении. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра USEMAP элемента IMG.

Пример:

<!-- Создаем карту с именем ImageMap: -->
<MAP NAME="ImageMap">
<AREA HREF="something.html" SHAPE="rect" COORDS="0,0,70,140" ALT="Левая половинка">
<AREA HREF="anything.html" SHAPE="rect" COORDS="71,0,140,140" ALT="Правая половинка">
</MAP>
<!-- Создали. -->

<BODY>
<!-- Привинчиваем ее к изображению -->
<IMG src="img/block.gif" USEMAP="#ImageMap" HEIGHT="140" WIDTH="140" BORDER="0">
...

В данном примере мы создали квадратное изображение размером 140x140 пикселов, левая часть которого является ссылкой на файл something.html, а правая - на файл anything.html.

 

MAP

(HTML 3.2) - Map
Создает новую навигационную карту. Между начальным и конечным тэгами содержит один или несколько элементов AREA, определяющих навигационные области карты.

Параметры:

NAME - единственный и обязательный параметр. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью параметра USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.

 

Пример:

<!-- Создаем карту Map1 : -->
<MAP NAME="Map1">
    <!-- Задаем области -->
    <AREA HREF="...>
    <AREA HREF="...>
    ...
</MAP>
<!-- Карта готова -->

 

AREA

(HTML 3.2) - Map Area
Создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.

Параметры:

SHAPE - определяет форму навигационной области. Возможные значения:

    rect - прямоугольник;
    circle - окружность;
    poly - многоугольник.
     

В зависимости от выбранной формы меняется способ задания ее координат в параметре COORDS.

COORDS - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:

            SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";
            SHAPE="circle" COORDS="центр x, центр y, радиус";
            SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезевированных имен, подробно описанных в параметре TARGET элемента A.

NOHREF - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру HREF и используется для отмены действия последнего.

ALT - определяет альтернативный текст-подсказку для данной области.

Пример:

<!-- Создаем хитрую карту с круглой дыркой посередине -->
<MAP NAME="map1">
    <AREA NOHREF SHAPE="circle" COORDS="80,70,40">
    <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">
</MAP>
...
<!-- Применяем ее к картинке -->
<IMG src="img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">

В следующем выпуске начнем рассматривать тело документа


http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: inet.webbuild.724990
Отписаться

В избранное