Jak vytvořit stromový diagram pro webovou stránku

Diagram stromové struktury webu zobrazuje, jak jsou stránky na webu organizovány. Nadřazené stránky se zobrazují nad nebo nalevo od podřízených stránek, což označuje vztahy mezi webovými stránkami a způsob jejich přístupu. Webové vývojářské týmy používají diagramy při vytváření nebo redesignování webových stránek. Diagramy webových stránek mohou být jednoduché nebo komplikované v závislosti na velikosti webové stránky a potřebách vývojového týmu.

Krok 1
Vytvořte seznam webových stránek, které webová stránka obsahuje nebo bude obsahovat . Ujistěte se, že každá uvedená položka bude stránka na vašich webových stránkách. V závislosti na velikosti vašich webových stránek přiřaďte na každou stránku číselný odkaz, který vám pomůže při tvorbě diagramu webu a sledování pokroku při vývoji webových stránek.

Krok 2
Použití seznamů s odrážkami, uspořádání osnovy zobrazit vztahy mezi rodiči a dítětem mezi každou stránkou na vašem webu. Například webové stránky obchodu s online oblečením mohou mít nadřazené stránky rodičů, které vedou k oblečení pro muže, ženy a děti. Každá z těchto stránek by měla typy oblečení, jako jsou košile a kalhoty uvedené pod nimi v obrysu, případně vedoucí k stránkám pro jednotlivé produkty.

Krok 3
Začněte vytvářet diagram kreslením jednoho obdélníku pro každý v horní části dokumentu. Do diagramu vložte krátký název každé webové stránky nejvyšší úrovně. Zahrňte referenční číslo stránky, abyste mohli vyhledat další podrobnosti o stránce v 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 pod vrcholovou kategorii pánského oblečení pro košile, kalhoty, šortky a kabáty. Zarovnejte tyto obdélníky vedle sebe, abyste ukázali, že stránky, které představují, jsou na stejné úrovni ve struktuře webu.

Krok 5
Připojte stránky podkategorií k kategorii nejvyšší úrovně, do které patří Pokud jste vytvořili graf hierarchie organizace. Například, nakreslit čáry z košile, kalhoty, šortky a kabáty stránek na pánské oblečení mateřské kategorie. Proveďte rovné čáry podobné těm v organizačním schématu, abyste zvýšili čitelnost diagramu webu.

Krok 6
Pokračujte ve větvení diagramu do podkategorií, dokud stromový diagram neobsahuje množství detailů, které potřebujete k efektivnímu zobrazení. rozvíjet své webové stránky. Například, košile oblečení košile a ležérní košile pod košile části pánské oblečení kategorie. Není však nutné zahrnout stránku pro každou příležitostnou pánskou košili do diagramu stránek.

Krok 7
Vyplňte části diagramů pro všechny kategorie nejvyšší úrovně vašich webových stránek ve stejném pořadí. způsob. Doplňte například webové stránky pro ženy a děti na webové stránce oblečení.
Upravte symboly používané ve stromovém diagramu a uveďte informace, které potřebujete předat svému týmu. Použijte například zaoblené obdélníky pro dynamické webové stránky a ilustraci několika webových stránek naskládaných dohromady, aby se zobrazila skupina podobných webových stránek, které nejsou jednotlivě uvedeny. Zahrnout legendu do diagramu vysvětlit vaše konvence.

Tip
Před zvážením kreslení diagramu na papíře předtím, než začnete vytvářet diagram pomocí počítače.

Varování