1. Тема заняття:Тема заняття:
ГіперпосиланняГіперпосилання
на Web-сторінціна Web-сторінці
МетаМета::познайомити учнів з видами гіперпосилань;
формувати навички створення гіперпосилань між
HTML-документами та в межах одного HTML-
документа;
• Розвивати логіку, вміння аналізувати,
порівнювати, робити висновки, висловлювати
свою думку;
• Виховувати акуратність, уважність, ввічливість і
дисциплінованість, дбайливе cтавлення до свого
здоров'я.

2. Гіперпосилання є двох видів:
• 1) на файл;
• 2) на деяке місце на певній сторінці:
• • початок сторінки (top),
• • кінець сторінки (bottom),
• • позначений текст.

3. •Гіперпосилання вставляють за
допомогою парного тега
<А параметр HREF >...</А>,
де параметр HREF = "адреса
файлу".
•Тут замість адреси можуть бути
слова top чи bottom чи текст, що є
позначкою.

4. ГіперпосиланняГіперпосилання
текст картинкакартинка

5. •Колір Гіперпосилання визначають у
тезі BODY параметрами:
LINKLINK = "колір" Колір Гіперпосилання
VLINK = "колір" Змінює колір
гіперпосилання після першого його
використання
ALINK = "колір" Змінює колір
активізованого гіперпосилання
Колір гіперпосиланняКолір гіперпосилання

6. ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ..
•Важливо пам'ятати, що звукові файли
мають розширення назв au, wav, mid,
midi, га, а відеофайли – avi, mpeg.
•Щоб вставити звук чи відео, достатньо
як значення параметра HREFHREF у тезі
гіперпосилання задати шлях до
відповідного звукового чи відеофайлу,
який вже є на диску, наприклад, так:
•<А HREF = "mysound.wav"> послухайте
мене (150К) </А>.

7. ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ..
•Щоб звуковий чи відеоефект
повторювався декілька разів, у тезі
<А> використовують параметр
LOOP=n, де п -кількість повторень
•Щоб звук з деякого файлу
пролунав у момент запуску
сторінки, потрібно використати тег
•<BGSOUND SRC = "адреса
звукового файлу">.

8. ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ
• Інший спосіб – використайте тег
<EMBED SRC="aдpeca звукового
файлу">

9. ДИНАМІЧНІ ЕФЕКТИ
•Динамічними називаються
ефекти, коли графічні зображення
на web-сторінці змінюються з
часом, елементи сторінки
змінюють розміри або навіть свій
зміст після клацання над ними
мишею, текст "біжить" уздовж
екрана тощо.

10. ДИНАМІЧНІ ЕФЕКТИ
•Ефект створюється за
допомогою парного тега
<MARQUEE>...</MARQUEE>

11. Практична роботаПрактична робота
•ЗавданняЗавдання
•Створіть веб-сторінку мовою HTML Пори
року. на якій є меню: Весна, Літо, Осінь,
Зима .
•Вставте звуковий файл в основну сторінку;
•Вставте у свій файл гіперпосилання на
сторінки Весна, Літо, Осінь, Зима, описані у
цьому параграфі: графічні, звукові та
відеофайли, які доступні на вашому
комп'ютері; Застосуйте гіперпосилання для
переходу на сторінки ;
• Застосуйте тег MARQUEE до різних
заголовків використовуючи різні його
параметр

12. Домашнє завдання
• Опрацювати конспект
• Удосконалити власну веб-
сторінку на тему “Моє хобі”
використавши вивчені теги