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

 

Начало работы

Начните работу с просмотра HTML-страницы, которую вы будете создавать на ос­нове одного файла формата .psd. Некоторые области рисунка реагируют на действия мыши. Например, изображение меняет вид, когда указатель мыши «пере­катывается» (rolls over) над некоторыми областями рисунка или когда пользова­тель щелкает мышью на этих областях.

Для просмотра HTML-страницы необходимо, чтобы на вашем компьютере был установлен Web-браузер, например Netscape Communicator или Microsoft Internet Explorer.

1  Найдите на рабочем столе папку Lessons/Lesson17/17End и откройте двойным щелчком файл 17End.htmlв Web-браузере, использующемся вашей системой по умолчанию.

2  Проведите указателем мыши над Web-страницей, особенно над левой частью.
Понаблюдайте за тем, как:

•  Изменяется внешний вид изображения;

•  Изменяется форма указателя мыши (от стрелки до кисти руки с вытянутым указательным пальцем).

3    Щелкните мышью на каждой кнопке меню в левой части изображения и об­ратите внимание на различные изменения в странице.

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

4    После просмотра Web-страницы закройте браузер.

Создание состояний ролловеров

Состояние ролловера называется по событию (такому, как щелчок мышью или наведение указателя мыши на область изображения), которое вызывает изменение всего изображения или его части. Все возможные состояния, создаваемые с помощью программы ImageReady, можно найти ниже, на вставке «Состояния ролловеров в программе ImageReady».

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

Состояния ролловеров в программе ImageReady

Программа ImageReady автоматически назначает для создаваемых вами ролло­веров одно из следующих состояний:

Over (Над) Активизирует изображение, когда пользователь проводит указате­лем мыши над срезом или областью карты ссылок, не нажимая кнопку мыши;

Down (Нажатие) Активизирует изображение, когда пользователь щелкает мышью на срезе или области карты ссылок. Состояние видно до тех пор, пока пользователь удерживает кнопку нажатой на этой области;

Click (Щелчок) Активизирует изображение, когда пользователь щелкает мы­шью на срезе или области карты ссылок. Состояние видно до тех пор, пока пользователь не уберет указатель мыши из области ролловера;