Jak vytvořit stromový diagram pro web

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.