8.3. Меняющиеся кнопки

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

1. Откройте в режиме редактирования Web-страницу, на кото-

рой хотите разместить кнопки.

2. Установите курсор в место предполагаемого расположения первой кнопки.

3. В меню Вставка выберите команду Веб-компонент. От-

крывается диалоговое окно Вставка компонента веб-узла.

4. Из списка компонентов выберите значение Динамические эффекты. При этом в правом списке окна отображаются динамиче- ские объекты программы FrontPage.

5. Из правого списка выберите значение Меняющаяся кноп- ка и нажмите кнопку Готово. Откроется диалоговое окно Свойст- ва меняющейся кнопки (рис. 8.3), позволяющее определить пара- метры кнопки, размещаемой на Web-странице.

_{Рис. 8.3. Диалоговое окно Свойства меняющейся кнопки}

ку.

6. Введите в поле Текст кнопки текст, помещаемый на кноп-

_{7. Чтобы установить гиперссылку, в поле Ссылка на введите}

адрес URL или нажмите кнопку Обзор и в открывшемся диалого- вом окне Выбор гиперссылки для меняющейся кнопки (рис. 8.4) выберите объект (Web-страницу, закладку, файл и т. д.), на который создается ссылка. Затем нажмите кнопку ОК.

8. Используя раскрывающийся список Цвет кнопки, задайте первоначальный цвет кнопки.

Рис. 8.4. Выбор гиперссылки для меняющейся кнопки

9. Список Эффект содержит 7 значений, определяющих эф- фекты цветового оформления, предоставляемых программой FrontPage. Выберите из списка первое значение Заливка.

10. Используя поля Ширина и Высота, введите размер кноп-

ки (в пикселах).

11. Из списка Цвет эффекта выберите цвет, который будет использоваться в создании эффекта.

В оформлении изменяющейся кнопки можно применять гра- фическое изображение и звук. Для использования этих возможно- стей в диалоговом окне Свойства меняющейся кнопки нажмите

кнопку Другие. Откроется диалоговое окно Другие эффекты (рис.

8.5), содержащее две области. Верхняя область Воспроизведение звука содержит два поля Щелчок и Наведение, в которых можно указать звуковые файлы, воспроизводимые, соответственно, при нажатии кнопки и при установке на нее курсора. Область Произ- вольный рисунок позволяет задать графические изображения, ис- пользуемые для оформления кнопки. Поле Кнопка содержит на- именование графического файла, размещенного на кнопке. Чтобы указать изображение, которое будет появляться на кнопке при ус- тановке на нее курсора, используется поле Наведение.

12. Завершив настройку параметров кнопки, нажмите кнопку

ОК для закрытия диалогового окна.

Рис. 8.5. Диалоговое окно Другие эффекты для изменяющейся кнопки

13. Аналогичным образом разместите на Web-странице ос- тальные 6 кнопок. При оформлении кнопок можете использовать не только различные эффекты из списка Эффект, но и разное цвето- вое оформление, комбинируя цвета из списков Цвет кнопки и Цвет эффекта.

14. Загрузите в обозреватель страницу с размещенными на ней кнопками или перейдите в режим просмотра страницы, выбрав вкладку Просмотр, находящуюся в нижней части рабочей области.

15. Поочередно устанавливая курсор на разные кнопки, по- смотрите, как они выглядят в зависимости от примененного к ним эффекта. Например, при установке курсора на кнопку, к которой применен эффект Заливка, кнопка окрашивается в цвет, заданный с помощью списка Цвет эффекта. Посмотрите, как выглядит кноп- ка с эффектом Свечение в центре. В центре кнопки располагаются концентрические окружности разной насыщенности, заданные с помощью списка Цвет эффекта.