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