Вход Регистрация
Файл: 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, позволяющей пользователю привязывать ссылки на
другие документы к отдельным частям изображений. Щелкая мышью на
отдельных частях изображения,&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>
<?php echo '&laquo; <a href="/work/?">В Раздел</a>';
include 
'../../style/foot.php'?>
Онлайн: 0
Реклама