8.5. Использование анимации при смене страниц
Программа FrontPage позволяет использовать анимационные эффекты при переходе между страницами Web-узла. Для задания этого эффекта используется диалоговое окно Смена страниц (рис.
8.7), открываемое из меню Формат.
Список Событие данного диалогового окна содержит пере-
чень событий, при наступлении которых применяются анимацион-
ные эффекты.
Рис. 8.7. Диалоговое окно Смена страниц
В поле Длительность можно задать продолжительность соз- даваемого эффекта (в секундах). Для того чтобы Web-страницы за- гружались не очень долго, не увеличивайте сильно время загрузки, вводя большие значения в поле Длительность.
Для выбора эффекта перехода используется список Эффект,
содержащий множество элементов.
Рис. 8.8. Параметры эффекта перехода на вкладке Другие диало-
Гового окна Свойства страницы
Для страницы, к которой применен эффект перехода, на вкладке Другие диалогового окна Свойства страницы появляется соответствующая запись с указанием наименования события и его параметрами. На рис. 8.8 показано диалоговое окно свойств стра- ницы, при выходе с которой будет использоваться эффект Раство- рение продолжительностью 5 секунд. Используя кнопки Добавить, Изменить и Удалить, можно добавлять в этот список новые эф-
фекты, модифицировать установленные или удалять эффекты, от которых решили отказаться.
8.6. Сворачивающиеся списки
Чтобы оживить Web-страницы, порой не обязательно исполь- зовать анимацию или сложные DHTML-эффекты. Рассмотрим ис- пользование на Web-страницах сворачивающихся списков, созда-
ваемых на основе списков, имеющих многоуровневую структуру.
При загрузке страницы, содержащей многоуровневые списки, соз- данные с использованием данного свойства, на экране отображают- ся только элементы первого уровня. Для раскрытия элементов сле- дующего уровня необходимо установить курсор на элемент преды- дущего уровня.
Чтобы сделать список сворачивающимся, выполните следую-
щие действия:
1. Создайте на Web-странице многоуровневый список.
2. Выделите его, нажмите правую кнопку мыши и выберите команду контекстного меню Свойства списка. Открывается одно- именное диалоговое окно (рис. 8.9).
Рис. 8.9. Диалоговое окно Свойства списка
3. В нижней части диалогового окна установите флажки
Включить свертываемые структуры и Изначально свернуть.
4. Нажмите кнопку ОК.
5. Перейдите в режим предварительного просмотра страницы, выбрав вкладку Просмотр в нижней части рабочей области. На эк- ране отображаются только элементы верхнего уровня многоуров- невого списка. Щелкните мышью на первом элементе списка. Спи-
сок раскрывается, показывая элементы второго уровня (рис. 8.10).
При повторном щелчке мыши список сворачивается.
8.7. Объявление на странице
Объявлением на странице называется специальным образом оформленный заголовок страницы. Этот элемент страницы также называют баннером. По умолчанию при создании баннера предпо- лагается, что в качестве заголовка будет использоваться имя стра- ницы, располагающееся в структурной схеме Web-узла.
Ознакомимся с баннером на простом примере.
1. Создайте новый одностраничный тестовый Web-узел.
2. Для перехода в режим просмотра структуры нового узла нажмите кнопку Переходы на панели режимов Представления.
3. В центре структурной схемы расположен прямоугольник,
условно обозначающий домашнюю страницу нашего одностранич- ного Web-узла. Установите на него курсор и выберите в контекст- ном меню команду Переименовать.
4. Введите новое название страницы (например, Заголовок страницы), и нажмите клавишу <Enter> (рис. 8.11).
5. Перейдите в режим редактирования страницы. Для этого дважды щелкните на наименовании страницы в области Список папок или на прямоугольнике, обозначающем страницу.
6. Чтобы разместить баннер на странице, выберите в меню
Вставка команду Объявление на странице. Открывается диало-
говое окно Свойства объявления на странице (рис. 8.12), в поле
Текст объявления которого уже содержится текст Заголовок страницы, введенный нами в режиме Переходы.
7. Введите в это поле другое название заголовка (например,
Новый заголовок страницы), и нажмите кнопку ОК.
8. Перейдите в режим Переходы и убедитесь, что новое, вве- денное в диалоговом окне Свойства объявления на странице зна- чение заголовка отображается в центре прямоугольника, обозна- чающего эту страницу.
Если позднее вы захотите изменить текст баннера:
1. Откройте диалоговое окно Свойства объявления на стра- нице, используемое также при создании баннера. Для этого устано- вите курсор на баннер и выполните одно из следующих действий:
• Дважды щелкните мышью;
• Щелкните правой кнопкой мыши и выберите в контекстном меню команду Свойства объявления на странице.
2. Введите в поле Текст объявления новый заголовок и на- жмите кнопку ОК. Если вы теперь перейдете в режим переходов, то увидите, что изменилось наименование страницы. Применяя темы для оформления Web-страницы, можно сделать вашу страницу бо- лее привлекательной, разместив в баннерах графические изображе- ния. На рис. 8.13 представлена страница, оформленная с примене- нием одной из тем, предлагаемых программой FrontPage.
