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