Рис. 5. Общий вид странички содержание Web-сайта.
ImageReady дает возможность создавать эффектные интерактивные элементы дизайна
страниц, не осваивая программирования и не набирая кода. Для создания таких
элементов используется JavaScript, но весь код генерируется ImageReady. Такие
элементы называются rollover.
Интерактивные элементы изменяют свое состояние (внешний вид) в браузере в
зависимости от некольких возможных событий:
– отсутствие событий, то есть обычное состояние, – Normal (Нормальное);
– указатель мыши находится на элементе – Over (Сверху);
– указатель мыши находится на элементе и нажата левая кнопка мыши – Down (Вниз);
– указатель мыши находится на элементе и левая кнопка мыши отпущена – Click (Щелчок).
Интерактивный элемент представляет
собой не одно, а несколько изображений. При возникновении перечисленных событий
браузер заменяет одно из этих изображений другим. На практике чаще всего обходятся
двумя изображениями и двумя событиями: Normal (Нормальное) и Over (Сверху).
Обработкой этих событий, их регистрацией и загрузкой изображений занимается
сценарий JavaScript. По такой технологии создавались кнопки-ссылки в данном
дипломном проекте (рис. 6, 7).
Рис. 6. Вид кнопки находящейся в состоянии Normal.
|