Wpierw musimy zadać sobie pytanie jak chcemy podzielić nasz serwis. W tej fazie projektowania najlepiej wziąć kawałek kartki oraz ołówek i rozrysować sobie strukturę swojej witryny. Wpierw należy zacząć od zaznaczenia strony głównej. Potem musimy się zastanowić nad podziałem reszty stron na działy i jeśli zajdzie taka potrzeba, działy podzielić na kategorie . Dla przykładu witryna WEB design dzieli się na pięć działów: artykuły, kursy, programy, zasoby oraz serwis. One z kolei dzielą się na tematyczne kategorie np. artykuły dzielą się na kategorie: kodowanie, projektowanie oraz promocja, dział programy dzieli się na edytory i narzędzia itp. A co mam zrobić, jeśli zajdzie potrzeba podzielenia kategorii na jeszcze mniejsze podstrony, a te na jeszcze mniejsze itd.? Oczywiście możemy to zrobić, jednak trzeba pamiętać, że taką ogólną zasadą jest robienie nie więcej niż trzech poziomów podziału.
o autorach
Marcin Maciocha Marcin projektuje strony WWW od 1997 roku. Prowadził nieistniejący już serwis WEB design, współtworzył NetHut. Dziś studiuje dziennikarstwo na Uniwersytecie Jagiellońskim i hobbystycznie zajmuje się polityką. Uwielbia grać w piłkę nożną, a umie w tenisa. Z dziką lubością obraca się w świecie współczesnej kultury.
Łącznie napisał dla nas 4 artykułów.tych samych autorów
- Czy potrzebujesz bazy danych? [MM]
- Bezboleśnie w sieć [MM]
- Typografia WWW [MM]
zobacz również
Przy tworzeniu podziału należy się wcielić w nie tylko rolę twórcy, ale także zwykłego internauty mającego przeglądać twój serwis. Dlatego należy bezwzględnie przestrzegać logicznego układania działów i kategorii tak, aby odwiedzający twoją witrynę nie miał żadnych kłopotów z dotarciem do określonych informacji. Skąd na przykład miałby on wiedzieć, że program Corel Draw umieściłeś w kategorii edytory tekstów, a Worda w dziale klienci FTP?
Paski nawigacyjne
Właściwie spotykane są dwa rodzaje pasków nawigacyjnych: tekstowy oraz graficzny. Do zalet tego pierwszego należą niewątpliwie szybkość jego ładowania oraz prostota tworzenia. Trzeba jeszcze dodać, że tekstowy wcale nie musi oznaczać brzydki. Dzięki stylom kaskadowym jak i możliwością tworzenia zaawansowanych tabelek efekt może być naprawdę dobry.
Jeśli chodzi o pasek graficzny to jego największą zaletą jest na pewno to, że dzięki niemu można osiągnąć to co nie byłoby możliwe do stworzenia w zwykłym HTMLu. Jednak przy jego tworzeniu należy pamiętać, że grafika musi zostać zoptymalizowana pod kątem sieci, ponieważ nie ma nic gorszego niż długie czekanie na załadowanie strony.
Istnieją jeszcze paski nawigacyjne przypominające menu rozwijalne znane z Windowsa. Są one bardzo efektowne i praktyczne jednak to, że są zbudowane w DHTMLu powoduje, iż mimo zapewnień ich tworców nie w każdej przeglądarce wyglądają tak samo, a nawet potrafią czynić stronę kompletnie nieczytelną (zobacz np. strony Microsoftu Netscape Communicatorem).
Umiejscowienie
Jednak stworzenie dobrego paska nie załatwia problemu. Bardzo ważne jest, aby znajdował się on w odpowiednio widocznym miejscu. Najważniejszą zasadą, jest taka, aby był on widoczny bez potrzeby przewijania strony. Najczęściej projektanci umieszczają go na szczycie lub w lewej czy prawej części strony. Czasami, gdy serwis jest bardzo rozbudowany tworzy się po kilka pasków leżących w wyżej wymienionych miejscach. Bardzo dobrym sposobem jest także stworzenie drugiego, mniejszego paska na samym spodzie strony, tak aby internauta nie musiał z powrotem przewijać jej do góry.
Gdzie ja jestem?
Czy pamiętacie jeszcze czasy DOSa? W linii komend zawsze znajdowała się informacja w jakim katalogu akurat jesteś. Dla młodszych użytkowników komputerów dodam, że wyglądało to mniej więcej tak: "C:\GRY\TD3\BIN\". Tę prostą metodę można również przenieść na twoje strony. Przykładowo może to wyglądać w ten sposób: "Home>Progamy>Edytory HTML>Pajączek 2000". Dzięki temu prostemu zabiegowi internauta zawsze będzie wiedział w jakiej części serwisu się znajduje.