background image

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

background image

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