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.

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ą.