Завдання 1
Виконати завдання як на картинці.
body: шрифт Arial, відступи margin 0, padding 0, текст вирівняний по центру (text-align: center).
header (верхня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px, колір тексту - темно-фіолетовий (#440088).
nav a (посилання в навігації): margin: 0 10px, без підкреслення (text-decoration: none), жирний шрифт (font-weight: bold), колір темно-фіолетовий (#440088).
main (основний вміст): внутрішній відступ 20px.
video: ширина 50% сторінки.
button: фон темно-фіолетовий (#440088), текст білий, закруглені кути (border-radius: 8px), внутрішній відступ 10px 20px, нижній зовнішній відступ 20px.
audio: ширина 30%, display: block, margin: 20px auto.
footer (нижня частина сторінки): відступ зовнішній зверху 40px, фон світло-фіолетовий (#eeddff), внутрішній відступ 10px, розмір шрифту 14px.
У тілі сторінки:
1. Шапка сайту (header):
- головний заголовок h1 "Web Universe";
- під заголовком розташоване навігаційне меню (nav) із трьох посилань (a): Про нас, Курси, Контакти.
2. Основна частина (main):
Містить два article — окремі блоки сторінки.
- Перший article (відео і кнопка): містить відео (video), яке автоматично відтворюється, повторюється по колу й вимкнений звук за замовчуванням (autoplay, loop, muted), під відео розташована фіолетова кнопка (button) "Записатись на пробне заняття".
- Другий article (відгуки): усередині нього розташована section із заголовком h2 "Відгуки учнів", у секції містяться чотири аудіозаписи (audio controls), які користувач може прослухати безпосередньо на сторінці;
Кожен аудіофайл/відео має альтернативний текст "Ваш браузер не підтримує аудіо/відео" на випадок, якщо браузер не може відтворити звук;
3. Нижній колонтитул (footer):
– розташований у нижній частині сторінки.
– містить текст: "© 2025 Web Universe — всі права захищені".
header (верхня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px, колір тексту - темно-фіолетовий (#440088).
nav a (посилання в навігації): margin: 0 10px, без підкреслення (text-decoration: none), жирний шрифт (font-weight: bold), колір темно-фіолетовий (#440088).
main (основний вміст): внутрішній відступ 20px.
video: ширина 50% сторінки.
button: фон темно-фіолетовий (#440088), текст білий, закруглені кути (border-radius: 8px), внутрішній відступ 10px 20px, нижній зовнішній відступ 20px.
audio: ширина 30%, display: block, margin: 20px auto.
footer (нижня частина сторінки): відступ зовнішній зверху 40px, фон світло-фіолетовий (#eeddff), внутрішній відступ 10px, розмір шрифту 14px.
У тілі сторінки:
1. Шапка сайту (header):
- головний заголовок h1 "Web Universe";
- під заголовком розташоване навігаційне меню (nav) із трьох посилань (a): Про нас, Курси, Контакти.
2. Основна частина (main):
Містить два article — окремі блоки сторінки.
- Перший article (відео і кнопка): містить відео (video), яке автоматично відтворюється, повторюється по колу й вимкнений звук за замовчуванням (autoplay, loop, muted), під відео розташована фіолетова кнопка (button) "Записатись на пробне заняття".
- Другий article (відгуки): усередині нього розташована section із заголовком h2 "Відгуки учнів", у секції містяться чотири аудіозаписи (audio controls), які користувач може прослухати безпосередньо на сторінці;
Кожен аудіофайл/відео має альтернативний текст "Ваш браузер не підтримує аудіо/відео" на випадок, якщо браузер не може відтворити звук;
3. Нижній колонтитул (footer):
– розташований у нижній частині сторінки.
– містить текст: "© 2025 Web Universe — всі права захищені".

Щоб завантажити файл, натисніть на відповідне посилання,
перейдіть на відкриту сторінку з файлом та оберіть «Зберегти як…»
(не натискайте безпосередньо на файл, а клацніть на порожньому місці сторінки щоб завантажити)
Посилання на відео
Посилання на аудіо1
Посилання на аудіо2
Посилання на аудіо3
Посилання на аудіо4
Завдання 2
Виконати завдання як на картинці.
body: шрифт Arial, відступи margin 0, padding 0, текст вирівняний по центру (text-align: center), колір тексту - темно-фіолетовий (#440088).
header (верхня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px.
nav a (посилання в навігації): margin: 0 10px, без підкреслення (text-decoration: none), жирний шрифт (font-weight: bold), колір темно-фіолетовий (#440088).
main (основний вміст): display:flex, justify-content: center, дозволене перенесення рядків (flex-wrap: wrap), відстань між елементами (gap: 30px), внутрішній відступ зверху і знизу 30px (padding: 30px 0).
article: фон світло-сірий (#f0f0f0), закруглені кути (border-radius: 12px), внутрішній відступ 20px, ширина 35%, min-width: 320px.
video: ширина 200px.
.trial: ширина 400px.
footer (нижня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px, розмір шрифту 14px.
У тілі сторінки:
1. Шапка сайту (header):
- головний заголовок h1 "Про нас";
- під заголовком розташоване навігаційне меню (nav) із трьох посилань (a): Курси, Головна, Контакти.
2. Основна частина (main):
Містить два article - окремі блоки сторінки.
- Перший article (пробне заняття): містить відео (video class=\"trial\" controls) та опис: "Пробне заняття — це знайомство зі світом програмування, де ми крок за кроком створюємо свій перший сайт і знайомимось із HTML, CSS та JavaScript.".
- Другий article (роботи учнів): містить чотири відео (video controls), у яких демонструються проєкти учнів, а під ними опис: "Наші учні створюють власні проєкти вже після кількох занять. Це перші сайти, ігри та інтерактивні сторінки — гордість Web Universe!".
3. Нижній колонтитул (footer):
– розташований у нижній частині сторінки.
– містить текст: "© 2025 Web Universe — всі права захищені".
header (верхня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px.
nav a (посилання в навігації): margin: 0 10px, без підкреслення (text-decoration: none), жирний шрифт (font-weight: bold), колір темно-фіолетовий (#440088).
main (основний вміст): display:flex, justify-content: center, дозволене перенесення рядків (flex-wrap: wrap), відстань між елементами (gap: 30px), внутрішній відступ зверху і знизу 30px (padding: 30px 0).
article: фон світло-сірий (#f0f0f0), закруглені кути (border-radius: 12px), внутрішній відступ 20px, ширина 35%, min-width: 320px.
video: ширина 200px.
.trial: ширина 400px.
footer (нижня частина сторінки): фон світло-фіолетовий (#eeddff), внутрішній відступ 15px, розмір шрифту 14px.
У тілі сторінки:
1. Шапка сайту (header):
- головний заголовок h1 "Про нас";
- під заголовком розташоване навігаційне меню (nav) із трьох посилань (a): Курси, Головна, Контакти.
2. Основна частина (main):
Містить два article - окремі блоки сторінки.
- Перший article (пробне заняття): містить відео (video class=\"trial\" controls) та опис: "Пробне заняття — це знайомство зі світом програмування, де ми крок за кроком створюємо свій перший сайт і знайомимось із HTML, CSS та JavaScript.".
- Другий article (роботи учнів): містить чотири відео (video controls), у яких демонструються проєкти учнів, а під ними опис: "Наші учні створюють власні проєкти вже після кількох занять. Це перші сайти, ігри та інтерактивні сторінки — гордість Web Universe!".
3. Нижній колонтитул (footer):
– розташований у нижній частині сторінки.
– містить текст: "© 2025 Web Universe — всі права захищені".

Щоб завантажити файл, натисніть на відповідне посилання,
перейдіть на відкриту сторінку з файлом та оберіть «Зберегти як…»
(не натискайте безпосередньо на файл, а клацніть на порожньому місці сторінки щоб завантажити)
Додатково:
- Створіть нову сторінку «Курси».
- Напишіть ваші враження щодо курсу HTML–CSS.
- Об’єднайте всі сторінки між собою за допомогою посилань у блоці header.
ОБОВ’ЯЗКОВЕ ДОМАШНЄ ЗАВДАННЯ:
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC
WebUniverse