Referenzprojekte 2007
Informationsportal: C2Web
C2Web ist ein Projekt der VBG und möchte speziell Webdesigner für die Thematik "Barrierefreies Internet" begeistern. C2Web liefert die wichtigsten Informationen und Tricks für eine barrierefreie Kommunikation im Internet. Exemplarisch werden realisierte Lösungsansätze zur Vermeidung und Überwindung von Barrieren im Internet präsentiert. Im Laufe des Projektes werden Werkzeuge und Hilfsmittel für Webdesigner entwickelt, die es ermöglichen, die Zugänglichkeit von Internetauftritten deutlich zu steigern und die Barrierefreiheit (entsprechend BITV) zu prüfen. (http://www.c2web.de)
Generelle Anforderungen
- Erstellung dynamischer XHTML-Seiten
- Moderne Gestaltung unter Verwendung der Farben weiß, orange, blau und schwarz
Bildbeschreibungen: Bildschirmfotos der Startseite C2Web und Navigations-Ausschnitt. Im Kopfbereich der Seite ist links das Logo, mittig die Servicenavigation und rechts die E-Mail-Adresse. Dann folgt der Hauptbereich, der in drei Bereiche unterteilt ist: Links befindet sich die Navigation mit pro Hauptnavigator wechselnden Unternavigatoren sowie einem Sucheingabefeld, mittig der Inhaltsbereich und rechts aktuelle Informationen, ein Styleswitcher zur Regulierung der Schriftgröße sowie Hinweise zur Bedienung mit Tastaturkürzeln. Überschriften sind mit einem orangen Hintergrund abgesetzt, Verweise werden in blauer Schriftfarbe umgesetzt, Textbereiche sind mit schwarzer Schrift auf weißem Hintergrund ausgezeichnet. Der jeweils aktive Navigationspunkt wird in oranger Farbe hervorgehoben, bereits besuchte Verweise werden in lila und kursiv gekennzeichnet.
Einsatz eines Content Management Systems
Für die Internetpräsenz zum Projekt C2Web ist ein CMS notwendig. Eingesetzt wird das Open Source CMS Contenido in der Version 4.6.15, es fallen keine Nutzungs- oder Lizenzkosten an.
Folgende Seitenvorlagen wurden in Contenido eingerichtet:
- Übersichtsseite mit Vorstellung der einzelnen Kategorien, kurzem Teaser (kurzer Artikelausschnitt) und Verweis auf die Artikel
- Standardartikel mit Überschrift- und Inhaltsbereich
- Block für aktuelle Mitteilungen, der dynamisch mit Inhalten gefüllt wird, wenn im Bereich "Aktuelles" Mitteilungen hinzugefügt werden
- Linkliste mit Verweis auf externe Seiten und Kurzbeschreibungen
- Download-Seite mit Dateiname, Beschreibung, Dateityp, Dateigröße und Anzahl bereits erfolgter Downloads
- Kontaktformular mit Pflichtfeldern und optionalen Feldern
Entwicklung nach aktuellen Standards
- Die Seiten sind nach den Richtlinien der BITV gestaltet.
- Es erfolgt eine Trennung von Layout und Inhalt durch den Einsatz von CSS.
- Für die Seitenvorlagen wird XHTML in der Version 1.0 Strict verwendet.
- Die Seiten sind für eine Auflösung von 1024 × 768 Pixel optimiert.
- Die Seiten funktionieren auf jedem gängigen Browser.
Ein wenig Statistik
- 49 XHTML-Seiten
- 49 Grafiken
- 2 CSS-Dateien
- 1 RSS-Datei
2007: Projekt wurde umgesetzt und ist abgeschlossen.