Scenopis witryny WWW

Następnym krokiem w procesie planowania witryny WWW jest określenie, jaka treść znajdzie się na poszczególnych stronach i opracowanie sposobu poruszania się po nich.

Jeżeli skorzystasz z jednej ze struktur opisanych powyżej, może okazać się, że organizacja całości w dużym stopniu wyniknie z samej struktury, co będzie dużym ułatwieniem. Jeśli jednak zechcesz połączyć ze sobą różne struktury lub jeśli treść jest na tyle obszerna, że trzeba połączyć ją w jakiś bardziej złożony sposób, trzeba będzie przed rozpoczęciem tworzenia i łączenia stron usiąść i opracować dokładny plan tego, co i gdzie powinno się znaleźć.

Co to jest scenopis i do czego może się przydać?

Scenopis witryny to pomysł zaczerpnięty z produkcji filmów, gdzie wszystkie sceny i ujęcia kamery są wstępnie rozpisywane w kolejności, w jakiej pojawią się w filmie. Sceno­pis umożliwia stworzenie ogólnej struktury i planu filmu, a także dostarcza reżyserowi i całemu zespołowi poglądu na to, jak dane ujęcie pasuje do całej reszty.

Nowe pojęcie Scenopis to proces tworzenia ogólnego zary­su 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.

Koncepcja scenopisu przeniesiona na grunt WWW funkcjonuje bardzo dobrze. Scenopis to zarys tego, jak wyglądać będzie gotowa witryna. Zawiera on, między innymi infor­macje o tym, na których stronach znajdą się poszczególne tematy, opis głównych hiperpołączeń a nawet pomysły na to, jakiego rodzaju elementy graficzne będą użyte i w których miejs­cach się znajdą. Z takim planem w ręku możesz zacząć tworzenie stron, nie martwiąc się, że zapomnisz, gdzie powinieneś daną stronę umieścić i jakie są jej związki z innymi stronami.

W przypadku naprawdę dużych zbiorów dokumentów scenopis umożliwia wielu osobom tworzenie różnych części tej samej witryny. Przejrzysty scenopis minimalizuje prawdo­podobieństwo powielenia tej samej pracy przez różne osoby oraz zmniejsza ilość informacji koncepcyjnych, którą każdy z twórców musi zapamiętać.

W przypadku małych i prostych witryn WWW czy nawet dużych witryn o nie­skomplikowanej strukturze, tworzenie scenopisu może nie być konieczne, ale w przypadku dużych, bardziej złożonych projektów, istnienie scenopisu oszczędza wiele czasu i nerwów. Jeżeli nie potrafisz ogarnąć treści stron i ich wzajemnych powiązań, opracuj scenopis.

Jak więc wygląda taki scenopis dla witryny WWW? Może być bardzo prosty i składać się z zaledwie kilku kartek papieru. Każda kartka reprezentuje stronę, powinna więc zawie­rać listę tematów, które znajdą się na niej oraz uwagi na temat wychodzących z niej hiper­połączeń. Widziałem już scenopisy wielkich systemów hipertekstowych, umieszczone na olbrzymich tablicach pełnych kartek i nitek. Na każdej kartce zapisany był temat, a nitki, poprzypinane szpilkami, symbolizowały hiperpołączenia pomiędzy nimi (patrz rys. 2.16).

Rysunek 2.16 Złożony scenopis

Wielką zaletą scenopisu jest to, że możesz poukładać sobie swoje strony WWW w sposób, który Ci najbardziej odpowiada. Jeżeli lubisz szpilki i nitki, możesz z nich skorzystać, ale nie ma reguły nakazującej robienie tego koniecznie w taki sposób. Jeśli wolisz rozrysować sobie wszystko na papierze lub za pomocą jakiegoś programu komputerowego, proszę bardzo, zrób tak, jak Ci najwygodniej.

Kilka wskazówek dotyczących scenopisów

Oto kilka spraw, które należy mieć na uwadze, tworząc scenopis.

• 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łych, powiązanych ze sobą tematów. Ale i tu nie należy przesadzać, nie umieszczaj na jednej stronie wszystkiego; pamiętaj, że między witryną a czytelnikami stoi sieć, która ma swoją przepustowość. Wiele stron średniej wielkości (czyli gdzieś pomię­dzy 2 i 10 stron napisanych w standardowym edytorze tekstów) to o wiele lepsze rozwiązanie, niż wielka strona zawierająca setki mniejszych.

• 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, zdefiniowanych w pierwszym rozdziale. Hiperpołączenia do przodu, do tyłu, w górę, w dół, do strony głównej — wszystkie należą do kategorii połączeń podstawowych.

• 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 podłączyć je do zasadniczej treści.

• 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 tego, co znajduje się dalej? A może listę hiperpołączeń do innych tematów?

• Jeszcze raz przemyśl wszystkie cele witryny?

Nigdy w trakcie pracy nad witryną nie zapominaj o celach, które sobie wyzna­czyłeś. Upewniaj się cały czas, czy nie umieszczasz informacji, które swoją treścią mogą zaciemnić całokształt witryny.

	Istnieje wiele narzędzi i pakietów, które mogą być pomocne w tworzeniu scenopisu. Są wśród nich pakiety do zarządzania witrynami, które pomagają w zapanowaniu nad połączeniami, pokazują w sposób graficzny wszelkie związki po­między stronami, pozwalają na modyfikowanie ich za pomocą myszy, przy czym wszelkie połączenia są wtedy automatycznie modyfikowane.

Podsumowanie

Projektowanie witryny WWW, podobnie jak tworzenie wstępnego zarysu książki, planowanie czy malowanie, może być czasami bardzo złożonym procesem. 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. W tym rozdziale nauczyłeś się opracowywać prosty plan i strukturę grupy stron WWW a więc jak:

• zdecydować, jaką treść chcesz zaprezentować,

• wyznaczyć cele, którym służyć ma witryna,

• podzielić treść na główne tematy,

• stworzyć ogólny plan witryny.

Z tym planem w ręku możesz przystąpić do lektury kolejnych rozdziałów, gdzie nauczysz się tworzyć pojedyncze strony WWW, hiperpołączenia między nimi oraz uatrak­cyjniać stro­ny poprzez wstawianie grafiki i mediów innego rodzaju.

Warsztat

Pierwsza część warsztatu zawiera pytania, jakie zwykle są zadawane podczas planowania witryn internetowych. Do każdego z pytań dołączona jest odpowiedź. Na kolejne pytania odpowiedz samodzielnie. Jeśli będziesz miał problem z którymś z nich, odpowiedź znajdziesz w następnej sekcji. Ćwiczenia pomogą Ci zaplanować zawartość Twojej witryny.

Pytania i odpowiedzi

P. Wygląda na to, że organizacja stron to spory kawał roboty. Chcę stworzyć coś pro­stego, a Ty wmawiasz mi, że potrzebne mi do tego cele, tematy i scenopis.

O. Jeżeli rzeczywiście tworzysz coś w miarę prostego, to tak naprawdę nie będziesz musiał robić zbyt wiele — a może nawet nic — z tego, co opisałam w tym rozdziale. Ale jeżeli mówisz o więcej niż dwóch lub trzech połączonych ze sobą stronach, stworzenie planu przed rozpoczęciem pracy naprawdę pomoże. Jeżeli rzucisz się w wir pracy, może okazać się, że zapamiętanie wszystkiego jest ponad Twoje siły. Wynik pracy może dalece od­biegać od ocze­kiwań. Czytelnicy nie będą mogli wydobyć szukanych informacji w sensowny sposób, a co chyba gorsze, sam nie będziesz w stanie tak zorganizować stron, aby ułożyły się w logiczną całość. Opracowanie planu nie boli, a może osz­czędzić wiele czasu.

P. Mówiłaś w tym rozdziale wiele na temat organizacji tematów i stron, nie wspom­niałaś natomiast ani słowa o projektowaniu i kształcie pojedynczych stron.

O. O tych sprawach przeczytasz w kolejnych rozdziałach książki. Najpierw zapoznasz się z możliwościami języka HTML (jest to język, w którym tworzy się strony WWW), dowiesz się, co można, a czego nie można zrobić za jego pomocą. Więcej informacji na temat układów i projektowania stron WWW znajdziesz w rozdziale 22. „Tworzenie i projektowanie stron WWW: zalecenia i przeciwwskazania”.

P. A jeżeli nie odpowiada mi żadna ze struktur, które omówiłaś w tym rozdziale?

O. Opracuj własną. Jeżeli tylko czytelnik będzie mógł bez problemów znaleźć to, czego szuka lub robić to, co chcesz, aby robił, żaden przepis nie nakazuje korzystania ze struktury liniowej czy hierarchicznej. Moim celem była wyłącznie prezentacja kilku idei, z których możesz, ale nie musisz korzystać podczas projektowania własnych stron.

Quiz

1. Jak pokrótce mógłbyś wyjaśnić znaczenie pojęć witryna WWW, serwer WWW, strona WWW?

1. Jakie znaczenie ma strona domowa witryny internetowej?

2. Jaki jest następny etap projektowania witryny, po wybraniu przeznaczenia Twojej witryny internetowej?

3. Bez względu na strukturę witryny, na każdej stronie powinien się zwykle znajdować jeden, określony odnośnik. Jaki to odnośnik?

4. Jaki jest cel użycia ogólnego szkicu strony?

Odpowiedzi

1. Witryna WWW jest to jedna lub więcej stron WWW, połączonych w logiczną całość. Serwer WWW jest to komputer, który przechowuje witryny internetowe. Strony WWW, niczym strony w książce, są pojedynczymi elementami witryny internetowej.

1. Strona domowa witryny internetowej pełni rolę początkowego punktu, z którego odbywa się nawigacja po całej witrynie (pierwsza, najważniejsza strona).

2. Kiedy ustalisz cel lub przeznaczenie Twojej witryny internetowej, powinieneś podzielić zawartość witryny na poszczególne tematy lub sekcje.

3. Na każdej stronie swojej witryny internetowej powinieneś umieszczać połączenie do strony domowej. Umożliwi to użytkownikowi w każdym momencie powrót do strony początkowej.

4. Ogólny szkic wyglądu gotowej witryny pomoże Ci zorganizować strony WWW w sposób najbardziej przejrzysty i użyteczny dla Ciebie. Zalety tego szkicu wykorzystasz najlepiej podczas projektowania większych witryn internetowych.

Ćwiczenia

1. W pierwszym ćwiczeniu ustal listę kilku celów, które mogłyby przyświecać użytkownikom odwiedzającym Twoją witrynę. Im prostsze cele, tym lepiej.

1. Kiedy już ustalisz cele, odwiedź witryny internetowe o tematyce zbliżonej do projektowanej przez Ciebie witryny. Co sądzisz o ich zawartości i łatwości poruszania się po nich? Następnie wymień, co Ci się w nich najbardziej podoba. Jak mógłbyś zaprojektować swoją stronę lepiej?

64

HTML 4 - Vademecum profesjonalisty

64

Grunt to organizacja

2

---