Un diagramma ad albero del sito Web illustra come sono organizzate le pagine di un sito Web. Le pagine padre sono mostrate sopra o a sinistra delle pagine figlio, indicando le relazioni tra le pagine Web e il modo in cui sono accessibili. I team di sviluppo Web utilizzano i diagrammi durante la creazione o la riprogettazione dei siti Web. I diagrammi dell'albero del sito Web possono essere semplici o elaborati, a seconda delle dimensioni del sito Web e delle esigenze del team di sviluppo.
Passaggio 1
Crea un elenco delle pagine Web che il sito Web contiene o conterrà . Assicurati che ogni elemento elencato sia una pagina sul tuo sito web. A seconda delle dimensioni del tuo sito Web, assegna un riferimento numerico a ciascuna pagina per aiutarti a costruire il diagramma del tuo sito e monitorare i progressi mentre sviluppi il tuo sito Web.
Passaggio 2
Utilizzando elenchi puntati, organizza la struttura per mostrare le relazioni genitore-figlio tra ogni pagina del tuo sito web. Ad esempio, il sito Web di un negozio di abbigliamento online può contenere pagine padre di alto livello che portano all'abbigliamento per uomo, donna e bambino. Ognuna di quelle pagine avrebbe tipi di abbigliamento come camicie e pantaloni elencati sotto di loro nel contorno, portando infine a pagine per singoli prodotti.
Passaggio 3
Inizia a creare il diagramma disegnando un rettangolo per ciascuno categoria nella parte superiore di un documento. Inserisci un titolo breve per ogni pagina Web di livello superiore nel diagramma. Includi il numero di riferimento della pagina in modo da poter cercare ulteriori dettagli sulla pagina nei tuoi altri documenti di pianificazione del sito Web.
Passaggio 4
Disegna rettangoli per ogni sottocategoria sotto una delle tue categorie di livello superiore. Ad esempio, disegna quattro rettangoli nella categoria di livello superiore dell'abbigliamento maschile per camicie, pantaloni, pantaloncini e cappotti. Allinea questi rettangoli uno accanto all'altro per illustrare che le pagine che rappresentano sono allo stesso livello all'interno della struttura del tuo sito Web.
Passaggio 5
Connetti le pagine delle sottocategorie alla categoria di livello superiore a cui appartengono come se stavi creando un diagramma gerarchico di un'organizzazione. Ad esempio, disegna le linee dalle pagine di camicia, pantaloni, pantaloncini e cappotti alla categoria dei genitori di abbigliamento maschile. Crea linee rette simili a quelle di un organigramma per aumentare la leggibilità del diagramma del tuo sito.
Passaggio 6
Continua a ramificare il diagramma in sottocategorie fino a quando il diagramma ad albero contiene la quantità di dettagli necessari per sviluppa il tuo sito web. Ad esempio, disegna scatole di camicie eleganti e camicie casual sotto la sezione camicie della categoria abbigliamento maschile. Tuttavia, potrebbe non essere necessario includere la pagina per ogni camicia da uomo casual nel diagramma del tuo sito.
Passaggio 7
Completare le sezioni del diagramma per tutte le categorie di livello superiore del tuo sito Web nello stesso maniera. Ad esempio, completa le sezioni per donne e bambini del sito Web di abbigliamento.
Modifica i simboli utilizzati nel diagramma ad albero per indicare le informazioni che devi trasmettere alla tua squadra. Ad esempio, utilizzare rettangoli arrotondati per pagine Web dinamiche e un'illustrazione di diverse pagine Web accatastate insieme per mostrare un gruppo di pagine Web simili che non sono elencate singolarmente. Includi una legenda nel diagramma per spiegare le convenzioni.
Suggerimento
Prendi in considerazione l'idea di disegnare una porzione del diagramma su carta prima di iniziare a creare il diagramma utilizzando un computer.
Avviso
I diagrammi dell'albero del sito Web possono essere molto grandi. Dividi il diagramma in diagrammi più piccoli che rappresentano ciascuno una piccola sezione del sito Web per stampare il diagramma. Assembla il diagramma su una parete per una grande rappresentazione visiva del tuo sito Web o metti i diagrammi in un taccuino come riferimento mentre sviluppi le numerose pagine del sito Web.
Computer © www.354353.com