Un diagramma di albero sito web illustra come sono strutturate le pagine di un sito Web. Pagine padre vengono visualizzati di sopra o a sinistra delle pagine figlie, che indica le relazioni tra le pagine Web e come vi si accede. Team di sviluppo di Web utilizzano i diagrammi quando creazione o la riprogettazione di siti Web. Diagrammi ad albero sito Web possono essere semplici o elaborati, a seconda della dimensione del sito Web e le esigenze del team di sviluppo.

Istruzioni

1

Creare un elenco di pagine Web il sito Web contiene o conterrà. Garantire che ogni elemento elencato volontà essere una pagina sul tuo sito Web. A seconda delle dimensioni del tuo sito Web, è necessario assegnare un riferimento numerico a ogni pagina per facilitare la costruzione del diagramma di sito e monitorare i progressi come si sviluppa il tuo sito Web.

2

Utilizzando elenchi puntati, organizzare il contorno per mostrare le relazioni padre-figlio tra ogni pagina sul tuo sito Web. Ad esempio, sito Web di un negozio di abbigliamento online possono avere pagine di padre di primo livello che conduce all'abbigliamento uomo, donna e bambini. Ognuna di quelle pagine avrebbe tipi di abbigliamento come magliette e pantaloni elencati sotto di loro nella struttura, portando infine alla pagine per i singoli prodotti.

3

Iniziare a creare il diagramma disegnando un rettangolo per ogni categoria nella parte superiore di un documento. Inserire un breve titolo per ogni pagina Web di primo livello nel diagramma. Includere il numero di riferimento della pagina così è possibile cercare ulteriori dettagli sulla pagina negli altri documenti di pianificazione del sito Web.

4

Disegnare rettangoli per ogni sottocategoria sotto una delle tue categorie di primo livello. Ad esempio, disegnare quattro rettangoli sotto la categoria di primo livello dell'abbigliamento maschile per camicie, pantaloni, pantaloncini e cappotti. Allineare questi rettangoli side-by-side per illustrare che le pagine che rappresentano sono allo stesso livello all'interno della struttura del tuo sito Web.

5

Collegare le pagine di sottocategorie per la categoria di primo livello che appartengono all'interno come se si dovesse creare un organigramma di gerarchia. Ad esempio, disegnare linee dalle pagine camicia, pantaloni, pantaloncini e cappotti per categoria di padre abbigliamento maschile. Fare linee rette simili a quelli di un organigramma per aumentare la leggibilità del diagramma di sito.

6

Continuare dirama il diagramma in sottocategorie fino a quando il diagramma ad albero contiene la quantità di dettaglio che è necessario sviluppare in modo efficace il tuo sito Web. Ad esempio, è possibile disegnare scatole di camicie di vestito e camicie casual sotto la sezione di camicie della categoria Abbigliamento maschile. Esso può non essere necessario, tuttavia, per includere la pagina per ogni maglia casual nel diagramma di sito.

7

Completare le sezioni di diagramma per tutte le categorie di primo livello del tuo sito Web nello stesso modo. Per esempio, completa di donne e di bambini sezioni del sito abbigliamento.

8

Modificare i simboli utilizzati nel diagramma di albero per indicare le informazioni che è necessario comunicare alla tua squadra. Ad esempio, uso arrotondati rettangoli per le pagine Web dinamiche e un'illustrazione delle diverse pagine Web impilati insieme per mostrare un gruppo di pagine Web simili che non sono elencati singolarmente. Includere una legenda sul diagramma per spiegare le convenzioni.

Consigli & Avvertenze

• Considerare il disegno di una porzione del diagramma su carta prima di iniziare a creare il diagramma utilizzando un computer.
• Diagrammi ad albero sito Web possono essere molto grandi. Suddividere il diagramma in più piccoli diagrammi che ciascuno rappresenta una piccola sezione del sito Web al fine di stampare il diagramma. Assemblare il diagramma su un muro per una grande rappresentazione visiva del tuo sito Web, o mettere i diagrammi in un notebook per riferimento, come si sviluppano molte pagine del sito.