# HTML harjutusülesanne: ehita blogi visand
## Õpieesmärgid
Rakenda oma HTML-oskusi, kujundades ja kodeerides tervikliku blogi avalehe struktuuri. See praktiline ülesanne tugevdab semantilise HTML mõisteid, ligipääsetavuse parimaid tavasid ja professionaalse koodi organiseerimise oskusi, mida kasutad kogu veebiarenduse teekonna jooksul.
**Selle ülesande täites sa:**
- Harjutad veebilehe paigutuse planeerimist enne kodeerimist
- Rakendad semantilisi HTML elemente asjakohaselt
- Loovad ligipääsetava ja korrapärase markupe
- Arendad professionaalseid kodeerimisharjumusi koos kommentaaride ja organiseerimisega
## Projekti nõuded
### Osa 1: Kujunduse planeerimine (visuaalne visand)
**Loo oma blogi avalehe visuaalne visand, mis sisaldab:**
- Päis saidi pealkirja ja navigeerimisega
- Peamine sisuala vähemalt 2-3 blogipostituse eelvaatega
- Külgriba täiendava informatsiooniga (teave, uuemad postitused, kategooriad)
- Jalus kontaktinfo või linkidega
**Visandi loomise võimalused:**
- **Käsitsi joonistatud visand**: Kasuta paberit ja pliiatsit, seejärel pildista või skaneeri oma kujundus
- **Digitaalsed tööriistad**: Figma, Adobe XD, Canva, PowerPoint või mõni joonistusprogramm
- **Juhtraamatööriistad**: Balsamiq, MockFlow või muu sarnane juhtraamatu tarkvara
**Märgista oma visandi sektsioonid** HTML elementidega, mida plaanid kasutada (nt "Päis - ``", "Blogipostitused - ``").
### Osa 2: HTML elementide planeerimine
**Koosta nimekiri, mis seob iga visandi sektsiooni konkreetsete HTML elementidega:**
```
Example:
- Site Header →
- Main Navigation →