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