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

`", "Блоговые записи - `

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

- Main Navigation →