Planowanie strony www. Grunt to organizacja

Transkrypt

1 Planowanie strony www Grunt to organizacja

2 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ść.

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

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

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

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

7 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ć

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

9 przemyśl pomysły na organizację i nawigację Struktura hierarchiczna

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

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

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

13 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?

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

15 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ść.

16 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

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

18 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

19 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ś.

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