Графическая карта ссылок – это механизм расширения функций графической
гиперссылки.
Графическая карта позволяет выделить отдельные фрагменты
изображения как области, чувствительные к щелчкам кнопки мыши, причем
каждый из фрагментов такого изображения отвечает за исполнение
какого-нибудь действия (например, загрузки нового документа). Таким
образом, одно изображение может заключать в себе много ссылок.
Различают два типа графических карт – интерпретируемые браузером
пользователя (клиентские) и интерпретируемые 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-файле, в котором записано изображение,
для нее используемое.
|
8: Гости