4. Navigácia

V tejto kapitole sa budeme venovať navigácii na webovej stránke.                                                                                      Na tú sa najviac používa hlavné menu, odkazy, rozcestníky a tlačidlá - postupne sa na všetky spoločne pozrieme.

1. Hlavné menu

Skôr, ako sa pustíš do tvorby webových stránok, rozmysli si, ako bude vyzerať hlavné menu.

V menu by mal návštevník tvojich stránok nájsť pár hlavných stránok, do ktorých bude tvoj web rozdelený (napr. Úvod, O mne, Obľúbení futbalisti, Kontakt a pod.).

Názvy stránok zbytočne nekomplikuj, nech návštevník netrávi dlhý čas ich čítaním.

Počet stránok je neobmedzený, môžeš vytvárať aj ľubovoľné množstvo podstránok - tie sa bežne v menu nezobrazujú a uvidíš ich po nájazde myšou.

2. Odkazy

Okrem hlavného menu môžeš na web vložiť odkazy. Odkaz môžeš vytvoriť z textu, obrázku alebo tlačidla.

Príklad:                                                                                                                                                                     

Obrázky môjho psíka môžeš nájsť tu.

(na slove "tu" je nastavený odkaz rovnako ako na tlačidle "Môj psíček" a na obrázku - môžeš to vyskúšať)

Nezabudni, že odkazy (rovnako ako stránky v menu) majú návštevníkovi uľahčiť orientáciu na webe. Po vytvorení základnej štruktúry webu požiadaj niekoho z tvojho okolia, či mu všetko pripadá logické a či sa bez problémov dostane na stránky, ktoré ho zaujímajú.

3. Rozcestníky

Na zobrazenie rôznych zoznamov, fotogalérií a pod. sa používajú rozcestníky, kde sa kombinujú obrázky alebo tlačidlá s textom. Rozcestníky sa používajú hlavne na väčších stránkach, ako napr. na tejto stránke.

Na tvorbu rozcestníkov môžeš využiť prvky a sekcie dostupné v editore cez znamienko "plus" uprostred a na ľavej strane. Zároveň môžeš byť kreatívny/a a skombinovať, čo ti napadne - pokiaľ ti to editor dovolí urobiť, pokojne to použi.

4. Logo

V rámci navigácie spomenieme aj logo. Je bežné, že cez logo sa užívateľ dostane na úvodnú stránku - tak je to nastavené aj v systéme Webnode bez možnosti úpravy.

TIP 1

Pokiaľ máš v hlavnom menu veľa stránok, nevojdú sa ti tam všetky a stránky sa na konci menu schovajú.

Ak potrebuješ, aby bolo viditeľných čo najviac stránok v menu, je lepšie zvoliť šablónu so zvislým menu, ako je napríklad na tejto našej stránke.

TIP 2

Pri vytváraní stránky je dobré si urobiť nejaký návrh na kúsok papiera. Môžeš si načrtnúť vzhľad úvodnej stránky s hlavnými prvkami a hlavné menu so systémom stránok a podstránok.

Inšpirovať sa môžeš aj na iných stránkach a pokiaľ máš možnosť, preber svoj návrh priamo s kamarátom alebo s niekym z rodiny. Získaš tak ihneď spätnú väzbu a návrhy na zlepšenie.

Pri tvorbe týchto stránok sme mali vytvorený návrh: na prvom obrázku je rozvrhnutie úvodnej stránky a menu, na druhom obrázku je načrtnutá podstránka.

Tieto obrázky slúžia ako hlavný vzor, mnohým ľuďom pomáhajú usporiadať si v hlave myšlienky a vytvoriť lepšiu predstavu o celom webe. Zároveň si ušetríš čas tým, že pri tvorbe stránok budeš vedieť, čo a kde nastaviť a budeš mať predstavu, ako sa budú ostatní ľudia na stránke pohybovať.

Pred tvorbou vlastného návrhu si Webnode editor najprv vyskúšaj, aby si vedel, ktoré prvky sa dajú použiť.