# HTML Vježba: Izrada makete bloga ## Ciljevi učenja Primijenite svoje znanje HTML-a dizajniranjem i kodiranjem kompletne strukture početne stranice bloga. Ovaj praktični zadatak će ojačati vaše razumijevanje semantičkog HTML-a, najboljih praksi pristupačnosti i profesionalnih vještina organizacije koda koje ćete koristiti tijekom svog puta u web razvoju. **Završetkom ovog zadatka, naučit ćete:** - Planirati izgled web stranice prije kodiranja - Pravilno primjenjivati semantičke HTML elemente - Kreirati pristupačan, dobro strukturiran kod - Razviti profesionalne navike kodiranja uz komentare i organizaciju ## Zahtjevi projekta ### Dio 1: Planiranje dizajna (vizualna maketa) **Izradite vizualnu maketu početne stranice bloga koja uključuje:** - Zaglavlje s naslovom stranice i navigacijom - Glavni sadržaj s najmanje 2-3 pregleda blog objava - Bočnu traku s dodatnim informacijama (odjeljak o autoru, nedavne objave, kategorije) - Podnožje s kontakt informacijama ili poveznicama **Opcije za izradu makete:** - **Ručni crtež**: Koristite papir i olovku, zatim fotografirajte ili skenirajte svoj dizajn - **Digitalni alati**: Figma, Adobe XD, Canva, PowerPoint ili bilo koja aplikacija za crtanje - **Alati za izradu wireframea**: Balsamiq, MockFlow ili slični softver za wireframe **Označite sekcije svoje makete** HTML elementima koje planirate koristiti (npr. "Zaglavlje - `

`", "Blog objave - `

`"). ### Dio 2: Planiranje HTML elemenata **Napravite popis koji povezuje svaku sekciju vaše makete s određenim HTML elementima:** ``` Example: - Site Header →

- Main Navigation →