Упражнение 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 a 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.  Закройте окно браузера.

Примечание

Окончив эксперименты, не забудьте восстановить правильную системную дату.