Wie ein HTML5 und CSS3-Site-Plan zum Aufbau
Oft beinhaltet die ersten Arbeiten auf einer großen Website einen Plan für die HTML5 und CSS3-Site-Design zu schaffen. diesen Schritt tun früh hilft Ihnen, den wahren Umfang des Projekts zu sehen. EIN Lageplan
ist eine Übersicht über eine Website. Normalerweise wird es als eine Hierarchie Diagramm gezeichnet.Stellen Sie sich vor Sie helfen werden gebeten, eine Website-Design für eine wissenschaftliche Abteilung an einer großen Universität. Die erste Frage ist, # 147-Was wollen Sie auf der Website? # 148- Schreiben Sie alles auf.
Fragen Sie Ihren Klienten, was sie wollen. Nachdem alle Teilnehmer alles vorschlagen, denken, dass sie ihre Website muss, verscheuchen sie aus dem Zimmer. Verwenden Sie nur Papier und Bleistift, erstellen Sie eine mehr organisierte Skizze basiert auf, wie Sie denken, sollten die Informationen organisiert werden.
Wie man eine Website Übersicht zu erstellen
Bewahren Sie diese Vorschläge im Auge, während eine Website Sichtsdiagramm zu erstellen:
Verwenden Sie das Gesetz der Sieben. Dieses Gesetz legt nahe, dass Menschen in der Regel nicht mehr als sieben Entscheidungen zu einer Zeit verarbeiten kann. Versuchen Sie, nicht mehr als sieben wichtigsten Segmente von Informationen zu haben, auf jeder Ebene. Jedes von diesen kann in weniger als sieben Stücke getrennt werden, und jede von diesen kann sieben Stücke haben.
Identifizieren Sie Gemeinsamkeiten. Während Sie die Daten durchsehen, entstehen allgemeine Gruppierungen. In der Universität Beispiel, könnte man leicht sehen, dass Sie eine Menge von Kursdaten, Grad Informationen, Informationen über Fakultät hatte und Forschung.
Versuchen Sie, jedes Thema zu einer Gruppe zugeordnet werden. Dies ist eine Form von Datennormalisierung Hier. Diese Datenstruktur ist nicht unbedingt eine formale, aber es könnte sein.
Vereinbaren Sie eine Hierarchie. Gruppe die Themen von den meisten allgemeinen zu den meisten spezifisch. Zum Beispiel kann der Begriff Kurs info ist sehr breit. N100 ist ein spezieller Kurs, und es kann viele Abschnitte (bestimmten Datum, Uhrzeit und Lehrer Kombinationen) haben. Daher ist es sinnvoll zu gruppieren Abschnitte unter N100 und N100 Gruppe unter Kurse.
Geben Sie repräsentative Daten. Nicht jeder einzelne Schrott von Informationen ist hier notwendig. Der Punkt ist, genügend Daten zu haben, so dass Sie die Beziehungen zwischen Daten sehen können.
Beachten Sie, dass dieses Diagramm tut nicht stellen die Website-Design. Der Zweck dieser Art von Diagramm ist zu sehen, wie die Daten selbst zusammen passt. Natürlich neigt dieses Diagramm, das die Seiteneinrichtung und die Menüstruktur zu informieren, aber es muss nicht.
Nicht jede Box ist eine Seite. Es könnte sein, aber nicht sein müssen. Später im Prozess, können Sie entscheiden, wie die Teile der Website zu organisieren.
Der Aufbau dieser Art von Site-Diagramm ist absolut entscheidend für größere Websites, oder Sie sonst nie wirklich den Umfang des Projekts erfassen. Lassen Sie die wichtigsten Akteure schauen Sie vorbei, um zu sehen, ob es die genau über Information Sie versuchen zu vermitteln.
Wie Sie das Site-Diagramm bauen
Die Site-Diagramm ist eine speziellere Version der Website-Übersicht. An dieser Stelle machen Sie eine Verpflichtung über die einzelnen Seiten, die Sie im System und deren organisatorische Beziehung wollen.
Die Site-Diagramm ist ein bisschen anders aus der Übersicht aus diesen Gründen:
Jede Box stellt eine Seite. Nun müssen Sie einige Entscheidungen darüber zu treffen, wie die Seiten organisiert. Bestimmen Sie auf welcher Ebene der Übersicht Sie separate Seiten haben. Zum Beispiel sind alle Streckenabschnitte auf einer Seite, oder alle Abschnitte von N100? Hat jeder Abschnitt des Kurses eine andere Seite? Diese Entscheidungen können Sie bestimmen, welche Technologien bei der Konstruktion der Seite nutzen zu können.
Die Site-Diagramm muss noch nicht auf jeder Seite. Wenn Sie 30 Klassen haben, müssen Sie nicht für jeden zu berücksichtigen, wenn Sie wissen, wohin sie gehen, und sie alle haben die gleiche allgemeine Zweck und Design.
Die Navigationsstruktur sollte klar sein. Die Hierarchie sollte Ihnen eine klare Navigationsstruktur. (Natürlich können Sie, und oft sollte, eine sekundäre Navigationsstruktur hinzufügen.)
Benennen Sie jede Box. Jede Seite sollte einen Namen haben. Diese Box Namen zu Seitentitel übersetzen und Ihnen helfen, einen einheitlichen Titel System bilden. Diese Anordnung ist für Ihr Navigationssystem nützlich.
Identifizieren Gesamtlayout für jede Box. Im Allgemeinen verwendet ein Ort nur ein paar Layouts. Sie haben ein Standard-Layout für die meisten Seiten. Oft hat der Titelseite ein anderes Layout (für Nachrichten und Navigationsinformationen). Sie können Spezial Layouts, sowie zu haben. Zum Beispiel haben die Fakultät Seiten alle ein bestimmtes Layout mit einem prominenten Bild. Sie nicht das Layout hier planen - einfach identifizieren.
Sortieren Sie die Reihenfolge aus. Wenn die Reihenfolge der Seiten zählt, ist die Site-Diagramm der Ort, es zu erarbeiten.
Das Ziel für diesen Teil der Website-Planung ist ein klares Verständnis davon, was jede Seite benötigt. Diese Information sollte es Ihnen leicht, die Daten und die visuelle Gestaltung Schritte abzuschließen. Die Site-Diagramm ist eine absolut kritische Dokument. Nachdem Sie es zugelassen haben, drucken Sie es aus und kleben Sie es auf Ihrem Monitor. Es ist Ihre Karte für den Rest des Projekts.