# HTML Praktické zadání: Vytvořte návrh blogu
## Cíle učení
Procvičte si své znalosti HTML navržením a kódováním kompletní struktury úvodní stránky blogu. Toto praktické zadání posílí vaše znalosti o sémantickém HTML, osvědčených postupech v oblasti přístupnosti a dovednostech profesionální organizace kódu, které budete využívat během své cesty webového vývoje.
**Po dokončení tohoto zadání budete:**
- Procvičovat plánování rozvržení webových stránek před kódováním
- Správně používat sémantické HTML prvky
- Vytvářet přístupný a dobře strukturovaný kód
- Rozvíjet profesionální návyky při psaní kódu, včetně komentářů a organizace
## Požadavky na projekt
### Část 1: Plánování návrhu (vizuální návrh)
**Vytvořte vizuální návrh úvodní stránky blogu, který zahrnuje:**
- Hlavičku s názvem stránky a navigací
- Hlavní obsahovou oblast s alespoň 2-3 náhledy blogových příspěvků
- Postranní panel s doplňujícími informacemi (sekce o autorovi, poslední příspěvky, kategorie)
- Patičku s kontaktními informacemi nebo odkazy
**Možnosti vytvoření návrhu:**
- **Ruční kresba**: Použijte papír a tužku, poté svůj návrh vyfotografujte nebo naskenujte
- **Digitální nástroje**: Figma, Adobe XD, Canva, PowerPoint nebo jakákoliv aplikace pro kreslení
- **Nástroje pro wireframe**: Balsamiq, MockFlow nebo podobný software pro wireframe
**Označte sekce svého návrhu** HTML prvky, které plánujete použít (např. "Hlavička - ``", "Blogové příspěvky - ``").
### Část 2: Plánování HTML prvků
**Vytvořte seznam, který mapuje každou sekci vašeho návrhu na konkrétní HTML prvky:**
```
Example:
- Site Header →
- Main Navigation →