# HTML Praktická úloha: Vytvorenie návrhu blogu
## Ciele učenia
Použite svoje znalosti HTML na navrhnutie a kódovanie kompletnej štruktúry úvodnej stránky blogu. Táto praktická úloha posilní vaše znalosti o semantickom HTML, najlepších praktikách prístupnosti a profesionálnych zručnostiach v organizácii kódu, ktoré budete používať počas svojej cesty webového vývoja.
**Splnením tejto úlohy:**
- Precvičíte si plánovanie rozloženia webových stránok pred kódovaním
- Správne použijete semantické HTML prvky
- Vytvoríte prístupný a dobre štruktúrovaný kód
- Rozviniete profesionálne návyky v kódovaní pomocou komentárov a organizácie
## Požiadavky na projekt
### Časť 1: Plánovanie návrhu (vizuálny návrh)
**Vytvorte vizuálny návrh úvodnej stránky blogu, ktorý obsahuje:**
- Hlavičku s názvom stránky a navigáciou
- Hlavnú obsahovú oblasť s minimálne 2-3 ukážkami blogových príspevkov
- Bočný panel s doplnkovými informáciami (sekcia o autorovi, posledné príspevky, kategórie)
- Pätičku s kontaktnými informáciami alebo odkazmi
**Možnosti vytvorenia návrhu:**
- **Ručne kreslený návrh**: Použite papier a ceruzku, potom svoj návrh odfoťte alebo naskenujte
- **Digitálne nástroje**: Figma, Adobe XD, Canva, PowerPoint alebo akákoľvek aplikácia na kreslenie
- **Nástroje na tvorbu wireframov**: Balsamiq, MockFlow alebo podobný softvér na tvorbu wireframov
**Označte sekcie svojho návrhu** HTML prvkami, ktoré plánujete použiť (napr. "Hlavička - ``", "Blogové príspevky - ``").
### Časť 2: Plánovanie HTML prvkov
**Vytvorte zoznam, ktorý mapuje každú sekciu vášho návrhu na konkrétne HTML prvky:**
```
Example:
- Site Header →
- Main Navigation →