Файл: work/html_teach/23.php
Строк: 36
<?
require '../../config.php';
$title = 'Учебник HTML';
include '../../style/head.php';
aut();
who_add(0, 'servise');
?><html><head>
<title> HTML учебник / Создание карты изображений </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="HTML учебник Создание карты изображений">
<meta name="description" content="HTML учебник: Создание карты изображений ">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">
<table width="80%" align="center"><tr><td>
<!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / Создание карты изображений </td></tr></table></td></tr></table><!--//-->
<h2>Создание карты изображений</h2>
<P>Создание карты изображения является одной из привлекательнейших
возможностей HTML, позволяющей пользователю привязывать ссылки на
другие документы к отдельным частям изображений. Щелкая мышью на
отдельных частях изображения, пользователь может выполнять те
или иные действия, переходить по той или иной ссылке на другие
документы и т.п.
<UL>
<P><B>Внимание!</B> Если вы хотите использовать технологию
картирования изображений, то вам необходимо использовать броузер,
поддерживающий данную технологию! </P></UL>
<P>Чтобы включить поддержку карты для изображения, необходимо ввести
дополнительный параметр в тэг IMG: </P>
<P><TT><IMG SRC="<I>url</I>" <FONT size=1><B>USEMAP="<I>url#<FONT
color=#ff00ff>map_name</FONT></I>"</B></FONT> > </TT></P>
<P>Параметр USEMAP указывает, в каком месте находится карта
описываемого изображения. Карта изображения определяет, какому
участку изображения какой URL соответствует. Карта изображения может
находиться в том же документе, что и изображение, или в другом
документе. Помещение карты в другой документ позволяет собрать все
карты изображений в одном документе (если у вас их несколько в
различных документах), но добавляет еще одну итерацию в сети, когда
за перыую итерацию выясняется местонахождение карты, а за вторую -
выполнение действия, предписанного URL для данного участка
изображения. Параметр <B><TT><FONT
color=#ff00ff>map_name</FONT></TT></B> указывает имя карты для
изображения, а предшествующий ему URL определяет местонахождение
карты. Если данный URL отсутствует, то карта с указанным именем
ищется в текущем документе. </P>
<P>Рассмотрим синтаксис определения карты изображения: </P>
<P><TT><MAP NAME="<B><FONT color=#ff00ff>map_name</FONT></B>">
<BR><AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "]
[NOHREF]> <BR></MAP></TT> </P>
<P>Параметры: </P>
<P><B><MAP NAME="map_name"></B>
<UL>
<P>Данный тэг определяет начало описания карты с именем map_name.
</P></UL>
<P><B><AREA...> </B>
<UL>
<P>Описывает участок изображения и ставит ему в соответствие URL.
Параметры: </P>
<P><B>SHAPE</B>
<UL>
<P>Необязательный параметр, указывающий на форму определяемой
области изображения. Может принимать значения:
<UL>
<LI>default - по умолчанию (обычно прямоугольник)
<LI>rect - прямоугольник
<LI>circle - круг
<LI>poly - многоугольник произвольной формы </LI></UL></UL>
<P><B>COORDS</B>
<UL>
<P>Координаты в пикселах описываемой области. Для прямоугольника
это четыре координаты левого верхнего и правого нижнего углов,
для круга - три координаты (две - центр круга, третья - радиус).
Для многоугольника это описание каждого угла в двух координатах
- соответственно число координат равно удвоенному количеству
углов. </P>
<P>Координаты считаются с нуля, поэтому для описания области 100
на 100 используется описание: </P>
<P><TT><AREA COORDS="0,0,99,99" ...> </TT></P></UL>
<P><B>HREF="url"</B>
<UL>
<P>Описание ссылки, действия по которой будут выполняться при
щелчке мыши в заданной области. </P></UL>
<P><B>NOHREF</B>
<UL>
<P>Параметр, указывающий, что ссылка отсутствует для данного
участка. По умолчанию, если не указан параметр HREF, то
считается что действует параметр NOHREF. Также, для всех
неописанных участков изображения считается, что используется
параметр NOHREF. </P></UL>
<P>Если две описанных области накладываются друг на друга, то
используется ссылка, принадлежащая первой из описанных областей.
</P></UL>
<P><B></MAP></B>
<UL>
<P>Данный тэг завершает описание карты изображения. </P></UL>
<HR width="90%" color=#000080 SIZE=1>
<P>Применение: </P>
<P>Технология Image Map применяется в самых различных областях.
Однако наиболее часто ее применение можно увидеть при создании
графических меню, когда создается одно большое изображение с
элементами меню, и каждому участку изображения предписывается какое
либо действие. </P>
<P>Так же прменять данную технологию можно при создании простых
ГИС-подобных систем с картографическими возможностями.
</P>
</td></tr></table>
</body></html>
<?php echo '« <a href="/work/?">В Раздел</a>';
include '../../style/foot.php'; ?>