1. Startseite
  2. Inhaltsverzeichnis
  3. Glossar
  4. Hilfe
  5. Weitere Services...
  1. Barrierefrei
  2. Grundlagen
  3. Umsetzung
  4. Marketing
  5. Suchdienste
  6. Templates

Web-Templates

Sie sind hier: StartseiteTemplates

Das Umsetzen einer barrierefreien Website - barrierefreies bzw. barrierearmes Webdesign - kostet vorerst mehr als eine herkömmliche Website - die Realisierung ist etwas zeitaufwendiger und damit meist teurer. Notwendig sind u.a. ein sauber durchdachtes Konzept, das Aneignen von Wissen seitens des Auftraggebers, die Schulung von Redakteuren, die Bereitstellung von unterstützenden Werkzeugen (bspw. mit einem CMS) und das Durchführen von Tests. Das Erstellen einer barrierefreien Website ist ein kontinuierlicher Prozess, bei dem ständige Qualitätskontrollen notwendig sind. Mit etwas Erfahrung und Routine werden sich die Kosten jedoch reduzieren und spätestens bei einem Relaunch amortisieren. In jedem Fall steht den Kosten eine valide, suchmaschinenfreundliche und eindeutig nutzerfreundlichere Website gegenüber.
Stand 10.09.2008

Inhaltsübersicht:

  1. Seitenvorlagen und deren Farbschema
  2. Ausführliche Beschreibung der einzelnen Templates
  3. Problematiken externer Vorlagen

Seitenvorlagen und deren Farbschema

Dieser Abschnitt stellt verschiedene Seitengerüste vor und zeigt Einsatzmöglichkeiten auf. Die Web-Templates ermöglichen ein zügiges Erstellen von Website-Seitengerüsten und bilden in der Praxis häufig benötigte Layout-Varianten ab. Über die Formatzuweisungen der externen CSS-Datei können Anpassungen in Farbe und Form ohne großen Aufwand umgesetzt werden.

Artikelvorschau 'Seitenvorlagen und deren Farbschema':

Seitenvorlagen

Jede XHTML-Datei besteht aus einem Dokumentenkopf und einem Dokumentenkörper. Der Dokumentenkopf enthält Metadaten, die im Browser größtenteils nicht sichtbar sind, der Dokumentenkörper die sichtbaren Kopf-, Navigations-, Inhalts- und Fußbereiche.

Lesen Sie mehr zu Seitenvorlagen
Farbschema

Die farbliche Gestaltung aller Templates unterliegt einem einheitlichen Farbschema. Verwendet werden die Farben Weiß (#ffffff), Grau (#f0eeeb), Schwarz (#000000), Hellblau (#efefff), Blau (#0000a3), Violett (#5d005d) und Rot (#b80000).

Lesen Sie mehr zu Farbschema

Seitenanfang

Ausführliche Beschreibung der einzelnen Templates

Die nachfolgend vorgestellten Templates bilden zwölf Seitengerüste ab, die in der Praxis häufig benötigt werden. Sie setzen sich aus Zeilen (einer horizontalen Aufteilung) und Spalten (einer vertikalen Aufteilung) zusammen. Je nach Aufbau der Templates entstehen z.B. Bereiche für Logo, Hauptnavigation, Unternavigation, Hilfsnavigation, Adresse, Inhalt und aktuelle Mitteilungen.

Artikelvorschau 'Ausführliche Beschreibung der einzelnen Templates':

Template 1.1

Ein-Zeiler mit zwei Spalten

Lesen Sie mehr zu Template 1.1
Template 1.2

Ein-Zeiler mit drei Spalten

Lesen Sie mehr zu Template 1.2
Template 2.1

Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich

Lesen Sie mehr zu Template 2.1
Template 2.2

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich

Lesen Sie mehr zu Template 2.2
Template 2.3

Zwei-Zeiler mit einer Spalte über zwei Zeilen links und zwei Zeilen als Kopf- und Inhaltsbereich rechts

Lesen Sie mehr zu Template 2.3
Template 2.4

Zwei-Zeiler mit jeweils zwei Spalten im Kopf- und Inhaltsbereich

Lesen Sie mehr zu Template 2.4
Template 2.5

Zwei-Zeiler mit drei Spalten im Kopfbereich und zwei Spalten im Inhaltsbereich

Lesen Sie mehr zu Template 2.5
Template 2.6

Zwei-Zeiler mit einer Spalte im Kopf- und drei Spalten im Inhaltsbereich

Lesen Sie mehr zu Template 2.6
Template 2.7

Zwei-Zeiler mit jeweils drei Spalten im Kopf- und Inhaltsbereich

Lesen Sie mehr zu Template 2.7
Template 3.1

Drei-Zeiler mit jeweils einer Spalte im Kopf-, Inhalts- und Fußbereich

Lesen Sie mehr zu Template 3.1
Template 3.2

Drei-Zeiler mit jeweils zwei Spalten im Kopf-, Inhalts- und Fußbereich

Lesen Sie mehr zu Template 3.2
Template 3.3

Drei-Zeiler mit jeweils drei Spalten im Kopf-, Inhalts- und Fußbereich

Lesen Sie mehr zu Template 3.3

Seitenanfang

Problematiken externer Vorlagen

Abschließend wird die Integration externer Templates untersucht und letztendlich gezeigt, dass weder Validität noch Barrierefreiheit bei den vorgestellten Anbietern im Vordergrund steht. Vielmehr liegt der Fokus auf der Vermarktung der Templates. Zur Integration in die eigene Website bieten verschiedene Unternehmen eigene Templates an, z.B. Banner als Werbefläche oder Artikeldaten als Kaufanregung. Nachfolgend werden stellvertretend Templates von Amazon und eBay vorgestellt und hinsichtlich ihrer Validität untersucht.

Artikelvorschau 'Problematiken externer Vorlagen':

Amazon Partnerprogramm

Das Amazon.de PartnerNet ermöglicht es, nach der Registrierung über ein Online-Anmeldeformular Amazon.de-Produkte auf der eigenen Website zu bewerben.

Lesen Sie mehr zu Amazon Partnerprogramm
eBay Partnerprogramm

Das eBay Partnerprogramm stellt ebenfalls verschiedene Werbemittel zur Verfügung. Je mehr neue Mitglieder sich bei eBay anmelden und je mehr Gebote bzw. Sofort-Kauf-Transaktionen über den erstellten Verweis generiert werden, desto höher ist die Vergütung.

Lesen Sie mehr zu eBay Partnerprogramm

Seitenanfang

Tastaturkürzel:

  • 1: Startseite
  • 2: Barrierefrei
  • 3: Grundlagen
  • 4: Umsetzung
  • 5: Marketing
  • 6: Suchdienste
  • 7: Templates
  • 8: Inhaltsverzeichnis
  • 9: Hilfe
  • 0: Kontakt

Hinweis zur Verwendung:

  • Internet Explorer:
    Alt + Zahl + Enter
  • Firefox:
    Umschalt + Alt + Zahl
  • Opera:
    Umschalt + Esc + Zahl
  • Safari:
    Alt + Zahl

Layout:

Service-/Hilfsnavigation:

  1. Startseite
  2. Kontakt
  3. Kontaktformular
  4. Datenschutz
  5. Impressum
  6. Aktuelles
  7. Änderungshistorie
  8. Inhaltsverzeichnis
  9. Glossar
  10. Hilfe
  11. Suche