Интерактивные макеты в действии
Предположим, что Борис отвечает за рекламу музыкальной группы. У группы имеется график выступлений, который постоянно обновляется. Борис должен обеспечить следующее:
- Чтобы у группы был интересный SWF-сайт, в котором представлено новейшее расписание.
- Чтобы у группы также был интересный HTML-сайт, содержащий новейшее расписание, для тех поклонников, у которых нет программы Flash Player.
- Чтобы у группы был список рассылки, по которому периодически рассылается листок прямой рассылки с текущим расписанием выступлений группы.
Определив графический образ группы, Борис создает листок прямой рассылки с помощью макета для печати в проекте QuarkXPress и импортирует в него текущее расписание выступлений.
Стандартный макет для печати QuarkXPress.
Добившись требуемого вида макета, он выбирает команду Макет > Дублировать для копирования содержимого в Web-макет в этом же проекте. Теперь можно работать над HTML-версией страницы в этом же файле.
Web-макет, созданный путем дублирования макета для печати.
Теперь Борис копирует Web-макет в интерактивный макет, опять с помощью команды Макет > Дублировать.
Для добавления интерактивности он решает, что при открытии SWF-презентации конечным пользователем гитара должна появляться в окне с правой стороны. Для этого Борис выполняет следующие операции:
- Он добавляет красную линию, вдоль которой будет перемещаться гитара. Используя палитру Интерактивный, он превращает ее в базовый объект с именем «GuitarPath» (Траектория гитары). В пункте Параметры он выбирает значение Исходно скрыт (чтобы конечный пользователь не видел эту линию).
- Он выбирает рисунок гитары и использует палитру Интерактивный для преобразования его в объект «Анимация» с именем «SlidingGuitar» (Перемещающаяся гитара). Чтобы указать, что гитара должна перемещаться вдоль красной линии, он выбирает пункт Элемент на траектории из раскрывающегося меню Отображать как, затем выбирает GuitarPath (красная линия) в раскрывающемся меню Траектория. Для задания скорости перемещения он вводит значение 4 в поле Скорость.
Используйте вкладку Объект для преобразования элемента в объект «Анимация».
Для воспроизведения этой анимации Борис выполняет две операции:
- Он создает сценарий, воспроизводящий анимацию.
Вкладка Сценарий позволяет создавать сценарии.
- Он связывает этот сценарий с первой страницей презентации таким образом, чтобы сценарий выполнялся при отображении страницы; для этого он выбирает имя сценария в раскрывающемся меню Сценарий при входе для этой страницы.
p-content/uploads/sub/quarkxpress/ru/source/images/example_page_script_playanimation.jpg">
Вкладка Страница позволяет назначать сценарии страницам.
Теперь Борис хочет добавить кнопку, открывающую HTML-сайт менеджера группы в отдельном окне. Для создания кнопки он рисует графический блок, называет его «WebSiteButton» (Кнопка Web-сайта), выбирает пункт Кнопка в раскрывающемся меню Тип объекта, затем выбирает пункт Создать в раскрывающемся меню Кнопка. При этом создается макет типа «Кнопка» с четырьмя страницами, на которых Борис создает четыре состояния для объекта типа «Кнопка» (кстати, пользуясь только средствами QuarkXPress). Различные состояния кнопки позволяют Борису создать обратную связь для конечного пользователя; при наличии разных изображений для каждого состояния вид кнопки зависит от того, нажата она или отпущена, включена или выключена.
Палитра Макет страницы позволяет просматривать состояния создаваемой кнопки.
Теперь Борис должен настроить эту кнопку, поэтому он переключается обратно в макет презентации и задает, что кнопка должна открывать Web-сайт группы; для этого он добавляет операцию Открыть URL для пользовательского события Кнопка мыши отпущена этой кнопки.
Вкладка Событие позволяет назначать события различным состояниям объекта «Кнопка».
Теперь Борис хочет добавить в презентацию анимированную последовательность логотипов. Для создания последовательности изображений он рисует графический блок, называет его «Анимированный логотип», выбирает пункт Анимация в раскрывающемся меню Тип объекта, выбирает пункт Последовательность в блоке в раскрывающемся меню Отображать как, затем выбирате пункт Создать в раскрывающемся меню Последовательность. При этом создается макет типа «Последовательность изображений». Борис добавляет 10 страниц в макет типа «Последовательность изображений», затем создает 11 кадров анимации по одному кадру на каждой странице.
Палитра Макет страницы позволяет просматривать кадры последовательности изображений.
Для воспроизведения анимации он добавляет операцию Воспроизвести анимацию в тот же сценарий, который использовался для запуска анимации «Sliding Guitar».
SWF-страница для расписания выступлений группы готова, поэтому он выбирает команду Файл > Экспорт > Экспорт для Macromedia Flash, задает параметры экспорта и экспортирует презентацию в формат SWF.
Диалоговое окно Экспорт для Macromedia Flash позволяет задавать параметры экспорта.
Когда все три версии страницы–для печати, Web и интерактивная–готовы, Борис с помощью палитры Общее содержимое синхронизирует расписания выступлений во всех трех макетах. Затем он печатает макет для печати, экспортирует Web-макет в формат HTML и экспортирует интерактивный макет в формат SWF.
Через неделю поступает новый вариант расписания выступлений. Борис открывает проект и начинает с ввода нового расписания в макет для печати. Разделив окно, он может сразу же видеть, что остальные два макета также обновляются.
Функция отображения нескольких макетов QuarkXPress позволяет наблюдать одновременное обновление содержимого в макете для печати и в интерактивном макете.
Теперь осталось только экспортировать Web-макет и интерактивный макет, после чего обновление узла завершено. Если надо распечатать новый листок для прямой почтовой рассылки, то он также готов.