# Exercițiu Practic HTML: Crearea unui Mockup de Blog ## Obiective de Învățare Aplică cunoștințele tale de HTML prin proiectarea și codarea structurii complete a unei pagini principale de blog. Acest exercițiu practic va consolida conceptele de HTML semantic, cele mai bune practici de accesibilitate și abilitățile de organizare profesională a codului pe care le vei folosi pe parcursul carierei tale în dezvoltarea web. **Prin finalizarea acestui exercițiu, vei:** - Exersa planificarea layout-urilor site-urilor înainte de codare - Utiliza elementele HTML semantice în mod corespunzător - Crea markup accesibil și bine structurat - Dezvolta obiceiuri profesionale de codare prin comentarii și organizare ## Cerințele Proiectului ### Partea 1: Planificarea Designului (Mockup Vizual) **Creează un mockup vizual al paginii principale a blogului tău care să includă:** - Header cu titlul site-ului și navigație - Zona principală de conținut cu cel puțin 2-3 previzualizări ale postărilor de blog - Sidebar cu informații suplimentare (secțiunea despre, postări recente, categorii) - Footer cu informații de contact sau linkuri **Opțiuni pentru Crearea Mockup-ului:** - **Schită desenată manual**: Folosește hârtie și creion, apoi fotografiază sau scanează designul - **Instrumente digitale**: Figma, Adobe XD, Canva, PowerPoint sau orice aplicație de desen - **Instrumente de wireframe**: Balsamiq, MockFlow sau software similar de wireframing **Etichetează secțiunile mockup-ului** cu elementele HTML pe care intenționezi să le folosești (ex.: "Header - `

`", "Postări Blog - `

`"). ### Partea 2: Planificarea Elementelor HTML **Creează o listă care să asocieze fiecare secțiune a mockup-ului cu elemente HTML specifice:** ``` Example: - Site Header →

- Main Navigation →