Planowanie strony www

Planowanie strony www
Grunt to organizacja
wstęp
Podobnie jak w przypadku tradycyjnych środków przekazu,
proces tworzenia i projektowania stron WWW wymaga
zaplanowania i przemyślenia, przed rozpoczęciem tekstowograficznych szaleństw i dzikiego hiperłączenia wszystkiego z
wszystkim. Być może jest to nawet ważniejsze niż w
przypadku innych mediów, bowiem próby narzucenia reguł
tradycyjnego pisania czy projektowania do hipertekstu często
owocują dokumentami, które są trudne do zrozumienia i
poruszania się lub po prostu nie wykorzystują w żaden
sposób ogromnych możliwości, tkwiących w hipertekście.
Jeżeli grupa stron WWW jest nieumiejętnie zorganizowana,
trudno wprowadzać do nich poprawki i rozszerzać ich za
wartość.
Zanim zaczniesz:
Szczególną uwagę zwróć na:
􀂄 zapamiętanie różnic pomiędzy serwerem WWW,
witryną WWW, stroną WWW i stroną główną,
􀂄 wybieranie informacji, które chciałbyś umieścić
w Internecie,
􀂄 wyznaczenie celu, któremu witryna ma służyć,
􀂄 podzielenie zawartości na główne tematy,
􀂄 organizację ogólnej struktury stron i ich tematów.
Anatomia witryn WWW
􀂄 witryna WWW — zbiór składający się z jednej lub
kilku stron WWW,
􀂄 serwer WWW — komputer podłączony do Internetu
lub intranetu, na którym przechowywana jest jedna lub
kilka witryn WWW,
􀂄 strony WWW — pojedynczy element witryny, zapisany
na dysku w formie pliku,
􀂄 strona główna — „wejściowa” strona witryny, która
może zawierać połączenia do innych stron tej samej
witryny.
Witryna WWW
Witryna WWW składa się z jednej lub wielu stron WWW powiązanych ze
sobą w sposób, który odzwierciedla istotę zawartych w niej informacji i tworzy
spójną całość
Strona tworząca witrynę
WWW jest pojedynczym
elementem witryny WWW
I zawarta jest w jednym
pliku. .
Strona główna
Dla ludzi publikujących swoje strony w WWW, termin strona główna ma
jednak zupełnie inne znaczenie, jest to bowiem również pierwsza strona
witryny WWW. Jest to swego rodzaju brama, prowadząca do pozostałych
stron, pierwsza rzecz, którą ujrzy czytelnik.
Strona główna zawiera
zwykle krótki przegląd
zawartości witryny, na
przykład, w formie spisu
treści lub zestawu ikon.
Jeżeli witryna nie zawiera
zbyt wiele treści, można
tym samym.
zmieścić ją na tej jednej
stronie, wtedy strona
główna i witryna stają się
tym samym.
Do czego właściwie chcesz
wykorzystać WWW?
 informacje osobiste
 hobby i zainteresowania
 publikacje
 witryny firm
 dokumentacja
 katalogi towarów
 wirtualne sklepy
 sondaże
 edukacja
 wszystko co zdołamy wymyślić
przemyśl
 Wyznacz cel
 Podziel treść na główne tematy
Np.. Strona fana zespołu
􀂄 historia zespołu,
􀂄 biografie poszczególnych członków zespołu
􀂄 dyskografia — wszystkie wydane albumy i single,
􀂄 teksty utworów,
􀂄 okładki płyt,
􀂄 informacje o najbliższych koncertach i
zapowiadanych wydawnictwach.
przemyśl
 pomysły na organizację i nawigację
Struktura hierarchiczna
Struktura hierarchiczna
Struktury hierarchiczne i menu szczególnie dobrze sprawdzają się w
systemach opartych na hipertekście. Wiele systemów pomocy
kontekstowej zostało stworzonych właśnie na bazie hierarchii. Wybór
jednego z nich powoduje pojawienie się listy podtematów, pod którymi
kryje się już konkretna treść. Różne systemy pomocy mają różne poziomy,
ale większość z nich wpisuje się w taką strukturę.
W tego typu strukturach czytelnicy łatwo odnajdują swoje aktualne
położenie. Przejście w górę – informacje ogólne, w dół informacje bardziej
szczegółowe.
Struktura liniowa
Innym sposobem organizacji dokumentów jest struktura liniowa (sekwencyjna),
która przypomina sposób organizacji dokumentów drukowanych. Strona główna
stanowi tytuł lub wstęp, a każda następna strona jest kolejnym rozdziałem.
W strukturze liniowej łatwo zapoznać się z treścią, ponieważ nie ma zbyt
wielu możliwości wyboru. Struktury tego typu są bardzo sztywne i
ograniczają zarówno swobodę czytelnika, jak i twórcy. W ten sposób możesz
prezentować informacje, które posiadają strukturę liniową w rzeczywistości,
gdzie funkcjonują (krótkie opowiadania, instrukcje krok po kroku, trening
komputerowy) lub jeżeli nie chcesz, aby czytelnicy przeskakiwali od tematu
do tematu.
Struktura liniowa z alternatywą
Możesz odrobinę złagodzić sztywną strukturę liniową i pozwolić czytelnikowi
zboczyć z głównej ścieżki. Można stworzyć strukturę liniową z alternatywnymi
połączeniami, które odbiegają od głównego tematu.
Struktura mieszana (liniowo-hierarchiczna)
Jest to stosowane zwykle wtedy, gdy informację można podzielić na główne
tematy, ale można ją też odczytywać w sposób liniowy. Jest to często
wykorzystywany sposób w tzw.FAQ /Frequently Asked Questions —
najczęściej zadawane pytania ?
Struktura mieszana (liniowo-hierarchiczna)
Uwaga:
 nie pozwól na połączenia w przód i w tył pomiędzy
granicami tematów znajdujących się na jednym
poziomie hierarchii. Należałoby cofnąć się do strony
głównej i dopiero stamtąd przejść do kolejnego aktu;
 opisz dokładniej samo połączenie. Zamiast napisać
po prostu „w górę” lub umieścić ikonę ze strzałką,
wstaw w to miejsce dokładniejszy opis, gdzie to
połączenie prowadzi .
Struktura sieciowa (pajęczyna)
Pajęczyna to zbiór dokumentów, które nie mają jakiejś ogólnej struktury.
Jedyną rzeczą, która łączy strony ze sobą, to hiperpołączenie .
Czytelnicy przechodzą od strony do strony, wybierając kolejne
połączenia.
W kontekście witryny WWW
środowisko jest zorganizowane
tak, że każda strona re-prezentuje
konkretne miejsce (zwykle
zawiera też jego opis) . Z tego
miejsca możesz przemieszczać
się w różnych kierunkach,
wędrując przez ten wirtualny
„świat” w sposób bardziej
przypominający przechodzenie z
pokoju do pokoju niż
rzeczywistość.
Struktura sieciowa (pajęczyna)
Aby rozwiązać problem
dezorientacji w pajęczynie :
 na każdej stronie umieść
wyjście awaryjne, czyli połączenie
o nazwie „Powrót do strony
głównej”,
 na każdej stronie umieść
mapkę całej struktury z wyraźnym
znakiem „Tu jest Nie musi to być
mapa w dosłownym znaczeniu,
jakakolwiek forma umiejscowienia
aktualnego miejsca pobytu w całej
strukturze może uchronić
czytelników przed zagubieniem
Scenopis witryny www
Scenopis to proces tworzenia ogólnego zarysu
przyszłego wyglądu witryny, przed przystąpieniem do
właściwego tworzenia stron. Scenopis pozwala spojrzeć
na całość witryny zanim jeszcze ona powstanie.
Tablica korkowa
- kartki
- nitki np.
Co winno być:
• który temat na którą stronę?
Reguła kciuka mówi, że jeden temat powinien zajmować jedną stronę.
Jeżeli jednak tematów jest wiele, łączenie ich może być niezbyt przyjemnym
zadaniem. Zamiast tego, zastanów się nad możliwością stworzenia stron
zawierających kilka ma powiązanych ze sobą tematów
• jakie będą podstawowe sposoby nawigacji między stronami?
Jakie hiperpołączenia będą wymagane, aby czytelnicy mogli przechodzić
od strony do strony? Są to podstawowe połączenia, które umożliwią
czytelnikom osiągnięcie celów –patrz wyżej.
• jakie alternatywne formy nawigacji umieścisz na stronach?
Niektóre witryny zawierają, obok podstawowych połączeń nawigacyjnych,
także inne informacje, które współistnieją z głównym tematem, jak, na
przykład, słownik pojęć, indeks alfabetyczny lub stronę z informacjami o
twórcach. Pamiętaj o tego typu informacjach w trakcie opracowywania
planu i zastanów się, w jaki sposób połączyć je do treści zasadniczej
Co winno być:
• co znajdzie się na stronie głównej?
Ponieważ strona główna jest punktem wyjściowym do dalszej części witryny,
dobrze zastanów się nad tym, jakie informacje chcesz na niej umieścić.
Ogólny opis a może hiperłącza
• jeszcze raz przemyśl wszystkie cele witryny?
Nigdy w trakcie pracy nad witryną nie zapominaj o celach, które sobie
wyznaczyłeś.
podsumowanie
Projektowanie witryny WWW, podobnie jak tworzenie
wstępnego zarysu książki, planowanie czy malowanie.
Wcześniejsze opracowanie ogólnego planu może być
niesłychanie pomocne w pracy nad szczegółowymi
rozwiązaniami, może też zapobiec ewentualnym
komplikacjom.