PROGRAMOWANIE APLIKACJI UŻYTKOWYCH LABORATORIUM
LI S T A 2
Zad. 1.
Wykorzystać style lokalne do zdefiniowania informacji wyświetlanych na stronie wykonanej w
zadaniu 1 z listy 1:
a) kolumna z informacją o historii instytutu IOZ powinna być wyświetlana na zielonym (jasny
odcień) tle*.
b) druga kolumna z listą zakładów naukowych  tło w kolorze żółtym*.
Zad. 2.
Opracować stronę według poniższego rysunku. Plik z treścią dokumentu pobrać ze strony
internetowej przedmiotu. Podczas definiowania wyglądu poszczególnych elementów strony
wykorzystać style zagnieżdżone (sekcja HEAD dokumentu HTML).
Dodatkowe informacje o elementach strony i stylach wykorzystanych do ich formatowania*:
" Specjalności na studiach magisterskich  nagłówek H1;
" Kierunek Zarządzanie  nagłówek H2;
" Wydział Informatyki i Zarządzania Politechniki Wrocławskiej  nagłówek H3;
" Technologie Informacyjne w Zarządzaniu, Zarządzanie Przedsiębiorstwem, Zarządzanie
Systemami Finansowymi  nagłówek H5;
" tło strony: kolor szary (gray);
" tło obszarów z tekstem: kolor jasnoszary (lightgray);
" wszystkie nagłówki: czcionka Verdana i wyśrodkowanie;
" nagłówki H1, H2, H5 : brązowy kolor czcionki (brown) oraz wszystkie litery
zamienione na duże; nagłówek H3 kolor ciemnoniebieski (darkblue);
" wysokości poszczególnych stylu: H1 - 19pt, H2 - 17pt, H3 - 13pt, H5  11pt ;
" akapity (paragrafy): wyrównanie do lewej i prawej; tekst: czcionka Arial w kolorze ciemnoniebieskim
(darkblue), wysokość 8pt .
PAU 2012 Lista 2 1/2
PROGRAMOWANIE APLIKACJI UŻYTKOWYCH LABORATORIUM
Zapewnić, aby szerokość części informacyjnej była dynamicznie dopasowywana do aktualnej
szerokości okna przeglądarki, w której wyświetlana jest zawartość strony.
Zad. 3.
Utworzyć (plik) zewnętrzny arkusz stylów CSS, który należy wykorzystać do formatowania
zestawu stron utworzonych w zadaniu 2 lub 3 z listy 1. W pliku zapisać style, które pozwolą na
ustalenie
a) Tło strony w kolorze niebieskim.
b) Tło tabel kolor zielony (odcień dowolny), nagłówek tabeli odcień ciemniejszy lub
jaśniejszy*.
c) Zapewnić wyświetlanie tytułów H1, H2, H3 dużymi literami.
*)
Zaleca się zamiast nazwy koloru (w języku angielskim) stosowanie odpowiednika w postaci
liczby szesnastkowej (kolor definiowany jest przez składowe trzech kolorów: czerwony, zielony,
niebieski). Na przykład dla koloru żółtego (yellow) odpowiednikiem jest #FFFF00 .
Do generowania liczby wykorzystać opcję Edycja / Wstaw kolor w edytorze Notatnik+ lub pobrać
wartość z tabel kolorów dostępnych w internecie.
PAU 2012 Lista 2 2/2