P

ROGRAMOWANIE

A

PLIKACJI

U

ŻYTKOWYCH

L

ABORATORIUM

L

I 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

P

ROGRAMOWANIE

A

PLIKACJI

U

ŻYTKOWYCH

L

ABORATORIUM

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

#

FF

FF

00

.

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