<? include 'head.php' ?>
<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, позволяющей пользователю привязывать ссылки на 
другие документы к отдельным частям изображений. Щелкая мышью на 
отдельных частях изображения,&nbsp;пользователь может выполнять те 
или иные действия, переходить по той или иной ссылке на другие 
документы и т.п. 
<UL>
  <P><B>Внимание!</B> Если вы хотите использовать технологию 
  картирования изображений, то вам необходимо использовать броузер, 
  поддерживающий данную технологию! </P></UL>
<P>Чтобы включить поддержку карты для изображения, необходимо ввести 
дополнительный параметр в тэг IMG: </P>
<P><TT>&lt;IMG SRC="<I>url</I>" <FONT size=1><B>USEMAP="<I>url#<FONT 
color=#ff00ff>map_name</FONT></I>"</B></FONT> &gt; </TT></P>
<P>Параметр USEMAP указывает, в каком месте находится карта 
описываемого изображения. Карта изображения определяет, какому 
участку изображения какой URL соответствует. Карта изображения может 
находиться в том же документе, что и изображение, или в другом 
документе. Помещение карты в другой документ позволяет собрать все 
карты изображений в одном документе (если у вас их несколько в 
различных документах), но добавляет еще одну итерацию в сети, когда 
за перыую итерацию выясняется местонахождение карты, а за вторую - 
выполнение действия, предписанного URL для данного участка 
изображения. Параметр <B><TT><FONT 
color=#ff00ff>map_name</FONT></TT></B> указывает имя карты для 
изображения, а предшествующий ему URL определяет местонахождение 
карты. Если данный URL отсутствует, то карта с указанным именем 
ищется в текущем документе. </P>
<P>Рассмотрим синтаксис определения карты изображения: </P>
<P><TT>&lt;MAP NAME="<B><FONT color=#ff00ff>map_name</FONT></B>"&gt; 
<BR>&lt;AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] 
[NOHREF]&gt; <BR>&lt;/MAP&gt;</TT> </P>
<P>Параметры: </P>
<P><B>&lt;MAP NAME="map_name"&gt;</B> 
<UL>
  <P>Данный тэг определяет начало описания карты с именем map_name. 
  </P></UL>
<P><B>&lt;AREA...&gt; </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>&lt;AREA COORDS="0,0,99,99" ...&gt; </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>&lt;/MAP&gt;</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>
<? include 'foot.php' ?>