Щоб додати на web-страницу Труби звуковий файл, виконаєте наступні кроки.

Відкрийте файл prodol.htm вузла Corporate в режимі Сторінка.

Введіть в кінець сторінки пропозицію Наші мідні труби можуть видавати музичні звуки, ви чули їх при відкритті цієї сторінки.

Виберіть команду Файл > Властивості (File > Properties). На вкладці Загальні клацніть на кнопці Огляд, розташованій в розділі Фоновий звук (Background Sound).  

У вікні діалогу, що відкрилося, знайдіть теку, в яку був встановлений пакет Office XP, відкрийте вкладену в неї теку Office10 і виберіть файл reminder.wav. Клацніть на кнопці Відкрити.

Потім закрийте вікно властивостей, клацнувши на кнопці ОК.  

Виберіть команду Файл > Зберегти. У вікні діалогу, що з'явилося, Збереження упроваджених файлів клацніть на кнопці ОК.  

Щоб прослуховувати звуковий супровід, клацніть на вкладці Перегляд. Відразу ж після завантаження сторінки ви почуєте звук файлу reminder, що періодично повторюється.wav.

У всіх попередніх вправах, за винятком останнього, ви будували статичні web-страницы. Їх вміст не мінявся в процесі перегляду. Frontpage дозволяє створювати і динамічні сторінки, які не просто відображають дані, але і реагують на певні дії користувача, наприклад на переміщення покажчика

ДР.ОКН-36.09.01 ПЗ | Арк.

11

Зм. | Арк. | №документа | Підпис | Дата

миші.

Щоб наділити домашню сторінку вузла Frames новими можливостями, виконаєте наступні кроки.

Відкрийте web-узел Frames, перейдіть в режим перегляду Сторінка і відкрийте в нім файл index, htm.

Клацніть правою кнопкою миші на будь-якій панелі інструментів і виберіть в контекстному меню пункт Ефекти DHTML (DHTML Effects). З'явиться панель інструментів динамічних ефектів. 

Клацанням виділите зображення тигра у верхньому кадрі сторінки.

У списку, що розкривається, Вибір події (Choose An Event) виберіть пункт Наведення миші (Mouse Over).

У списку Вибір ефекту (Choose An Effect) виберіть пункт Заміна малюнка (Swap Picture).

У списку Налаштування (Effect Settings) клацніть на пункті Вибір малюнка (Choose Picture). Відкриється вікно діалогу Малюнок.  

У списку файлів знайдіть графічний файл у форматі GIF, наприклад, створений у вправі 1 файл logo2.gif, що містить Зображення корови, (С:/мої документи /mywebs/corporate/images/logo2.gif) і клацніть на кнопці Open (Відкрити). Призначений ефект ініціюватиме зміну зображення тигра на малюнок корови у момент переміщення покажчика на зображення. Коли користувач прибере покажчик убік, на сторінці знов з'явиться тигр.

Тепер давайте додамо ефект, який відтворюватиметься автоматично після завантаження web-сторінки.

Виділите в правому кадрі фразу Товари компанії Геркулес відрізняються високою якістю  

У списку, що розкривається, Вибір події виберіть пункт Завантаження сторінки (Page Load).  

У списку, що розкривається, Вибір ефекту виберіть пункт Падіння по одному слову (Drop In By Word).

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

Щоб протестувати додані ефекти, клацніть на корінці Перегляд. Відразу після .

ДР.ОКН-36.09.01 ПЗ | Арк.

12

Зм. | Арк. | №документа | Підпис | Дата

завантаження сторінки з кадрами рядок, виділений на кроці 8, відсутній. Її слова з'являються пізніше, вилітавши по черзі зверху.  

Перемістите покажчик миші на зображення тигра. Воно зміниться на малюнок корови. Приберіть покажчик убік — тигр повернеться на колишнє місце. Такий прийом зміни зображення часто використовується для підсвічування малюнків з гіперпосиланнями. Це допомагає користувачеві відрізняти малюнки, додані як оформлення, від тих, які дозволяють дістати доступ до інших ресурсів Інтернету.

ВІДЕОКЛІПИ

Frontpage дозволяє розміщувати на web-страницах не тільки звуки, але і відеокліпи. У цій вправі в кадр змісту вузла Frames буде додано гіперпосилання на сторінку з відеокліпом.

Щоб відкрити вузол Frames, виберіть команду Файл > Відкрити веб-вузол. За допомогою списку, що розкривається, Тека і списку файлів вікна діалогу Відкриття веб-вузла (Open Web) знайдіть теку Frames. Розкрійте її подвійним клацанням на відповідному значку. Потім клацніть на кнопці Відкрити.  

У панелі режимів клацніть на значку Теки.

У списку файлів вузла двічі клацніть на значку index, htm, щоб відкрити в режимі Сторінка (Page) основну сторінку з кадрами.

Клацніть в лівому кадрі праворуч від посилання Цвяхи і натисніть клавішу Enter.

Введіть слово Відеокліп і, щоб виділити його, натисніть клавіші Shift+ctrl+<-.

Клацніть на виділеному слові правою кнопкою миші і виберіть команду Hyperlink.  

У вікні діалогу (мал. 24.15), що відкрилося, в полі Адреса: введіть ім'я video. htm.  

Клацніть на кнопці Вибір рамки..  

У вікні діалогу, що відкрилося, в списку Загальні об'єкти виділите пункт Сторінка цілком (Whole Page). Таке налаштування цільового кадру змусить сторінку з відеокліпом замінити сторінку з кадрами, звільнивши відеокліпу по можливості більший простір вікна браузера.  

Двічі клацніть на кнопці ОК.

Щоб зберегти новий варіант домашньої сторінки, клацніть на кнопці Зберегти панелі

ДР.ОКН-36.09.01 ПЗ | Арк.

13

Зм. | Арк. | №документа | Підпис | Дата

інструментів Стандартна. Гіперпосилання на відеокліп готове. Тепер для його демонстрації потрібно створити саму web-страницу.  

Клацніть на кнопці Створити панелі інструментів Стандартна.

На порожній сторінці, що з'явилася, введіть слова Домашня сторінка, виділите їх і клацніть на кнопці Гіперпосилання панелі інструментів Стандартна.

У вікні діалогу налаштування гіперпосилання клацніть на значку файлу index, htm, а потім на кнопці ОК. Отримане посилання дозволить користувачеві після проглядання відеокліпа повернутися на домашню сторінку.

Натисніть клавішу Enter.

Виберіть команду Вставка > Малюнок > Відеокліп (Insert > Picture > Video).

У вікні діалогу Video (Відеокліп) виберіть будь-який файл з розширенням AVI. Якщо на жорсткому диску не опинився жодного відеокліпа, отримаєте такий файл через інтернет з якого-небудь web-узла.  

Клацніть на кнопці Відкрити.

Виберіть команду Файл > Зберегти. У вікні діалогу, що відкрилося, введіть ім'я video, htm і клацніть на кнопці Зберегти.