Тема. Додавання мультимедійних елементів на сторінку сайта

Ім'я файлу: Практична робота №9. Додавання мультимедійних елементів.docx
Розширення: docx
Розмір: 381кб.
Дата: 19.02.2024
скачати
Пов'язані файли:
Документ Microsoft Word (3).docx
Практична робота № 5. Виконання обчислень і форматування даних у

Практична робота №9

ТЕМА. Додавання мультимедійних елементів на сторінку сайта

ЗАВДАННЯ: додати на сторінку сайта відеофрагменти з можливістю відтворення.

ОБЛАДНАННЯ: будь-який редактор коду (наприклад, Sublime Text, Atom, Notepad++).
Хід роботи

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.

Створіть у теці site теку video. Додайте в неї вибране відео з назвою movie із розширенням .mp4.
Відкрийте в редакторі коду файл gallery.htm.
Для вставлення відео скористайтеся контейнером
.
Створіть два класи: multimedia і multimedia-video.
Контейнер
буде містити всі контейнери класу multimedia-video.
Уведіть у відкритому файлі перед оголошенням блока футера код, наведений на рис. 1:

Розмістіть три відеофрагменти на одному рядку у файлі. Для цього введіть заданий код тричі (рис. 2):

Закрийте зовнішній
.
Відкрийте редактором коду таблицю стилів і додайте форматування створених класів multimedia і multimedia-video (рис. 3).

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

Зробіть висновок: які дії необхідно виконати, щоб отримати можливість відтворення відеофрагментів на сайті та для зміни кількості відеофрагментів.

За підручником: Речич Н. В. Інформатика : вебтехнології (вибірковий модуль для учнів 10–11 класів, рівень стандарту) / Н. В. Речич. — Харків: / Вид-во «Ранок», 2020. — 160 c.

скачати