Вправа 1. Зображення за розкладом

На попередньому занятті ви додали на web-страницу Труби зображення тигра. Давайте скористаємося компонентом Frontpage, щоб забезпечити автоматичну заміну цього малюнка іншим на певний інтервал часу. Для цього виконаєте наступні кроки.

1.  Відкрийте в додатку Frontpage вузол Corporate.

2.  Виведіть вміст сторінки Труби (файл prodol.htm) в режимі перегляду Сторінка.

3.  Помістите курсор правіше за зображення тигра.

4. Виберіть команду Вставити > Малюнок ^ Картинки (Insert > Picture > Clip Art).

5. У текстове поле в області завдань додатку введіть слово Animаls (Тварини), потім клацніть на кнопці Знайти. Поставте покажчик миші на малюнок корови і виберіть в контекстному меню команду Вставити (Insert). На web-странице з'явиться друге зображення, як показано на мал. 24.1.

6. Клацанням на кнопці Зберегти панелі інструментів Стандартна збережете новий варіант сторінки.

7.  У вікні діалогу, що відкрилося, Збереження упроваджених файлів клацніть на кнопці Перейменувати, введіть ім'я logo2 . gi f і клацніть на кнопці ОК.

8. Виділите зображення корови і натисненням клавіші Delete видалите його. Виконані кроки 3-8 ніяк не змінили web-страницу. Вони необхідні, щоб перетворити векторний малюнок бібліотеки Clip Art в растрове зображення формату GIF. Якщо у вас є два заздалегідь підготовлених файлу формату GIF з відповідними малюнками, ці кроки можна опустити.

9. Клацанням виділите зображення тигра.

10. Виберіть команду Вставка > Веб-сервер-компонент. У вікні діалогу, що з'явилося, Вставка компоненту Веб-вузла виділите в списку Тип компоненту: (Component Type.) пункт Включений вміст (Included Content:) і в списку Вибеоїте тип вмісту: (Choose а type of Content) двічі клацніть Тнктерігу іок з розкладом (Picture Based on Schedule), як показано на ST

Мал. 24.1 . Додавання зображення за розкладом

11. У вікні діалогу Властивості малюнка з розкладом (Scheduled Picture Prooertie> показаному на мал. 24.2, клацніть на верхній кнопці Огляд propert1es)

Мал. 24.2. Розклад виведення зображень

12.  Виберіть в списку, що з'явився, файл logo2.gif і клацніть на кнопці ОК.

13.  Клацніть на нижній кнопці Огляд.

14.  Виберіть файл logo.gif і клацніть на кнопці ОК.

15.  За допомогою списків групи, що розкриваються, Закінчення (Ending) встанови ті дату, віддалену вперед від поточної приблизно на два місяці.

16. Клацніть на кнопці ОК.

Настроєний режим виведення зображень ініціює демонстрацію на web-странице файлу logo2.gif (корова) протягом двох місяців. До і після цього інтервалу часу на сторінці з'являтиметься файл logo.gif (тигр). Давайте перевіримо роботу цього мінливого зображення у вікні браузера.

Мал. 24.3. Зміна системного часу

17.  Виберіть команду Файл > Перегляд в оглядачі. Як логотип у вікні Internet Explorer з'явиться зображення корови.

18.  Двічі клацніть на годиннику Панелі завдань Windows.

19.  У вікні діалогу налаштування часі, показаному на мал. 24.3, збільште на 1 номер роки.

20.  Клацніть на кнопці ОК.

21. У вікні Frontpage клацніть на кнопці Зберегти, щоб відновити дату сторінки.

22.  Перемкнетеся у вікно Internet Explorer і натисніть клавішу F5, щоб відновити документ. Тепер на сторінку повернулося зображення тигра, оскільки нова дата не потрапляє в часовий інтервал компоненту Малюнок з розкладом.

23.  Закрийте вікно браузера.

Примітка

Закінчивши експерименти, не забудьте відновити правильну системну дату.