Создание кнопки Rollover
Кнопка Rollover – этоизображения, реагирующие на действия пользователя.
Активное изображение создается с помощью меню Insert / Image Objects / Rollover Image. При этом на экране появляется диалоговое окно Insert Rollover Image.
В поле ввода Image name вводится уникальное имя создаваемого активного изображения.
В поле ввода Original image вводится имя файла изначального изображения. Можно также нажать кнопку Browse справа от этого поля ввода и выбрать нужный файл в появившемся на экране диалоговом окне Select Image Source.
В поле ввода Rollover image вводится имя файла перекрывающего изображения, созданное заранее в графическом редакторе и помещенное в папку «image».
Флажок Preload rollover image заставляет Dreamweaver сгенерировать и вставить в HTML-код вашей страницы дополнительный Web-сценарий, который заставит Web-обозреватель заранее загрузить перекрывающее изображение и сохранить его в кэше. Этот флажок включен по умолчанию, и отклю-
чать его не стоит.
В поле ввода Alternate text вводится текст замены. Лучше его ввести.
Последнее поле ввода When clicked, Go to URL задает самое главное — интернет-адрес, по которому произойдет переход, если пользователь щелкнет на изображении. Спасительная кнопка Browse придет на помощь тем, кто не любит стучать по клавиатуре.
Dreamweaver создаст активное изображение после нажатия кнопки ОК диалогового окна Insert Rollover Image.
Создание навигационной панели
Навигационные панели являются самой часто встречающиеся система навигации. Последовательность кнопок располагаются на странице сайта по горизонтали или вертикале. На каждой странице вы можете иметь только одну навигационную панель.
Рисунок кнопок навигационной панели создаются первоначально в графическом редакторе.
Каждая кнопка может иметь до 4 состояний:
· (Up) Первоначальное неактивное положение
· (Over) Указатель мыши наведен на пункт меню
· (Down) Активное положение
· (Over While Down) Подготовительное положение для элемента панели, находящегося в нажатом состоянии.
Необязательно вставлять на панель навигации изображения для всех четырех состояний. Например, можно использовать только состояния "Кнопка не нажата" и " Курсор наведен ".
Для создания навигационной панели нужно выполнить следующие действия:
1. Войдите в меню Insert (Вставка)/Image Objects /(Интерактивное изображение)/Navigation Bar (Навигационную панель).
2. В открывшемся диалоговом окне введите требуемые параметры навигационной панели:
Кнопки "Плюс" и "Минус". Нажмите "Плюс" для вставки элемента, повторный щелчок добавит еще один. Для удаления элемента меню выберите нужный пункт и нажмите кнопку "Минус".
Element name. (Имя элемента). Введите имя для элемента панели навигации. Каждый элемент соответствует кнопке с набором изображений состояния. Имена элементов появляются в списке "Элементы панели навигации". Изменить порядок элементов на панели навигации можно с помощью кнопок со стрелками.
Up image (Кнопка не нажата), Over image (Над), Down image (Кнопка нажата) и Over while down image (При наведении на нажатую кнопку). Выберите изображения для четырех состояний. Обязательным является наличие только изображения "Кнопка не нажата". Другие состояния являются необязательными.
Alternate text (Замещающий текст). Введите описание элемента. Замещающий текст показывается вместо изображений в текстовых браузерах или браузерах с ручной загрузкой изображений. Программы чтения с экрана считывают замещающий текст, и некоторые браузеры отображают этот текст при наведении указателя мыши на элемент меню навигации.
При щелчке перейти по URL-адресу Нажмите кнопку "Обзор", чтобы выбрать нужный связанный файл, затем определите способ его открытия: в том же окне или во фрейме.
Preload images (Загрузка изображений). Выберите этот параметр для загрузки изображений при загрузке страницы. Данный параметр устраняет задержку при наведении курсора мыши на замещающие изображения.
Show «Down image» initially (Изначально показывать изображение в состоянии "Кнопка нажата"). Выберите этот параметр для элементов, которые необходимо отображать изначально в состоянии "Кнопка нажата", а не в установленном по умолчанию состоянии "Кнопка отжата". При применении данного параметра к элементу после его имени в списке "Элементы панели навигации" появляется звездочка.
Insert (Вставка). Определите способ вставки элементов: вертикально или горизонтально.
Нажмите кнопку «ОК».