Stromový diagram webových stránek ukazuje, jak jsou stránky na webu uspořádány. Nadřazené stránky se zobrazují nahoře nebo nalevo od podřízených stránek, což naznačuje vztahy mezi webovými stránkami a způsob, jakým jsou přístupné. Týmy pro vývoj webu používají diagramy při vytváření nebo redesignu webových stránek. Stromové diagramy webových stránek mohou být jednoduché nebo komplikované, v závislosti na velikosti webu a potřebách vývojového týmu.
Krok 1
Vytvořte seznam webů, které web obsahuje nebo bude obsahovat. Zajistěte, aby každá uvedená položka byla stránkou na vašem webu. V závislosti na velikosti vašeho webu přiřaďte každé stránce číselný odkaz, který vám pomůže při vytváření diagramu vašeho webu a sledování pokroku při vývoji vašeho webu.
Krok 2
Pomocí seznamů s odrážkami uspořádejte obrys tak, aby se zobrazily vztahy mezi rodiči a dětmi mezi každou stránkou vašeho webu. Například web internetového obchodu s oblečením může mít nadřazené stránky nejvyšší úrovně, které vedou k pánskému, dámskému a dětskému oblečení. Každá z těchto stránek by měla v přehledu pod sebou uvedené typy oblečení, jako jsou košile a kalhoty, které by nakonec vedly ke stránkám pro jednotlivé produkty.
Krok 3
Začněte vytvářet diagram nakreslením jednoho obdélníku pro každou kategorii v horní části dokumentu. Vložte krátký nadpis pro každou webovou stránku nejvyšší úrovně do svého diagramu. Uveďte referenční číslo stránky, abyste si mohli vyhledat další podrobnosti o stránce ve svých dalších dokumentech pro plánování webových stránek.
Krok 4
Nakreslete obdélníky pro každou podkategorii pod jednou z vašich kategorií nejvyšší úrovně. Například nakreslete čtyři obdélníky v kategorii nejvyšší úrovně pánského oblečení pro košile, kalhoty, šortky a kabáty. Zarovnejte tyto obdélníky vedle sebe, abyste ilustrovali, že stránky, které představují, jsou na stejné úrovni ve struktuře vašeho webu.
Krok 5
Připojte stránky podkategorií k kategorii nejvyšší úrovně, do které patří, jako byste vytvářeli hierarchický diagram organizace. Například nakreslete čáry ze stránek košile, kalhot, šortek a kabátů do nadřazené kategorie pánského oblečení. Vytvářejte rovné čáry podobné těm v organizačním diagramu, abyste zvýšili čitelnost diagramu vašeho webu.
Krok 6
Pokračujte v rozdělování diagramu do podkategorií, dokud stromový diagram nebude obsahovat tolik podrobností, kolik potřebujete k efektivnímu rozvoji vašeho webu. Například nakreslete krabice košile a ležérní košile v sekci košile v kategorii pánského oblečení. Možná však nebude nutné zahrnout stránku s každou neformální pánskou košilí do diagramu vašeho webu.
Krok 7
Vyplňte sekce diagramu pro všechny kategorie nejvyšší úrovně vašeho webu stejným způsobem. Například vyplňte sekci pro ženy a děti na webu s oblečením.
Upravte symboly použité ve vašem stromovém diagramu tak, aby označovaly informace, které potřebujete sdělit svému týmu. Například použijte zaoblené obdélníky pro dynamické webové stránky a ilustraci několika webových stránek spojených dohromady, abyste zobrazili skupinu podobných webových stránek, které nejsou uvedeny jednotlivě. Zahrňte do svého diagramu legendu, která vysvětlí vaše konvence.