Embedded Files
Практичне завдання
Практичне завдання
Увага! Під час роботи з комп'ютером дотримуйтеся вимог безпеки життєдіяльності та санітарно-гігієнічних норм.
Завдання 1.
Завдання 2. Відкрийте Блокнот або Notepad++, створіть новий документ «Index.html» і збережіть його у власну папку.
2. Створіть веб-сторінку і розмістіть на ній:
•Аудіо файл з альтернативним текстом
•Відео-файл з автозапуском (може працювати неправильно або неспрацювати через несумісність з веб-програвачем) і альтернативним текстом;
•Відео-файл з атрибутом керування і альтернативним текстом;
•Відеофайл з YouTube.
Файли для роботи можна завантажити за посиланням Матеріали до уроку _11 клас_.
3. Оформіть веб-сторінку на власний смак: додайте заголовки, підписи, посилання, кнопки, фонове заповнення (колір або картинка), зображення і т.д.
4. Збережіть свою роботу і перегляньте результат у браузері.
5. Внесіть у разі потреби корективи та продемонструйте роботу вчителю.
Приклад (без оформлення) – (7 балів)
Теги для відображення на веб-сторінці відео, аудіо, зображень та гіперпосилань
<bgsound src="url звукового файлу" loop=кількість відтворень> - відтворення фонового звуку
<bgsound src="url звукового файлу" loop=кількість відтворень> - відтворення фонового звуку
<а href= "school.avi" >відеокліп про школу </а> - посилання на аудіо- та відеофайли
<а href= "school.avi" >відеокліп про школу </а> - посилання на аудіо- та відеофайли
<img src = "1.jpg" dynsrc = "video.avi" start=mouseover loop=2> - відтворення відео- кліпу з повторенням 2 рази
<img src = "1.jpg" dynsrc = "video.avi" start=mouseover loop=2> - відтворення відео- кліпу з повторенням 2 рази
<a href="images/xxx.jpg">Подивись моє фото!</a></p> - посилання на зображення
<a href="images/xxx.jpg">Подивись моє фото!</a></p> - посилання на зображення
<img src="URL" alt="альтернативний текст"> - додавання зображення
<img src="URL" alt="альтернативний текст"> - додавання зображення
<img src=”посилання на картинку” width=300 height =200> - вставка зображення
<img src=”посилання на картинку” width=300 height =200> - вставка зображення
<marquee height=30 width=900><font color=red><h1 align=center>Привіт! Це мій перший сайт!</h1></font></marquee><br> - рухомий текстовий рядок
<marquee height=30 width=900><font color=red><h1 align=center>Привіт! Це мій перший сайт!</h1></font></marquee><br> - рухомий текстовий рядок
<iframe width="250" height="200" src="https://www.youtube.com/embed/ITub7NYgY2Y" ></iframe> - вставка відео з YouTube.
<iframe width="250" height="200" src="https://www.youtube.com/embed/ITub7NYgY2Y" ></iframe> - вставка відео з YouTube.
Page updated
Google Sites
Report abuse