21 – Zadanie Praktyczne: Witryna „Prawa i Wolności”
Temat: Wykonanie strony internetowej poświęconej prawom człowieka i mechanizmom ich ochrony.
1. Operacje na bazie danych (opcjonalnie do rozbudowy):
Przyjmijmy, że strona jest statyczna (HTML/CSS), ale przygotowana pod dynamiczne treści.
2. Zawartość strony (HTML):
Plik o nazwie index.html powinien zawierać:
-
Banner: Nagłówek pierwszego stopnia o treści: „Prawa człowieka – wspólna sprawa”.
-
Panel lewy: Menu nawigacyjne z listą nienumerowaną i odnośnikami do sekcji: Geneza, Prawa w Polsce, Instytucje ONZ.
-
Panel prawy: Zdjęcie (dowolna ikona paragrafu lub wagi) z tekstem alternatywnym „Symbol sprawiedliwości”.
-
Blok główny: * Nagłówek drugiego stopnia: „Czym są prawa człowieka?”.
-
Trzy akapity tekstu na temat godności ludzkiej i niezbywalności praw.
-
Tabela o dwóch kolumnach (Organizacja | Funkcja), zawierająca min. 2 wiersze (np. Rzecznik Praw Obywatelskich, Amnesty International).
-
-
Stopka: Napis: „Stronę wykonał: [Twój Numer PESEL]”.
3. Stylistyka witryny (CSS):
Plik o nazwie styl.css połączony z arkuszem HTML:
-
Wspólne dla całej strony: Czcionka Arial lub Helvetica.
-
Banner: Kolor tła
#2C3E50, kolor tekstu biały, wysokość 100px, tekst wyśrodkowany. -
Panel lewy: Szerokość 25%, tło jasnoszare, wysokość min. 400px, float: left.
-
Panel prawy: Szerokość 25%, float: right, obramowanie obrazka 2px solid czarne.
-
Blok główny: Szerokość 50%, marginesy wewnętrzne (padding) 20px, float: left.
-
Stopka: Czyszczenie opływania (clear: both), tło takie jak w bannerze, tekst wyrównany do prawej.
-
Tabela: Szerokość 100%, obramowanie scalone (border-collapse), parzyste wiersze z tłem
#ECF0F1.
