Уроки 19, 20
15.11.2024
Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на вебсторінках
урок у Meet о 10.55
https://meet.google.com/yhb-wkiy-ewv
Вітаю! Сьогодні узагальнюємо роботу з графікою в HTML та тренумося додавати стікери та емодзі у HTML код
Крок 1: Пригадуємо
👉Додаємо відео👈
Додати відео на сторінку можна різними способами.
Найпростіший:
відкрити відео на YouTube;
скопіювати код вставки у форматі <>;
вставити в середовище.
Приклад:
<iframe width="560" height="315" src="https://www.youtube.com/embed/Bg_tJvCA8zw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
Крок 2: Опрацюй інформацію щодо додавання емодзі
Крок 3: Переглянь таблицю з кодами для емодзі
👉Крок 4: Завдання
Додай емодзі до сайту за посиланням
1 картинка - 3 бали
________________________________________
Уроки 17, 18
08.11.2024
Мультимедіа на вебсторінках
АСИНХРОННО
Вітаю! Сьогодні опрацюємо додавання мультимедіа на вебсторінки
Крок 1: Переглянь презентацію
Посилання на презентацію
Як додати відео (інструкція)
Як додати відео з YouTube (інструкція) - скористайтеся нею при виконанні практичного завдання
💪Крок 2: Завдання
на 9 балів
на 12 балів
Змінити на інше відео та змінити розміри для відео у режимах "Великий", "Маленький", "Нормальний"
___________________________________________
Уроки 15, 16
25.10.2024
Графіка для вебсередовища. Методи створення та збереження зображень для вебсторінок
урок у Meet о 10.55
https://meet.google.com/yhb-wkiy-ewv
Вітаю! Сьогодні продовжуємо працювати з HTML, опрацюємо створення графіки для вебсторінок, вивчимо методи створення та збереження зображень для вебсторінок
Крок 1: Як створювати графіку для вебсередовища
Ми вже працювали з графікою при створенні сайту-резюме. Але почнемо спочатку
Крок 2: Опрацьовуємо приклади
💪Крок 3: Завдання
на 9 балів
Зміни колір заливки фігури у коді за посиланням
на 12 балів
Зміни колір заливки, форму фігури, колір контуру та розмір фігури у коді за посиланням
Немає коментарів:
Дописати коментар