SlideShare a Scribd company logo
1 of 12
Тема заняття:Тема заняття:
ГіперпосиланняГіперпосилання
на Web-сторінціна Web-сторінці
МетаМета::познайомити учнів з видами гіперпосилань;
формувати навички створення гіперпосилань між
HTML-документами та в межах одного HTML-
документа;
• Розвивати логіку, вміння аналізувати,
порівнювати, робити висновки, висловлювати
свою думку;
• Виховувати акуратність, уважність, ввічливість і
дисциплінованість, дбайливе cтавлення до свого
здоров'я.
Гіперпосилання є двох видів:
• 1) на файл;
• 2) на деяке місце на певній сторінці:
• • початок сторінки (top),
• • кінець сторінки (bottom),
• • позначений текст.
•Гіперпосилання вставляють за
допомогою парного тега
<А параметр HREF >...</А>,
де параметр HREF = "адреса
файлу".
•Тут замість адреси можуть бути
слова top чи bottom чи текст, що є
позначкою.
ГіперпосиланняГіперпосилання
текст картинкакартинка
•Колір Гіперпосилання визначають у
тезі BODY параметрами:
LINKLINK = "колір" Колір Гіперпосилання
VLINK = "колір" Змінює колір
гіперпосилання після першого його
використання
ALINK = "колір" Змінює колір
активізованого гіперпосилання
Колір гіперпосиланняКолір гіперпосилання
ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ..
•Важливо пам'ятати, що звукові файли
мають розширення назв au, wav, mid,
midi, га, а відеофайли – avi, mpeg.
•Щоб вставити звук чи відео, достатньо
як значення параметра HREFHREF у тезі
гіперпосилання задати шлях до
відповідного звукового чи відеофайлу,
який вже є на диску, наприклад, так:
•<А HREF = "mysound.wav"> послухайте
мене (150К) </А>.
ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ..
•Щоб звуковий чи відеоефект
повторювався декілька разів, у тезі
<А> використовують параметр
LOOP=n, де п -кількість повторень
•Щоб звук з деякого файлу
пролунав у момент запуску
сторінки, потрібно використати тег
•<BGSOUND SRC = "адреса
звукового файлу">.
ВСТАВКАВСТАВКА ЗВУКУЗВУКУ ІІ
ВІДЕОЗОБРАЖЕННЯВІДЕОЗОБРАЖЕННЯ
• Інший спосіб – використайте тег
<EMBED SRC="aдpeca звукового
файлу">
ДИНАМІЧНІ ЕФЕКТИ
•Динамічними називаються
ефекти, коли графічні зображення
на web-сторінці змінюються з
часом, елементи сторінки
змінюють розміри або навіть свій
зміст після клацання над ними
мишею, текст "біжить" уздовж
екрана тощо.
ДИНАМІЧНІ ЕФЕКТИ
•Ефект створюється за
допомогою парного тега
<MARQUEE>...</MARQUEE>
Практична роботаПрактична робота
•ЗавданняЗавдання
•Створіть веб-сторінку мовою HTML Пори
року. на якій є меню: Весна, Літо, Осінь,
Зима .
•Вставте звуковий файл в основну сторінку;
•Вставте у свій файл гіперпосилання на
сторінки Весна, Літо, Осінь, Зима, описані у
цьому параграфі: графічні, звукові та
відеофайли, які доступні на вашому
комп'ютері; Застосуйте гіперпосилання для
переходу на сторінки ;
• Застосуйте тег MARQUEE до різних
заголовків використовуючи різні його
параметр
Домашнє завдання
• Опрацювати конспект
• Удосконалити власну веб-
сторінку на тему “Моє хобі”
використавши вивчені теги

More Related Content

More from Людмила Олефіренко

презантація досвіду вчителя математики
презантація досвіду вчителя математики презантація досвіду вчителя математики
презантація досвіду вчителя математики Людмила Олефіренко
 
Конкурсна робота учениці 11 класу Тищенко Аліни
Конкурсна робота учениці 11 класу Тищенко АліниКонкурсна робота учениці 11 класу Тищенко Аліни
Конкурсна робота учениці 11 класу Тищенко АліниЛюдмила Олефіренко
 
Презентація соціального проекту "Дихай вільно"
Презентація соціального проекту "Дихай вільно"Презентація соціального проекту "Дихай вільно"
Презентація соціального проекту "Дихай вільно"Людмила Олефіренко
 

More from Людмила Олефіренко (20)

презентация досвіду
презентация досвідупрезентация досвіду
презентация досвіду
 
проект
проектпроект
проект
 
презнтація ікт і батьки
презнтація ікт і батькипрезнтація ікт і батьки
презнтація ікт і батьки
 
загальна
загальназагальна
загальна
 
Globus.pptx
Globus.pptx Globus.pptx
Globus.pptx
 
презентаци до уроку
презентаци до урокупрезентаци до уроку
презентаци до уроку
 
презентаци до уроку
презентаци до урокупрезентаци до уроку
презентаци до уроку
 
конспект.
конспект.конспект.
конспект.
 
досв д
досв ддосв д
досв д
 
Babochki na-listyah
Babochki na-listyahBabochki na-listyah
Babochki na-listyah
 
досвід
досвіддосвід
досвід
 
презентація кабінету інформатики
презентація кабінету інформатикипрезентація кабінету інформатики
презентація кабінету інформатики
 
презантація досвіду вчителя математики
презантація досвіду вчителя математики презантація досвіду вчителя математики
презантація досвіду вчителя математики
 
презентація досвіду 1
презентація досвіду 1презентація досвіду 1
презентація досвіду 1
 
презентация1
презентация1презентация1
презентация1
 
сказка про ліс
сказка про ліссказка про ліс
сказка про ліс
 
презентаци до уроку
презентаци до урокупрезентаци до уроку
презентаци до уроку
 
конспект уроку
конспект урокуконспект уроку
конспект уроку
 
Конкурсна робота учениці 11 класу Тищенко Аліни
Конкурсна робота учениці 11 класу Тищенко АліниКонкурсна робота учениці 11 класу Тищенко Аліни
Конкурсна робота учениці 11 класу Тищенко Аліни
 
Презентація соціального проекту "Дихай вільно"
Презентація соціального проекту "Дихай вільно"Презентація соціального проекту "Дихай вільно"
Презентація соціального проекту "Дихай вільно"
 

заняття 6