FrontPage
Программа создания сайтов

Создание активных областей на изображении

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

Для создания на изображении активных областей, используемых в качестве гиперссылок, предназначены кнопки на панели инструментов Рисунки (Pictures), назначение которых описано в табл. 16.2.

Таблица 16.2. Кнопки панели инструментов, используемые для создания активных областей

Кнопка Наименование Назначение
Гиперпрямоугольник
(Rectangular Hotspot)
Размещает на изображении активную область прямоугольной формы
Гиперкруг (Circular Hotspot) Размещает на изображении активную область в виде круга
Гипермногоугольник
(Polygonal Hotspot)
Размещает на изображении активную область в виде многоугольника
Выделить гиперобъекты
(Highlight Hotspots)
Показывает все размещенные на изображении активные области

Как видно из таблицы, для создания активных областей можно использовать три кнопки, создающие области разной формы. Кнопка Выделить гиперобъекты (Highlight Hotspots) позволяет просмотреть все размещенные на изображении активные области, скрыв изображение, чтобы оно не мешало просмотру.

Рассмотрим создание активной области на графическом изображении:

1. Выделите на Web-странице графическое изображение. При этом на панели инструментов Рисунки (Pictures) активизируются кнопки, предназначенные для создания активных областей.
2. Нажмите на панели инструментов одну из трех кнопок Гиперирямоуголь-ник (Rectangular Hotspot), Гиперкруг (Circular Hotspot) или Гипермногоугольник (Polygonal Hotspot) в зависимости от того, какой формы область вы хотите создать: прямоугольную, круглую или многоугольную. Курсор принимает вид карандаша.
3. Установите курсор на изображение, нажмите левую кнопку мыши и, удерживая ее в нажатом состоянии, нарисуйте контур вокруг того места, которое хотите сделать активной областью.
4. Сформировав нужный контур, отпустите кнопку мыши.

Замечание

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

5. После создания контура на экране открывается диалоговое окно Добавление гиперссылки (Insert Hyperlink), используя которое создайте необходимую ссылку.

На рис. 16.16 показано несколько размещенных на изображении активных областей.

Рис. 16.16. Размещенные на изображении активные области

Редактирование активных областей

Создавая с помощью кнопок Гиперпрямоугольник (Rectangular Hotspot), Гиперкруг (Circular Hotspot) или Гипермногоугольник (Polygonal Hotspot) активные области, вы можете не расстраиваться по поводу того, что область получилась не того размера, который вам был нужен, или расположилась не там, где вам того хотелось. После создания активных областей их можно редактировать, изменяя местоположение, размер и связанные с ними гиперссылки.


Рейтинг@Mail.ru