Создание прямоугольной или круглой активной области
Выберите инструмент «Rectangle Hotspot tool» (Прямоугольная активная область) в разделе «Web» панели «Tools» (Инструменты).
Перетяните указатель инструмента по активной области, чтобы нарисовать активную область поверх области графического объекта. Чтобы начать рисование от центральной точки, удерживайте нажатой клавишу «Alt» (Рисунок 30).
Рисунок 30 – Активная область
Создание активной области неправильной формы
Выберите инструмент «Polygon Hotspot tool» (Многоугольная активная область).
Щелчками мыши разместите точки векторов. Независимо от того, будет ли контур замкнутым или открытым, площадь активной области определяется заливкой (Рисунок 31).
Рисунок 30 – Многоугольная активная область
Использование активных областей, расположенных поверх фрагментов
Если имеется большой графический объект, но вам нужна лишь небольшая его часть для использования в качестве активатора действий, поместите активную область поверх фрагмента, чтобы активировать действие или поведение.
Можно также поместить фрагмент над графическим объектом, а затем разместить над текстом активную область. Перемещение указателя мыши активирует эффект ролловера только над текстом, однако при этом будет заменяться вся расположенная внутри фрагмента графика.
Примечание. Не рекомендуется создавать активные области, перекрывающие более одного фрагмента.
Вставьте фрагмент над изображением, которое будет замещено.
Создайте новый кадр на панели «States» (Кадры) и вставьте в него замещающее изображение. Обязательно разместите его под фрагментом, вставленным на шаге 1.
Перетяните линию поведения от активной области до фрагмента, содержащего изображение, которое нужно заменить.
Выберите кадр, содержащий замещающее изображение, из списка «Swap Image»(Замена изображения) , а затем нажмите кнопку «ОК».
5 Контроль по теме
5.1 Разработка контроля усвоения знаний по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
Тест тематического контроля по теме
«Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
Цель тестирования: тест предназначен для контроля качества усвоения знаний по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4».
Тест состоит из 10 заданий. В тесте использованы тестовые задания различной формы. Однотипные задания сгруппированы в блоки.
В начале каждого блока заданий имеется инструкция, указывающая на действия, которые должны быть совершенны для успешного выполнения тестовых заданий.
Время тестирования: 40 минут.
Блок 1
Инструкция: В заданиях с первого по пятое один правильный вариант ответа.
Что такое фрагмент?
a) Web-объект
b) Кусок от целого рисунка
c) Ячейка таблицы
Что определяют направляющие фрагментов?
a) Периметр и положение
b) Путь фрагментов
c) Размер
Что такое ролловер?
a) Cобытие, изменяющее состояние графического объекта
b) Заголовок таблицы
c) Изображение
Какая панель отвечает за связи объекта?
a) Behaviors
b) History
c) Tools
Горячая клавиша инструмента «Slise Tool»?
a) Z
b) F
c) K
Блок 2
Инструкция: В заданиях с шестого по десятое вставьте или допишите нужное слова (слова) в текстовые пробелы.
6. Программа предназначена для «______» и «______», которым нужно быстро создавать, редактировать и оптимизировать изображения для веб-сайтов или мобильных устройств.
7. «______» представляют собой базовые компоненты для создания интерактивности в программе Adobe Fireworks.
8. «______» — элемент пользовательского интерфейса, а точнее — событие, изменяющее состояние графического объекта в зависимости от того, расположен ли над ним указатель мыши.
9. Каждой активной области сопоставляется «______».
10. При экспорте карты ссылок создается графический объект и «______».