Uno storyboard HTML è essenzialmente uno schizzo o un modo di progettazione di un sito Web prima di lavorare sul sito live. La mappa stradale di tipi può essere fatto su un pezzo di carta, in un quaderno o in un programma di arte in un computer. Lo scopo di creare uno storyboard per HTML o un sito Web è quello di vedere come potrebbe apparire il sito e se il disegno deve essere modificato prima della sua attuazione. Prima di poter effettuare lo storyboard HTML, scegliere un argomento che si sono appassionati e annotare cosa sai di quell'argomento.

Istruzioni

1

Butto giù alcune note sul tema che si desidera basare il tuo sito Web su. Decidere quali bit di informazioni che si desidera utilizzare e quali parti si desidera ignorare.

2

Questi pezzi di informazioni consente di creare categorie per il tuo sito. Ad esempio, se stai facendo uno storyboard HTML per un sito Web che si concentra sul self-publishing, alcune delle categorie che è implementare possono includere disegno di copertina, disposizione interna, editing e di marketing.

3

Disegnare il layout del tuo sito Web su un pezzo di carta e comprendono aree come ad esempio l'intestazione o il banner del tuo sito, un menu di navigazione, l'area del contenuto principale o aree, barre laterali, se si utilizza li e un piè di pagina. Avere il vostro menu di navigazione vengono visualizzati sotto il banner del tuo sito o all'interno di una barra laterale ed elencare le categorie all'interno di esso.

4

Creare una chat di flusso per tenere traccia della navigazione del tuo sito Web. Ad esempio, se la tua pagina principale link a una pagina sui fiori, e poi sulla tua pagina di fiori che si collega a fiori specifici, il diagramma di flusso avrà tre livelli e simile a ciò che è mostrato qui:

Principale pagina

Fiori

Roses lillà narcisi

5

Disegnare linee tra ogni pagina che si collega ad un altro. Alla fine, questo potrebbe finire per guardare come una ragnatela, ma sarà anche dare un'idea di quali pagine si hai collegato a e che quelli che si potrebbero avere dimenticato circa.

6

Utilizzare il disegno che hai fatto per la pagina principale del tuo sito per creare altre pagine. Ogni pagina del tuo sito mantenere coerente con gli altri. Evitare cambiando il layout complessivo o muoversi nel menu di navigazione. Questo renderà più facile per i visitatori di esplorare il sito.

Consigli & Avvertenze

• Annotare i tipi di font e colori che si desidera utilizzare nel vostro intestazioni, la navigazione e l'area del contenuto principale per riferimento futuro, quando iniziare a costruire il codice per il tuo sito.