background image

Technologia Informacyjna – ćwiczenia 8 (25 p.)

Zadanie

Należy wykonać stronę WWW pt.,,Miejsce w Polsce, które warto odwiedzić”. Strona może 
składać się z jednego lub więcej plików HTML oraz arkusza(y) stylów. Powinna opisywać jakieś 
miejsce w Polsce, które uważacie Państwo za warte odwiedzenia.
Strona powinna zachęcać do odwiedzenia wybranego miejsca, podając jego ogólny opis (z 
ilustracjami), ew. rys historyczny oraz uzasadnienie dlaczego warto się tam wybrać. Dodatkowym 
atutem będzie schematyczna mapka dojazdu, przygotowana w jednym z poznanych narzędzi 
graficznych, oraz szacunkowy koszt i czas trwania wycieczki, np. z najbliższego (względem 
opisywanego miejsca) dużego miasta, zakładając różne środki transportu (transport publiczny, 
samochód, rower).

Założenia

1. Można jako szkielet strony wykorzystać materiały z poprzednich zajęć. Proszę pobrać 

kompletny (uzupełniony) arkusz forma.css

2. Dane na stronie nie muszą być prawdziwe, pod warunkiem, że strona będzie spójna pod 

względem treści (np. proporcjonalność podawanych odległości zgodnie z mapą 
zamieszczoną na stronie).

3. Ilość i dokładność informacji na stronie nie jest bardzo istotna, jednak informacji (tekstu) 

powinno być na tyle dużo, żeby podział na sekcje i podsekcje miał sens. W tym zadaniu 
dużo ważniejszy od ilości i jakości informacji jest sposób jej organizacji i prezentacji dla 
użytkownika.

Wymagania

1. Strona musi być wykonana zgodnie z regułami sztuki, tzn.:

a) poszczególne sekcje i podsekcje tematyczne powinny być wyróżnione odpowiednimi 

poziomami nagłówków,

b) za formę elementów powinny odpowiadać style zdefiniowane w zewnętrznym arkuszu,
c) style powinny być zdefiniowane osobno dla przeglądania na ekranie i osobno do druku 

(zakładamy, że styl do druku będzie zoptymalizowany dla drukarek 
monochromatycznych, czyli np. nie ustawiać czerwonego tekstu na zielonym tle, 
ponieważ na wydruku otrzymamy szary tekst na szarym tle),

d) układ (makietę) strony powinny definiować kontenery i ich style (przykładowo, odstęp 

między kolejnymi sekcjami powinien definiować górny margines zewnętrzny danego 
poziomu nagłówka, a nie ręcznie wstawione wielokrotne znaki nowego wiersza).

2. Należy zmienić układ kolorystyczny strony oraz krój czcionek w stosunku do materiałów 

przykładowych z poprzednich zajęć. Dotyczy to zarówno elementów na stronie (nagłówki, 
wyróżniony tekst), jak i koloru tła i obramowania strony. Oczywiście zmiany mogą iść 
znacznie dalej, jednak jest to już nieobowiązkowe.

3. Strona powinna zawierać co najmniej 2 elementy graficzne (<img>). Proszę pamiętać o 

treści alternatywnej dla grafik – nie wszyscy użytkownicy mają włączone pobieranie 
obrazków w przeglądarkach.

background image

4. Gotowa strona ma być dostępna po wprowadzeniu w przeglądarce adresu

http://students.wmi.amu.edu.pl/~indeks/tei8

(gdzie 

indeks

 jest Pani/Pana numerem indeksu). 

Pełną zawartość strony (HTML, CSS i ew. obrazki) należy spakować do archiwum i 
przesłać e-mailem prowadzącemu zajęcia najpóźniej do zakończenia następnych zajęć (za 
tydzień), wraz z pełnym adresem (patrz wyżej), pod którym dostępna jest ona w Internecie.

5. Strona powinna zawierać spis treści (np. w panelu bocznym, jak na poprzednich zajęciach) 

w postaci odsyłaczy, które pozwolą na szybkie przemieszczanie się w treści strony. Spis 
treści należy ukryć w wersji do druku, podobnie jak inne elementy służące wyłącznie 
wygodzie przemieszczania się na stronie (pamiętajmy, że wydruku nie da się „kliknąć”, 
więc wszelkie elementy interaktywne są tam zwykle zbędne).

6. Należy wstawić co najmniej jedną tabelę na stronę (por. materiały z wykładu). Przykładowo, 

w tabeli można zestawić koszty i czas trwania wycieczki względem różnych środków 
transportu.

7. Należy utworzyć odpowiedni styl dla wstawionej tabeli w arkuszu stylów, ustalając w nim 

co najmniej kolor obramowania i kolor tła tabeli oraz odstęp między brzegami komórek a 
ich treścią.


Document Outline