Nachfolgend finden Sie CSS^[15] -basierte Seitengerüste (auch Vorlagen beziehungsweise Templates) zur Erstellung barrierefreier Webseiten in verschiedenen Grundlayouts. Für eine detaillierte Beschreibung der Templates lesen Sie bitte im Artikel Barrierefreiheit: Seitengerüste nach.

Alle Seitengerüste beziehungsweise Templates in einer Datei zusammengefasst

 templates_all.zip (ZIP-Archiv, rund 54 kB^[29] )

Alle von C2Web entwickelten CSS^[15] -basierten Seitengerüste für Webseiten in verschiedenen Grundlayouts, zusammengefaß in einer Datei.

Template 1 in 2

 template_1_in_2.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 1 in 2 ist ein Ein-Zeiler mit zwei Spalten. Nutzungsbeispiel: Links die Navigation und rechts der Inhalt.

Template 1 in 3

 template_1_in_3.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 1 in 3 ist ein Ein-Zeiler mit drei Spalten. Nutzungsbeispiel: Links die Navigation, mittig der Inhalt und rechts aktuelle Mitteilungen.

Template 2 in 1

 template_2_in_1.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 1 ist ein Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich. Nutzungsbeispiel: Oben die Navigation und unten der Inhalt.

Template 2 in 2 mit Kopf

 template_2_in_2_Kopf.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 2 mit Kopf ist ein Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich. Nutzungsbeispiel: Oben ein Bildelement, unten links die Navigation und unten rechts der Inhalt.

Template 2 in 2 mit großer Navigation

 template_2_in_2_Navigation.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 2 mit großer Navigation ist ein Zwei-Zeiler mit einer Spalte über zwei Zeilen links sowie zwei Zeilen als Kopf- und Inhaltsbereich rechts. Nutzungsbeispiel: Links die Navigation, oben rechts Adressdaten oder bei Bedarf eine Unternavigation und unten rechts der Inhalt.

Template 2 in 2

 template_2_in_2.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 2 ist ein Zwei-Zeiler mit jeweils zwei Spalten im Kopf- und Inhaltsbereich. Nutzungsbeispiel: Oben links ein Logo, oben rechts ein Bildelement, unten links die Navigation und unten rechts der Inhalt.

Template 2 in 3 mit großem Inhalt

 template_2_in_3_Inhalt.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 3 mit großem Inhalt ist ein Zwei-Zeiler mit drei Spalten im Kopfbereich und zwei Spalten im Inhaltsbereich. Nutzungsbeispiel: Oben links ein Logo, oben mittig eine horizontale, primäre Navigation, oben rechts Adressdaten, unten links eine vertikale, sekundäre Navigation und unten rechts der eigentliche Inhalt.

Template 2 in 3 mit Kopf

 template_2_in_3_Kopf.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 3 mit Kopf ist ein Zwei-Zeiler mit einer Spalte im Kopf- und drei Spalten im Inhaltsbereich. Nutzungsbeispiel: Oben ein Grafikelement, unten links die Navigation, unten mittig der Inhalt und unten rechts aktuelle Mitteilungen.

Template 2 in 3

 template_2_in_3.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 2 in 3 ist ein Zwei-Zeiler mit jeweils drei Spalten im Kopf- und Inhaltsbereich. Nutzungsbeispiel: Oben links ein Logo, oben mittig eine horizontale, primäre Navigation, oben rechts Adressdaten, unten links eine vertikale, sekundäre Navigation, unten mittig der Inhalt und unten rechts aktuelle Mitteilungen.

Template 3 in 1

 template_3_in_1.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 3 in 1 ist ein Drei-Zeiler mit jeweils einer Spalte im Kopf-, Inhalts- und Fußbereich. Nutzungsbeispiel: Oben eine horizontale Navigation, mittig der Inhalt und unten Adressdaten.

Template 3 in 2

 template_3_in_2.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 3 in 2 ist ein Drei-Zeiler mit jeweils zwei Spalten im Kopf-, Inhalts- und Fußbereich. Nutzungsbeispiel: Oben links ein Logo, oben rechts ein Bildelement, mittig links eine vertikale Navigation, mittig rechts der eigentliche Inhalt, unten links ein Verweis auf das Impressum und unten rechts Adressdaten.

Template 3 in 3

 template_3_in_3.zip (ZIP-Archiv, rund 4 kB^[29] )

Template 3 in 3 ist ein Drei-Zeiler mit jeweils drei Spalten im Kopf-, Inhalts- und Fußbereich. Nutzungsbeispiel: Oben links ein Logo, oben mittig eine primäre, horizontale Navigation, oben rechts eine Suchen-Box, mittig links eine sekundäre, vertikale Navigation, mittig der eigentliche Inhalt, mittig rechts aktuelle Mitteilungen, unten links ein Verweis auf das Impressum, unten mittig Adressdaten und unten rechts ein Verweis auf eine Kontaktmöglichkeit.

Ende Seiteninhalt.Sie haben nun folgende Optionen:

• Anfang Seiteninhalt .
• Navigation .
• Artikel drucken .
• Kontaktinformationen .

¹⁵ CSS

Cascading Style Sheet

²⁹ kB

Kilobyte: Größe einer Speichereinheit (1 Kilobyte = 1000 Byte)

Navigationsübersicht, springe zu:

• Hauptmenü.
• Schnellsuche.
• Tags.
• Spezielle Seiten.
• Tastaturkürzel.

Spezielle Seiten

• 0.1 Inhaltsübersicht.
• 0.2 Hilfe.
• 0.3 Datenschutz.
• 0.4 Impressum.

RSS.  Seiten anpassen