Иллюстрированный самоучитель по WEB-графике


Графические ссылки - часть 2


  • HREF — строка, определяющая адрес ссылки;
  • SHAPE — определяет форму области; принимает аргументы:
  • "RECT" (прямоугольник);
  • "POLYGONS" (многоугольник);
  • "CIRCLE" (круг);
  • COORDS — координаты области, которые задаются в виде перечня чисел, разделенных запятыми; весь перечень заключается в кавычки (для прямоугольника задаются четыре числа — координаты верхнеголевого и правого нижнего угла; для многоугольника задаются координаты каждого угла; для круга задаются три числа — координаты центра и радиус);

После закрывающего тэга </МАР> следует указать тэг, вставляющий графическое изображение и реализующий привязку карты к нему, — это уже известный тэг <IMG>, в котором помимо прочих возможных атрибутов используется атрибут связи с картой:

USEMAP="#имя_карты"

В качестве имени карты указывается аргумент атрибута NAME тэга <МАР>.

В нашем примере в основе графической карты ссылок находится топографическая карта некоторой местности. На ней мы определили прямоугольную и круглую горячие области, соответствующие двум населенным пунктам. При щелчке на горячей области будет выведен документ северный.htm или южный.htm, содержащие, например, описание соответствующего населенного пункта.

<HTML>

<НЕАD><ТITLЕ>Графическая карта</ТITLЕ> </НЕАD>

<МАР NAME="mapO">

<AREA HREF="северный.htm" SHAPE="RECT" COORDS="150,100,250,250">

<AREA HREF="южный.htm" SHAPE = "CIRCLE" COORDS = " 150,380,50">

</MAP>

<IMG SRC="KAPTA.JPG" USEMAP="#mapO" WIDTH=360 HEIGHT=480>

</HTML>

Графические карты ссылок обычно используются для создания красочных меню, а также в тех случаях, когда внешний вид страницы формируется с помощью графического редактора (например, Adobe Photoshop), в котором можно создать картинку со всеми необходимыми надписями и художественными элементами, — это альтернатива использованию множества тэгов, вставляющих различные элементы. Основная трудность здесь состоит в определении координат горячих областей. Однако если известны ширина и высота всего изображения, то координаты горячих областей можно рассчитать, хотя бы приблизительно, а затем уточнить опытным путем при отладке. Работа существенно упрощается при использовании такого средства проектирования Web-страниц, как FrontPage.




Начало  Назад  Вперед