R 23 07, HTML
[ Pobierz całość w formacie PDF ]
Rozdział 23.
Przykłady
dobrych i złych stron WWW
W tym rozdziale zajmiemy się prostymi przykładami stron i witryn, typowych dla sieci
(w rzeczywistości nie znajdziesz zaprezentowanych tu stron WWW w Sieci,
utworzyłam je specjalnie z myślą o tym rozdziale). Każda z pokazanych stron jest albo
typowym przykładem przedstawiania danego rodzaju informacji, albo prezentuje
specyficzną metodę rozwiązywania problemów, na które możesz natrafić, tworząc
własne strony. Oto tematyka rozdziału:
szkic strony głównej firmy,
encyklopedia motocykli — zawiera obrazy, sekwencje dźwiękowe i inne sekwencje
multimedialne,
katalog firmy ogrodniczej, w którym możesz pooglądać okazy oraz złożyć
zamówienia na zioła, przyprawy oraz aromatyczne warzywa.
W każdym przykładzie zwracam uwagę na interesujące cechy strony oraz te
kwestie, które mogą być Ci przydatne w trakcie tworzenia własnych stron i witryn.
Postać źródłową przykładów znajdziesz na dołączonym do książki dysku CD-ROM
Przykład 1. Witryna firmowa
Firma Fuszerka sp. z o. o. produkuje swetry oraz koce na wszelkie okazje. Klienci
odwiedzający witrynę firmy początkowo trafią na jej stronę główną (patrz rysunek
23.1). Ogólnie rzecz biorąc, autor witryny zdecydował, że wygląd stron zostanie
sformatowany przy użyciu kaskadowych arkuszy stylów.
Oprócz spójnego wyglądu stron osiągniętego dzięki wykorzystaniu arkuszy stylów, na
poszczególnych są jeszcze inne, powtarzające się elementy. Każda z głównych stron
witryny zawiera niewielki, lecz atrakcyjny obraz przedstawiający jej tytuł. U dołu
każdej z nich został umieszczony pasek nawigacyjny, informacje o prawach autorskich
oraz adres poczty elektronicznej, pod który można przesyłać pytania i komen
tarze.
680
Część 8.
Projektowanie efektywnych stron WWW
Rysunek 23.1.
Strona główna
firmy Fuszerka
Na tej prostej i bezpretensjonalnej stronie głównej klient może wybrać z listy połączeń
stronę, którą chce odwiedzić. Nie będę opisywać wszystkich po kolei, ale przedstawię
te, które są interesujące.
Co nowego w firmie?
Wybór połączenia
Co nowego w firmie?
powoduje przejście na stronę
Co nowego
(patrz
rysunek 23.2). Jest to pierwsze połączenie na stronie głównej oraz drugie (po
połączeniu ze stroną główną) na pasku nawigacyjnym.
Strona
Co nowego w firmie
zawiera informacje o tym, co interesującego zdarzyło się
w firmie i poza nią. Zwróć uwagę na odwrotny porządek chronologiczny przedstawia-
nych wydarzeń (jako pierwsze wymieniane są wydarzenia najświeższe). Strona ta
nadaje się do prezentowania klientom sieciowym nowych wyrobów firmy lub samej
firmy i informacji o niej. Strony typu
Co nowego
są przydatne w prezentacjach
odwiedzanych często i regularnie. Pozwalają one Twoim czytelnikom szybko i bez
szukania znaleźć nowe inform
acje o witrynie.
Pierwszą pozycją przedstawioną na stronie
Co nowego w firmie Fuszerka
, jest informa-
cja o wystąpieniu szefa laboratorium badawczego firmy na konferencji naukowej.
Rozdział 23.
Przykłady dobrych i złych stron WWW
681
Rysunek 23.2.
Strona „Co nowego
w firmie”
W notce umieszczone jest połączenie prowadzące do prezentowanego referatu (patrz ry-
sunek 23.3).
Wełna alpak jest niewątpliwie fascynująca, lecz gdzie można przejść z tej strony? Połą-
czenia umieszczone u dołu tej strony są inne, niż połączenia umieszczone u dołu głów-
nych stron witryny. Tutaj użytkownik ma dodatkowe możliwości nawigacji, może
przejść na stronę główną witryny (klikając połączenie
Strona główna
), do strony
z informacjami technicznymi (połączenie
Informacje techniczne
) oraz do innych stron
w tym samym dziale — skrócone wersje ich tytułów zostały umieszczone na pasku na-
wigacyjnym.
Stronę główną witryny już odwiedziłeś, a zatem przejdźmy dalej, do strony z informa-
cjami technicznymi.
Informacje techniczne
Strona
Informacje techniczne
(patrz rysunek 23.4) prezentuje listę publikacji, w których
firma opisała kwestie techniczne związane z produkcją swetrów (nie wiedziałeś o tym,
prawda?). Każde z połączeń listy przenosi Cię do odpowiedniego artykułu omawiające-
go dany problem techniczny.
682
Część 8.
Projektowanie efektywnych stron WWW
Rysunek 23.3.
Wszystko na temat
zbioru wełny alpak
Rysunek 23.4.
Dział informacji
technicznych
Rozdział 23.
Przykłady dobrych i złych stron WWW
683
Z tego miejsca czytelnik może przejść o jeden poziom niżej w hierarchii i przeglądnąć
anonsowane artykuły albo powrócić do strony głównej. Na stronie głównej pozostały do
wybrania połączenia do strony zawierającej charakterystykę firmy, strony opisującej jej
produkty oraz strony przedstawiającej możliwości współpracy.
Strona — Informacje o firmie
Strona
Informacje o firmie
zawiera listę połączeń do innych stron zwierających dodat-
kowe informacje na temat firmy. Jeśli tylko zechcesz, to dowiesz się czegoś więcej na
temat działalności firmy, jej misji, historii oraz położenia jej siedziby. Strona ta została
przedstawiona na rysunku 23.5.
Rysunek 23.5.
Strona z informacjami
o firmie
Strona — Produkty
Wybór kolejnego połączenia umieszczonego na pasku nawigacyjnym powoduje przej-
ście na stronę poświęconą produktom. Strona ta zawiera listę połączeń ze stronami kata-
logowymi (podobnymi do tych, które przedstawię w dalszej części rozdziału,
w przykładzie Katalogu Wysyłkowego). Te strony doskonale nadają się na umieszcze-
nie zdjęć, opisów oraz informacji o cenie poszczególnych produktów wytwarzanych
w firmie. Strona
Produkty
została przedstawiona na rysunku 23.6.
[ Pobierz całość w formacie PDF ]