# Naloga za vajo HTML: Ustvarite maketo bloga ## Cilji učenja Uporabite svoje znanje HTML za oblikovanje in kodiranje celotne strukture domače strani bloga. Ta praktična naloga bo okrepila koncept semantičnega HTML-ja, najboljše prakse dostopnosti in veščine profesionalne organizacije kode, ki jih boste uporabljali skozi celotno pot spletnega razvoja. **Z dokončanjem te naloge boste:** - Vadili načrtovanje postavitve spletne strani pred kodiranjem - Ustrezno uporabili semantične HTML elemente - Ustvarili dostopno, dobro strukturirano označevanje - Razvili profesionalne navade kodiranja z uporabo komentarjev in organizacije ## Zahteve projekta ### 1. del: Načrtovanje dizajna (vizualna maketa) **Ustvarite vizualno maketo domače strani bloga, ki vključuje:** - Glavo z naslovom strani in navigacijo - Glavno vsebinsko območje z vsaj 2-3 predogledi objav na blogu - Stransko vrstico z dodatnimi informacijami (oddelek o avtorju, nedavne objave, kategorije) - Nogo z kontaktnimi informacijami ali povezavami **Možnosti za ustvarjanje makete:** - **Ročno narisana skica**: Uporabite papir in svinčnik, nato fotografirajte ali skenirajte svoj dizajn - **Digitalna orodja**: Figma, Adobe XD, Canva, PowerPoint ali katera koli aplikacija za risanje - **Orodja za žične modele**: Balsamiq, MockFlow ali podobna programska oprema za žične modele **Označite odseke svoje makete** z HTML elementi, ki jih nameravate uporabiti (npr. "Glava - `

`", "Objave na blogu - `

`"). ### 2. del: Načrtovanje HTML elementov **Ustvarite seznam, ki povezuje vsak odsek vaše makete s specifičnimi HTML elementi:** ``` Example: - Site Header →

- Main Navigation →