Zadanie 110.1: Mapa Administracyjna Polski

Opis zadania

Rozbuduj koncepcję map obrazkowych (Image Maps) z Zadania 110, tworząc w pełni funkcjonalny, graficzny system nawigacji po mapie Polski. Twoim celem jest stworzenie strony głównej z mapą kraju, gdzie kliknięcie w konkretne województwo przenosi użytkownika do dedykowanej podstrony z informacjami o tym regionie.

To zadanie ćwiczy:

Precyzyjne definiowanie współrzędnych dla kształtów nieregularnych (poly).
Zarządzanie strukturą wielu plików HTML (linkowanie między stronami).
Tworzenie spójnego układu nawigacyjnego.

Wymagania

1. Przygotowanie Grafiki

Znajdź w internecie mapę konturową Polski z podziałem na województwa.
Obraz powinien być dość duży i wyraźny, aby łatwo było wyznaczyć współrzędne (np. min. 600-800px szerokości).
Zapisz plik jako polska.jpg lub polska.png.

2. Strona Główna (`index.html`)

Umieść na niej mapę Polski.
Za pomocą znacznika <map> i <area shape="poly"> obrysuj granice co najmniej 5 wybranych województw.
- Wskazówka: Województwa mają nieregularne kształty, więc musisz użyć typu poly (wielokąt). Będziesz potrzebować wielu punktów współrzędnych, aby w miarę dokładnie oddać kształt granic.
Każdy obszar (<area>) musi prowadzić do odpowiedniego pliku HTML (np. mazowieckie.html, malopolskie.html).
Dodaj atrybut title z nazwą województwa (pojawiający się po najechaniu myszką).

3. Podstrony Województw

Dla każdego "oklikanego" województwa stwórz osobny plik HTML (np. mazowieckie.html). Każda podstrona powinna zawierać:

Nagłówek z nazwą województwa (np. <h1>Województwo Mazowieckie</h1>).
Krótki opis, stolicę województwa, ciekawostki lub zdjęcie charakterystycznego miejsca.
Wyraźny link "Powrót do mapy", który kieruje z powrotem do index.html.

Struktura plików

Projekt powinien wyglądać mniej więcej tak:

/Zadanie110.1
  |-- index.html        (Mapa Polski)
  |-- polska.jpg        (Obraz mapy)
  |-- mazowieckie.html  (Opis regionu 1)
  |-- pomorskie.html    (Opis regionu 2)
  |-- ...               (Pozostałe regiony)

Dla ambitnych (Gwiazdka *)

Sprobuj "oklikać" całą mapę Polski (wszystkie 16 województw).
Użyj narzędzia online do generowania map obrazkowych (wyszukaj "image map generator"), co znacznie przyspieszy proces zdobywania współrzędnych.

Zadanie110.1