Un diagramma di sito Web assiste nella pianificazione di contenuti, grafica e altre caratteristiche durante la creazione di un nuovo sito Web o un sito esistente di ristrutturazione. Il diagramma sito aiuta anche a mantenere il server directory e sottodirectory organizzato. Diagrammi di un sito Web secondo una gerarchia delle informazioni è efficienti per siti Web semplici e complessi. La gerarchia può essere visualizzata come albero di famiglia di un sito Web, dove ogni "ramo" deriva fuori dalle principali "tronco". La home page, pagine di contenuto principale e sottosezioni di quelle pagine principali che contengono le informazioni più dettagliate consisterà in un diagramma semplice sito Web.

Istruzioni

1

Raccogliere tutti i contenuti che verranno incluse nel sito Web, da informazioni di contatto per gli articoli e le descrizioni dei prodotti.

2

Creare una struttura di sito semplice, basato su testo, utilizzando il contenuto. Il contorno non deve necessariamente contenere molti dettagli e sarà non mostrare link tra le pagine. Con la home page in alto come livello uno, elencare le pagine principali come livello due e sottosezioni come livelli tre e quattro. Ecco un esempio:

1.0 Home page
2.1 a proposito di noi
3.1 Consiglio di amministrazione
3.2 profili dei dipendenti
3.3 aperture di lavoro
2.2 FAQ
3.4 domande di top ten
2.3 prodotti
3.5 prodotto A
4,1 caratteristiche e vantaggi
3.6 prodotto B
4,2 caratteristiche e vantaggi

3

Disegnare un rettangolo per rappresentare il livello uno, la home page e metterlo nella parte superiore del diagramma. Fare una breve nota nel rettangolo su quali contenuti desideri mettere lì.

4

Disegnare rettangoli sotto livello uno per rappresentare le pagine di contenuto principale, chiamate anche livelli due pagine. Ogni rettangolo rappresenta un'area di contenuto separata. Dall'esempio precedente, tre rettangoli rappresenterebbe chi siamo, FAQ e prodotti.

5

Disegnare rettangoli più sotto le pagine principali per rappresentare il contenuto dettagliato, o livelli tre pagine. Considerare l'utilizzo di un simbolo diverso, ad esempio il simbolo multidocumento, che si presenta come tre rettangoli sovrapposti, per pagine secondarie, come i profili dei dipendenti all'interno della struttura di esempio. Ciò manterrà la struttura ordinata, soprattutto per grandi siti Web, riducendo il numero di rettangoli e linee nel diagramma.

6

Inserire linee che collegano la home page a ciascuna delle pagine principali per rappresentare i collegamenti tra tutti i livelli. Utilizzare linee continue per rappresentare i collegamenti standard tra le pagine e linee tratteggiate per rappresentare i legami incrociati, che sono collegamenti a siti esterni.