Використання анімації при зміні сторінок

Програма FrontPage| дозволяє використовувати анімаційні ефекти при переході між сторінками Web-узла|. Для завдання цього ефекту використовується діалогове окноСмена| сторінок (Page| Transitions|) (мал. 20.12), таке, що відкривається при виборі однойменної команди меню Формат (Format|).

Мал. 20.12. Діалогове вікно Зміна сторінок

Список Подію (Event|) даного діалогового вікна містить перелік подій (табл. 20.3), при настанні яких застосовуються анімаційні ефекти.

Таблиця 20.3. Події, при настанні яких виконуються анімаційні ефекти переходу між сторінками

Подія	Опис
Вхід на сторінку  (Page| Enter|)	При відкритті сторінки
Вихід із сторінки  (Page| Exit|)	При виході із сторінки
Вхід на вузол (Site| Enter|)	При вході на Web-узел|
Вихід з вузла (Site| Exit|)	При переході із сторінки одного Web-узла| на сторінку іншого вузла

У полі Тривалість (Duration|) можна задати тривалість створюваного ефекту (у секундах).

Попередження

Ми вже не раз говорили про те, що одне з головних завдань, що стоять перед розробником Web-узла|, — добитися того, щоб Web-страницы| завантажувалися швидко. Отже не збільшуйте час завантаження, вводячи великі значення в поле Тривалість.

Для вибору ефекту переходу використовується список Ефект (Transitions| Effect|), що містить безліч елементів.

Для сторінки, до якої застосований ефект переходу, на вкладці Інші (Custom|) діалогового вікна Властивості сторінки (Page| Properties|) з'являється відповідний запис з вказівкою найменування події і його параметрами. На мал. 20.13 показано діалогове вікно властивостей сторінки, при виході з якою використовуватиметься эффектРастворение| тривалістю 5 секунд. Використовуючи кнопки Додати (Add|),Изменить| (Modify|) і Видалити (Remove|), можна додавати в цей список нові ефекти, модифікувати встановлені або видаляти ефекти, від яких вирішили відмовитися.

Мал. 20.13. Вкладка Інші діалогового вікна Властивості сторінки містить параметри ефекту переходу

Списки, що згортаються

Щоб пожвавити Web-страницы|, не обов'язково використовувати анімацію або складні DHTML-эффекты|. Деколи достатньо невеликої дрібниці, і потрібний ефект буде досягнутий.

Розглянемо використання на Web-страницах| списків, що згортаються, створюються на основі списків, що мають багаторівневу структуру. При завантаженні сторінки, що містить багаторівневі списки, створені з використанням даної властивості, на екрані відображаються тільки елементи першого рівня. Для розкриття елементів наступного рівня необхідно встановити курсор на елемент попереднього рівня.

Щоб зробити список таким, що згортається, виконаєте наступні дії:

1. Створіть на Web-странице| багаторівневий список. 2. Виділіть його, натисніть праву кнопку миші і виберіть команду контекстного менюСвойства| списку (List| Properties|). Відкривається однойменне діалогове вікно (мал. 20.14). 3. У нижній частині діалогового вікна розташовані прапорці Включити структури (Enable| Collapsible| Outlines|), що згортаються, і Спочатку скрутити (Initially| Collapsed|). Встановите їх.  4. Натисніть кнопку ОК для закриття диштогового| вікна Властивості списку. 5. Перейдіть в режим попереднього перегляду сторінки, вибравши вкладку Перегляд(Preview|) в нижній частині робочої області. На екрані відображаються тільки елементи верхнього рівня многоуровнего| списку. Клацніть мишею на першому елементі списку. Список розкривається, показуючи елементи другого рівня вибраного елементу (мал. 20.15). При повторному клацанні миші список згортається.

Мал. 20.14. Діалогове вікно Властивості списку дозволяє сделагь| список таким, що згортається

Мал. 20.15. Проглядання списку, що згортається