framedesignlab.com

Halten Sie sich an die Grundlagen, um eine saubere, gut organisierte und leicht lesbare Webseite zu erstellen. HTML 5 und CSS 3 erhalten möglicherweise die gesamte Presse, aber grundlegende HTML-Elemente wie Überschriften, Absätze und einige gut platzierte Tabellen können eine Seite effektiv unterteilen, um Ihre Nachricht zu kommunizieren. Hier sind einige einfache, nützliche Tags, mit denen Sie eine Site organisieren können.

Überschriften

Titel in verschiedenen Größen ziehen das Auge auf sich und verweisen die Leser auf die Informationen, die sie lesen möchten. Beginnen Sie mit einem Haupttitel mit

oder

Stichworte:

Willkommen auf meiner Website

Verwenden Sie Überschriften auf niedrigerer Ebene, um die Site vertikal in Abschnitte zu unterteilen. Beschränken Sie die Header auf zwei oder drei Größen, von

zu

und nicht mehr als drei oder vier Abschnitte.

Absätze

Verwenden Sie den Absatz

-Tag, um den Text wie folgt in Abschnitte zu unterteilen:

Text des ersten Absatzes…

Text des zweiten Absatzes…

Halten Sie Absätze klein und prägnant. Typische Webleser scannen Inhalte schnell, also kommen Sie mit den ersten ein oder zwei Sätzen zu Ihrem Punkt, bevor sie sich langweilen und auf einen anderen Link klicken.

Bilder

Ein paar gut platzierte Bilder helfen auch, die Seite in logische Abschnitte zu unterteilen. Variieren Sie die Ausrichtung nach links und rechts, um die Seite aufzuteilen. Wenn möglich, konvertieren Sie Titel in Bilder, um Stil und Abwechslung zu verleihen. Bilder funktionieren auch gut, um Links und Schaltflächen zu ersetzen.

Tabellen

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

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

Linien und Grenzen

Eine horizontale Regel, die als "" ohne Anführungszeichen codiert ist, oder ein Rand um eine Tabelle können einen Abschnittswechsel hervorheben oder den Blick auf einen Textblock lenken. Verwenden Sie diese sparsam und halten Sie die Linienstärke auf maximal zwei oder drei Punkte. Experimentieren Sie mit diesen Elementen, um festzustellen, ob sie die Präsentation ergänzen oder beeinträchtigen.

Leerraum

Leerzeilen und Spalten teilen eine Seite häufig besser als alle anderen Formatierungen. Zeilenumbrüche, codiert als "

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

"Ohne Anführungszeichen und leere Tabellenspalten trennen Sie den Text und machen das Layout für den Leser angenehmer. Leerer Speicherplatz beansprucht wenig Bandbreite und ist wirklich der einfachste Weg, eine Seite zu teilen.