Einfachste Möglichkeit, eine Webseite aufzuteilen

Um eine saubere, gut organisierte und leicht lesbare Webseite zu erstellen, sollten Sie sich an die Grundlagen halten. HTML 5 und CSS 3 werden zwar alle in der Presse angezeigt, aber grundlegende HTML-Elemente wie Header, Absätze und ein paar gut platzierte Tabellen können eine Seite effektiv teilen, um Ihre Nachricht zu kommunizieren. Hier sind ein paar einfache und nützliche Tags zum Organisieren einer Site.

Kopfzeilen

Titel in verschiedenen Größen stechen ins Auge und weisen die Leser auf die Informationen hin, die sie lesen möchten. Beginnen Sie mit einem Haupttitel mit

oder

Stichworte:

Willkommen auf meiner Website

Verwenden Sie Header der unteren Ebene, um die Site vertikal in Abschnitte zu unterteilen. Begrenzen Sie die Kopfzeilen auf zwei oder drei Größen (von)

zu

und nicht mehr als drei oder vier Abschnitte.

Absätze

Verwenden Sie den Absatz

Tag zum Unterteilen von Text in Abschnitte wie folgt:

Erster Absatztext…

Zweiter Absatztext…

Halten Sie die Absätze klein und prägnant. Typische Web-Reader scannen Inhalte schnell, also kommen Sie im ersten oder zweiten Satz zu Ihrem Punkt, bevor sie sich langweilen, und klicken Sie auf einen anderen Link.

Bilder

Einige gut platzierte Bilder helfen auch, die Seite in logische Abschnitte zu unterteilen. Ändern Sie die Ausrichtung nach links und rechts, um die Seite aufzuteilen. Wenn möglich, konvertieren Sie Titel in Bilder, um Stil und Vielfalt hinzuzufügen. Bilder funktionieren auch gut, um Links und Schaltflächen zu ersetzen.

Tabellen

Verwenden Sie einfache Tabellen, um die Seite horizontal zu unterteilen. Eine einzelne Tabelle, die nach dem Titel platziert wird, teilt die Seite effektiv in zwei oder drei Abschnitte auf. Verwenden Sie den folgenden HTML-Code:

Linke Spalte Inhalt geht hier ...

Center-Inhalt geht hier….

Richtiger Inhalt geht hier ...

Die Tabelle füllt die Seite mit einer linken Spalte, die 20 Prozent der Seite einnimmt, einer rechten Spalte mit weiteren 20 Prozent und der mittleren Spalte dazwischen. Denken Sie daran, sich das valign-Attribut zu merken, damit jede Spalte oben beginnt und nach unten fließt. Vergessen Sie, dass dieses Attribut und der Inhalt vertikal zur Mitte der Seite ausgerichtet sind. Fügen Sie den Inhalt hinzu und passen Sie dann die Spaltenbreite an, bis die Präsentation richtig aussieht.

Linien und Grenzen

Eine horizontale Regel, codiert als "

"ohne Anführungszeichen oder einen Rahmen um eine Tabelle kann einen Abschnittswechsel hervorheben oder das Auge auf einen Textblock lenken. Verwenden Sie diese sparsam und halten Sie die Linienbreite auf maximal zwei oder drei Punkte. Experimentieren Sie mit diesen Elementen, um zu sehen, ob sie hinzufügen oder ablenken aus der Präsentation.

Leerraum

Leere Zeilen und Spalten unterteilen eine Seite oft besser als alle anderen Formatierungen. Zeilenumbrüche, codiert als "

"ohne Anführungszeichen, leere Absätze, als selbstschließende Tags codiert als"

"ohne Anführungszeichen und leere Tabellenspalten trennen den Text und machen das Layout für den Leser angenehmer. Leerer Speicherplatz nimmt nur wenig Bandbreite in Anspruch und ist der einfachste Weg, eine Seite zu teilen.