Wie man eine HTML-Storyboard

Ein HTML-Storyboard ist im Wesentlichen eine Skizze oder eine Möglichkeit der Planung einer Website-Design vor der Bearbeitung der live-Seite. Diesen Fahrplan Art kann auf ein Stück Papier, in ein Liniertes Notizbuch oder eine Kunst-Programm auf einem Computer erfolgen. Der Zweck der Erstellung eines Storyboards HTML oder Website ist zu sehen, wie die Website aussehen könnte und ob das Design muss geändert werden, bevor Sie es implementieren. Bevor Sie Ihre HTML-Storyboard vornehmen können, wählen Sie ein Thema sind Sie leidenschaftlich und schreiben Sie auf, was Sie über dieses Thema wissen.

Anweisungen

1 Notieren Sie einige Notizen zum Thema, dass Sie möchten auf Ihrer Website basieren. Entscheiden Sie, welche Bits von Informationen, die Sie verwenden möchten und welche Teile Sie würden gerne ignorieren.

2 Verwenden Sie diese Stücke von Informationen erstellen Sie Kategorien für Ihre Website. Beispielsweise, wenn Sie eine HTML-Storyboard für eine Website, die Schwerpunkt Selbstverlag vornehmen, enthalten einige der Kategorien, die Sie implementieren Cover-Design, Innenaufteilung, Bearbeitung und Vermarktung.

3 Zeichnen Sie Layout Ihrer Website auf ein Blatt Papier und umfassen Sie Bereiche wie Kopf- oder Banner in Ihre Website ein Navigationsmenü, Hauptinhaltsbereich oder Bereiche, Seitenleisten, wenn Sie ihnen und eine Fußzeile verwenden. Haben Sie Ihr Navigations-Menü unter dem Banner Ihrer Website oder in einer Sidebar angezeigt, und Listen Sie Ihre Kategorien drin.

4 Erstellen Sie einen Fluss-Chat zu verfolgen Ihre Website-Navigation. Beispielsweise ist wenn Ihre Hauptseite zu einer Seite über Blumen Links und dann auf Ihre Blumen-Seite, die Sie eine zu bestimmten Blumen Verknüpfung, Ihre Arbeitspläne haben drei Rängen und etwa so aussehen was hier dargestellt:

Main Page

Blumen

Rosen Flieder Narzissen

5 Zeichnen Sie Linien zwischen jeder Seite, die mit einem anderen verknüpft. Am Ende Dies könnte am Ende sah aus wie ein Spinnennetz, sondern auch geben Sie eine Vorstellung davon, welche Seiten Sie verbunden haben und die diejenigen, die Sie vergessen haben vielleicht.

6 Verwenden Sie das Design, die, das Sie für die Startseite Ihrer Website vorgenommen, um andere Seiten zu erstellen. Halten Sie jede Seite Ihrer Website konsistent mit den anderen. Vermeiden Sie das Gesamtlayout ändern oder das Navigationsmenü zu bewegen. Dies wird für die Besucher Ihrer Website Durchsuchen erleichtern.

Tipps & Warnungen

• Notieren Sie die Schriftarten und Farben, die Sie in Ihre Überschriften, Navigation und Hauptinhaltsbereich um zu Referenzzwecken verwenden, wenn Sie den Aufbau des Codes für Ihre Website beginnen möchten.