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

`", "Публикации в блога - `

`"). ### Част 2: Планиране на HTML елементи **Създайте списък, който свързва всяка секция от вашия макет със специфични HTML елементи:** ``` Example: - Site Header →

- Main Navigation →