Главная Аккаунт Файлы Ссылки Форум Графика
Разделы

Главное меню


14.2.10 15:54 | Графическая карта ссылок
Раздел: Начинающему веб-мастеру | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 8156
Графическая карта ссылок – это механизм расширения функций графической гиперссылки.
Графическая карта позволяет выделить отдельные фрагменты изображения как области, чувствительные к щелчкам кнопки мыши, причем каждый из фрагментов такого изображения отвечает за исполнение какого-нибудь действия (например, загрузки нового документа). Таким образом, одно изображение может заключать в себе много ссылок.

Различают два типа графических карт – интерпретируемые браузером пользователя (клиентские) и интерпретируемые Web-сервером при помощи скриптов CGI.

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

Механизм построения графических карт ссылок можно применять к самым разным изображениям, даже к анимации. Создавая карту ссылок, задают границы областей, отсюда и может возникнуть аналогия с политической картой мира.

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

Для выделения в гипертекстовом документе активной области нужно на графической карте (в содержимом документа) поместить инструкции языка HTML, которые определяют карту и внедряют картинку вместе с указанием связей между этими объектами. Изображение связывается с картой посредством этикетки (одинакового имени).

Построение карты ссылок

<MAP NAME=”этикетка”>
<AREA SHAPE=”тип поля” COORDS=”список координат задания поля”
HREF=”URL – адрес документа, загружаемого после щелчка мышью на поле” (или NOREF если щелчок не вызывает загрузки нового документа)
ALT=”текст словесного описания поля”
TARGET=”название окна, в которое будет загружаться новый документ”>
<AREA ...> (следующий участок)
</MAP>

<IMG SRC=”адрес или название файла с картинкой” USEMAP=”#этикетка”>

Прямоугольник:

<AREA SHAPE=”RECT” COORDS=”x1, y1, x2, y2>, где x1, y1, x2, y2 – координаты противоположных вершин прямоугольника (левой верхней и правой нижней).

Окружность:
<AREA SHAPE=”CYRCLE” COORDS=”x, y, r”>, где x, y – координаты центра, r – радиус.

Многоугольник:
<AREA SHAPE=”POLY” COORDS=”x1, y1, x2, y2, x3, y3, ...”>, где последовательные пары x, y, (x1, y1) – координаты каждой последующей вершины многоугольника.

При определении многоугольной области первая и последняя пары координат должны совпадать, чтобы многоугольник замкнулся.

Если необходимо, чтобы какое-то событие инициализировалось при щелчке на области изображения, находящейся за пределами определенных областей, следует добавить описание прямоугольной области размером во всю карту:

<AREA SHAPE=”RECT” COORDS=”0, 0, xmax, ymax”>

Карта может состоять из многих областей. Определение карты находится обычно в том же HTML-файле, в котором записано изображение, для нее используемое.


 

Родственные ссылки
» Другие статьи раздела Начинающему веб-мастеру
» Эта статья от пользователя upet

5 cамых читаемых статей из раздела Начинающему веб-мастеру:
» Как поставить фон
» Фиксация фона
» Кодировка веб сайта
» Графическая карта ссылок
» Описание Viewpoint

5 последних статей раздела Начинающему веб-мастеру:
» Фиксация фона
» Кодировка веб сайта
» Как поставить фон
» Графическая карта ссылок
» Описание Viewpoint

¤ Перевести статью в страницу для печати
¤ Послать эту cтатью другу

MyArticles 0.6 beta for RUNCMS: by RunCms.ru


Можно и сюда


Cчётчики
Rambler's Top100 Рейтинг@Mail.ru