< Předchozí | Další >

Lekce 2: Navrhnout strukturu webu

Tato lekce demonstruje, jak navrhnout strukturu webu.

Webové stránky se skládají z obsahu, jako jsou prvky HTML, obrázky a odkazy; nicméně, webový server je více než jen kolekce webových stránek. Webový server je hierarchický návrh a uspořádání toho, jak do sebe webové stránky zapadají. Webový server by měl mít maximální cíl (jako poskytování uspořádané oblasti kolekce pro krátké výpisy) a každá webová stránka by měla sloužit specifickému účelu, aby dosáhla cíle (např. stránka, která prohledává výpisy).

Při navrhování webového serveru, byste měli zvážit jaké funkce by měl server podporovat, aby dosáhl cíle. Pro webový server Classified existuje několik funkcí, které chcete, aby server prováděl. Např. pravděpodobně budete chtít, aby návštěvníci webu byli schopni hledat výpisy, stejně tak jako je vytvářeli a upravovali nové.

Pro vytvoření webového serveru, který provádí tyto funkce, naplánujeme čtyři stránky v tomto cvičení:
  • Domovská stránka, která zobrazuje všechny krátké inzeráty v databázi.
  • Stránka, která přidává nový inzerát do databáze.
  • Stránka, která mění nebo odstraňuje inzerát, který je momentálně v databázi.
  • Stránka, které zobrazí výsledky hledání filtrováním inzerátů podle kategorií.
Vytvoříme stránky v dalším cvičení.

  1. V pohledu Průzkumník projektů rozbalte ClassifiedsTutorial.
  2. Poklepejte na pohled Navigace webového serveru v Průzkumníku projektů. Otevře se Návrhář webu v pohledu Navigace. S tímto nástroje můžete přidat, odstranit a uspořádat webové stránky, které tvoří webový server.
  3. Zpočátku se zde nezobrazují ikony stránky v pohledu Navigace. První stránka, o které uvažujete, když navrhujete váš web, je hlavní stránka nebo domovská stránka webu. Toto je stránka, kde návštěvník vstoupí do vašeho webu. Táhněte komponentu Nová stránka z pohledu Paleta a umístěte ji na pohled Navigace. Ikona stránky se zobrazí v navigačním názvu stránky ve fokusu.
  4. Tato stránka bude domovskou stránkou, která zobrazuje všechny inzeráty na databázi. Zadejte Zobrazit všechny Classifieds pro navigační název stránky. Později se dozvíte, jak je navigační název použit jako štítek stránky pro účely navigace webu.
  5. Aby mohli návštěvníci webu zapsat svoje vlastní výpisy, potřebují stránku pro vytvoření nových výpisů. Přidejte druhou ikonu stránky pravým klepnutím na ikonu stránky Zobrazit všechny Classifieds a výběremPřidat > Nová stránka > Jako podřízená
  6. Pojmenujte novou stránku Zapsat výpis. Všimněte si, že nová ikona stránky je zobrazena pod ikonou stránky Zobrazit všechny Classifieds a připojena k řádku. Toto znamená, že Zapsat výpis a Zobrazit všechny Classifieds mají nadřízenou-podřízenou relaci.
  7. Také potřebujete stránku, kde návštěvníci mohou upravit nebo odstranit existující výpisy. Např. pokud návštěvník přidal výpis pro bicykl a byl zapsán delší dobu bez odezvy, prodejce možná bude chtít snížit požadující cenu. Přidejte ikonu stránky jako podřízenou položky Zobrazit všechny Classifides a pojmenujte ji Aktualizovat výpis. Všimněte si, že tato nová ikona stránky je příbuzná položky Zapsat výpis a další podřízená položky Zobrazit všechny Classifieds.
  8. Dále, váš webový server potřebuje vyhledávací funkci, aby návštěvníkům umožnil vyhledat existující výpisy. Abyste přidali stránku pro navrhování výsledků hledání, vytvořte další ikonu stránky jako podřízenou položky Zobrazit všechny Classifieds a pojmenujte ji Filtrované výpisy. Pozn.: Pokud jste omylem umístili stránku na špatné místo, nebo chcete-li znovu uspořádat vaší strukturu stránky, můžete kdykoli přetáhnout ikony stránek pro uspořádání vašeho webu.
  9. Stiskněte Ctrl+S pro uložení vašeho návrhu webu. Navigační zobrazení by mělo vypadat takto:
grafika navigačního zobrazení

Všimněte si, že je zde řádek malých ikon napříč spodní částí každé ikony stránky. První ikona, která zatím není viditelná, znázorňuje skutečné soubory přidružené k ikoně a objeví se poté, co jsou tyto soubory vytvořeny. Pokud vytvoříte soubor JSP, ikona je modrý kosočtverec (ikona kosočtverec); pokud vytvoříte soubor HTML, ikona je sadou hranatých závorek (ikona hranatých závorek). Druhá (ikona šipka) a třetí ikona (zahrnovaná grafika) jsou viditelné, indikující že předvoleně jsou všechny ze stránek nastavené tak, aby se objevily v navigaci a v mapě webu. Čtvrtá ikona (nonav icon), která není prozatím viditelná, se zobrazí, když přidružíte ikonu stránky ke skutečnému souboru. Tento soubor neobsahuje žádnou navigaci webového serveru. Ikona (navroot icon), která není zatím viditelná, na horní části ikony stránky znázorňuje navigační kořen. Více informací o těchto ikonách a dalších fazetách ikony stránky se zobrazí během práce na tomto modulu.

Nyní, když jste vytvořili svou obecnou strukturu webového serveru, můžete začít další lekci klepnutím na Další.