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