Создание роддоверов для Web. Создание и разделение среза и подготовка таблицы

17.2 Постановка задачи

Создание роддоверов для Web

Ролловеры позволяют создавать анимации на основе срезов изображения на Web-странице, представляющие собой изменения изображения в ответ на дейст­вия мыши. Ролловеры повышают визуальную привлекательность и удобство ис­пользования Web-страниц, а это, в свою очередь, помогает достичь цели, ради которых и создаются Web-сайты, предоставляя даже случайному посетителю до­полнительную информацию о доступных ссылках и ресурсах сайта.

В этом уроке вы узнаете, как делать следующее:

•  Делить один срез на несколько одинаковых срезов;

•  Группировать выбранные срезы в таблицу;

•  Применять к текстовому слою стиль деформированного текста;

•  Определять состояния ролловеров, влияющие на видимость слоя, стиль слоя
и деформированный текст;

•  Создавать состояния ролловеров Over (Над), Down (Нажатый) и Selected (Вы­
деленный);

•  Задавать различные комбинации скрытых и видимых слоев в качестве назна­ченных условий для различных состояний ролловеров;

•  Генерировать HTML-страницу, которая содержит разрезанное изображение в таблице.

Работа над уроком займет у вас около 60 минут. Для выполнения заданий вам по­требуется только программа Adobe ImageReady.

Папку предыдущего урока можно удалить с жесткого диска и скопировать вместо нее папку Lessons/Lesson17. По мере работы над уроком начальный файл будет перезаписываться. Если потребуется его восстановить, то вы всегда сможете скопировать его с компакт-диска, прилагаемого к книге «Adobe Photoshop CS. Официальный учебный курс».

Пользователям системы Windows 2000 необходимо разблокировать файлы урока, прежде чем начать их использовать. Подробнее это описано во вве­дении, в разделе, посвященном копированию файлов книги «Adobe PhotoshopCS. Официальный учебный курс».

О ролловерах

Ролловеры напоминают хорошо известные Web-эффекты, когда обычный вид (или нормальное состояние) Web-страницы изменяется без фактического пере­хода посетителя на другую страницу сайта. Самым обычным примером являются изменения при наведении мыши на определенную область: когда пользователь наводит указатель мыши на определенную область Web-страницы, она меняется каким-либо образом. Обычно ролловер используется в качестве визуальной под­сказки, подчеркивая, что данная область является «горячей зоной» и что пользо­ватель может щелкнуть мышью, чтобы вызвать изменения на Web-странице, на­пример, переход на другую страницу.

Существуют также ролловеры других типов. Например, некоторые ролловеры реагируют на такие действия пользователя, как щелчок мышью или удерживание кнопки мыши. Некоторые ролловеры, находящиеся в одной области Web-страницы, приводят к изменению другой части страницы.

Эффекты, или состояния ролловеров, представляют различные настройки на палитре Layers (Слои). Эти настройки могут включать в себя видимость слоев, положение слоев, стили слоев и другие параметры форматирования. Этот урок полностью посвящен исследованию примеров того, что можно делать с помощью ролловеров.

6 данном уроке предполагается, что вы уже приобрели базовые знания ра­боты со срезами, либо из собственного опыта, либо из Урока 15, специаль­но посвященного этой теме.