# Завдання з практики HTML: Створення макету блогу ## Цілі навчання Застосуйте свої знання HTML, створюючи та кодуючи структуру головної сторінки блогу. Це практичне завдання допоможе закріпити концепції семантичного HTML, найкращі практики доступності та навички професійної організації коду, які ви будете використовувати протягом вашого шляху у веб-розробці. **Виконуючи це завдання, ви:** - Навчитеся планувати макети вебсайтів перед написанням коду - Правильно застосовувати семантичні елементи HTML - Створювати доступний, добре структурований код - Розвивати професійні звички кодування з коментарями та організацією ## Вимоги до проєкту ### Частина 1: Планування дизайну (візуальний макет) **Створіть візуальний макет головної сторінки вашого блогу, який включає:** - Заголовок із назвою сайту та навігацією - Основну область контенту з принаймні 2-3 прев’ю блогових постів - Бічну панель із додатковою інформацією (розділ "Про нас", останні пости, категорії) - Нижній колонтитул із контактною інформацією або посиланнями **Варіанти створення макету:** - **Ручний ескіз**: Використовуйте папір і олівець, а потім сфотографуйте або відскануйте ваш дизайн - **Цифрові інструменти**: Figma, Adobe XD, Canva, PowerPoint або будь-який додаток для малювання - **Інструменти для створення каркасів**: Balsamiq, MockFlow або подібне програмне забезпечення **Позначте секції вашого макету** HTML-елементами, які ви плануєте використовувати (наприклад, "Заголовок - `

`", "Блогові пости - `

`"). ### Частина 2: Планування елементів HTML **Створіть список, який зіставляє кожну секцію вашого макету з конкретними HTML-елементами:** ``` Example: - Site Header →

- Main Navigation →