# Zadanie praktyczne z HTML: Stwórz makietę bloga
## Cele nauki
Zastosuj swoją wiedzę z HTML, projektując i kodując kompletną strukturę strony głównej bloga. To praktyczne zadanie utrwali koncepcje semantycznego HTML, najlepsze praktyki dostępności oraz umiejętności profesjonalnej organizacji kodu, które wykorzystasz podczas całej swojej przygody z tworzeniem stron internetowych.
**Po wykonaniu tego zadania będziesz potrafić:**
- Planować układy stron przed rozpoczęciem kodowania
- Stosować odpowiednio semantyczne elementy HTML
- Tworzyć dostępny i dobrze zorganizowany markup
- Rozwijać profesjonalne nawyki kodowania z komentarzami i organizacją
## Wymagania projektu
### Część 1: Planowanie projektu (Wizualna makieta)
**Stwórz wizualną makietę swojej strony głównej bloga, która zawiera:**
- Nagłówek z tytułem strony i nawigacją
- Główną sekcję z co najmniej 2-3 podglądami wpisów na blogu
- Pasek boczny z dodatkowymi informacjami (sekcja „o mnie”, ostatnie wpisy, kategorie)
- Stopkę z danymi kontaktowymi lub linkami
**Opcje tworzenia makiety:**
- **Szkic odręczny**: Użyj papieru i ołówka, następnie zrób zdjęcie lub skan swojego projektu
- **Narzędzia cyfrowe**: Figma, Adobe XD, Canva, PowerPoint lub dowolna aplikacja do rysowania
- **Narzędzia do wireframingu**: Balsamiq, MockFlow lub podobne oprogramowanie do tworzenia szkieletów
**Oznacz sekcje swojej makiety** nazwami elementów HTML, które planujesz użyć (np. "Nagłówek - ``", "Posty bloga - ``").
### Część 2: Planowanie elementów HTML
**Stwórz listę przyporządkowującą każdą sekcję makiety do konkretnych elementów HTML:**
```
Example:
- Site Header →
- Main Navigation →