Текст/Чэнь Сюфэн
Когда вы открываете веб-страницу с изображениями, вы иногда можете столкнуться с такой ситуацией: когда указатель мыши указывает на разные части изображения, вы можете открыть разные гиперссылки. Эта технология называется — горячая зона изображения веб-страницы.
Давайте возьмем Dreamweaver MX и FrontPage 2003 в качестве примера, чтобы увидеть конкретный процесс создания горячей точки изображения веб-страницы.
1. Создайте точку доступа для изображений в Dreamweaver MX.
1. Запустите Dreamweaver MX (следуйте инструкциям для других версий), откройте файл веб-страницы, в которой необходимо создать точку доступа для изображений, выберите соответствующее изображение и нажмите «Свойства». Панель автоматически перейдет в статус «Свойства «Изображения»» (рис. 1).
2. Выберите тип активной области (например, «эллипс»), а затем перетащите его на изображение, чтобы создать активную область (см. рисунок 1).
Рис. 1
Примечание. Зона перехода эквивалентна добавлению графического слоя к изображению. Как и при настройке изображения, размер и положение зоны перехода можно регулировать с помощью мыши.
3. Введите URL-адрес, на который будет сделана ссылка, в поле справа от «Ссылка» (например, «http://www.yesky.com» и введите несколько пояснительных символов в поле после «Замена» (например, «Tianji»). .com" ); нажмите раскрывающуюся кнопку справа от «Цель» и в появившемся раскрывающемся списке выберите способ открытия связанной страницы (если вы хотите, чтобы связанная страница открывалась в новом окне, выберите опция «_blank»).
Примечание. Символы, введенные в поле «Заменить», будут отображаться на странице, когда указатель мыши будет направлен на активную точку при просмотре веб-страницы (рис. 2).
Рисунок 2
4. Повторите шаги 2 и 3 выше, чтобы создать несколько горячих точек в разных частях изображения.
2. Создайте «горячую точку» для изображений в FrontPage2003.
1. Запустите FrontPage2003 и откройте файл веб-страницы, в котором необходимо создать «горячую точку» для изображений.
2. Выполните команду «Вид→Панель инструментов→Изображение», чтобы развернуть панель инструментов «Изображение» (рис. 3).
Рисунок 3
3. Выберите тип активной области (например, «прямоугольник»), а затем перетащите активную область на изображение. В это время система автоматически откроет диалоговое окно «Вставить гиперссылку» (рис. 4).
Рисунок 4
4. Введите URL-адрес для ссылки в строке «Адрес» (например, «www.yesky.com»); нажмите кнопку «Подсказки на экране», чтобы открыть диалоговое окно «Установить подсказки по гиперссылке на экране» (рис. 5). , введите несколько символов описания (например, «天极网»).
Рис. 5
Примечание. «Экранные подсказки» здесь аналогичны функции «Альтернатива» Dreamweaver MX.
4. Таким же образом повторите шаги 3 и 4, описанные выше, чтобы создать несколько горячих точек в разных частях изображения.