Веб-мастеру

Карты изображений - это способ сделать различные части одного графического изображения гиперссылками (они позволяют выделить отдельные области изображения и определить для каждой из них свое действие) пример использования:

<img src="clock.jpg" width="200" height="149" usemap="#clock" alt="" class="left" />
<map name="clock">
   <area shape="circle" coords="68,102,54" href="http://perkoka.ru/" alt="это часы" title="это часы" />
   <area shape="poly" coords="101,22,111,42,177,58,193,41,101,23" href="http://perkoka.ru/web/" alt="это самолёт" title="это самолёт" />
   <area shape="poly" coords="22,17,1,63,1,86,41,49,92,43,73,7,21,17,21,17" href="http://perkoka.ru/web/web.php" alt="это дома" title="это дома" />
</map>

параметры:

• shape - описывает форму выделяемой области
  • circle - круг
  • rect - прямоугольник
  • poly - многоугольник
• coords - координаты, определяющие размеры и положение области на изображении (все координаты отсчитываются в пикселях от левого верхнего угла изображения - количество и порядок значений зависит от значения аттрибута shape)
  • circle - центр-X, центр-Y, радиус (т.е. горизонтальная и вертикальная координаты центра круга и радиус)
  • rect - левый-X, верхний-Y, правый-X, нижний-Y (т.е. сначала координаты левого верхнего угла, затем правого нижнего)
  • poly - X1, Y1, X2, Y2, ..., Xn, Yn (просто перечисляются координаты всех вершин многоугольника)
• nohref - определяет, что данной области не соответствует никакая ссылка (например, если вы хотите сделать ссылку не в виде круга, а в виде кольца)

Метки потребуются, когда надо перейти по ссылке не в начало файла, а на конкретное место в документе

сначала ставим метки в документе:

   <a name="начало третьего раздела"> </a>

потом создаём ссылку на эту метку:

<!-- метка находится в этом же файле -->
<a href="#начало третьего раздела">раздел 3</a>

<!-- метка расположена в другом файле -->
<a href="file.html#начало третьего раздела">раздел 3</a>

параметры name и href не протеворечат друг другу и могут жить в одном теге

<!-- ссылка на файл file.html, а также и метка 3, на которую можно ссылаться -->
<a href="file.html" name="3">ссылка</a>

<!-- ссылка на метку 2 в данном файле и метка 3 -->
<a href="#2" name="3">ссылка</a>

пример: сделали примечание, которое находится в конце документа, и хотите, чтобы читатель, посмотрев примечание, мог вернуться обратно

   <a href="#примечание 1" name="возврат 1">см. примечание 1</a>

а после примечания, пишите:

   <a href="#возврат 1" name="примечание 1">вернуться</a>

первая строка отсылает к примечанию, а вторая - возвращает обратно к тексту

пример: Perkoka.ru

   <a href="http://perkoka.ru/" onclick="window.open(this, 'new', 'width=900, height=600, scrollbars=1'); return false">Perkoka.ru</a>

параметры:

• this - переход по ссылке указанной в href="..."
• new - имя создаваемого окна
• параметры создаваемого окна:
  • width (height) - ширина (высота) создаваемого окна
  • toolbar - панель инструментов (значения: 0 (no) - не отображать; 1 (yes) - отображать)
  • location - строка адреса
  • directories - ссылки
  • status - статусная строка
  • menubar - панель меню
  • scrollbars - скроллинг
  • resizable - возможность изменять размеры окна