# 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 →