Referenzprojekte 2005 / 2010
Musiker: Berlin Rock 'n' Rollers
Mit Klassikern aus den 50ern touren sie seit nunmehr 10 Jahren durch die Lande und beweisen "Rock 'n' Roll will never die". (http://www.berlinrockandrollers.de)
Anforderungen 2010
Redesign der bestehenden Website: Erstellung statischer XHTML-Seiten nach vorgegebenem Layout.
Bildbeschreibungen: Bildschirmfotos der Startseite Berlin Rock 'n' Rollers und Seiten-Ausschnitt nach Redesign 2010. Im Kopfbereich der Seite sind feste Layoutgrafiken horizontal angeordnet. Darunter folgt, ebenfalls horizontal, die Navigation mit neun Verweisen. Der eigentliche Hauptbereich unterhalb der Navigation ist verschieden aufgebaut. Hauptbestandteile sind Textabschnitte und Grafiken, jedoch auf den Unterseiten unterschiedlich positioniert. Das Layout ist geprägt durch weiße Schrift auf schwrzem Hintergrund, wobei Verweise durch die Farben hellorange und hellblau hervorgehoben werden.
Ein wenig Statistik: 29 XHTML-Seiten, 49 Grafiken, 11 Audio-Dateien, 2 CSS-Dateien.
Rückblick: Anforderungen 2005
- Erstellung statischer XHTML-Seiten
- Startseite (Begrüßung und Bild der Musiker)
- Musiker (Vorstellung der Mitglieder mit Foto und E-Mail-Adresse)
- Musik (Einbindung von Hörproben)
- Fotogalerie (Ausgewählte Fotos verschiedener Auftritte)
- Termine (Tabellarische Auflistung unterteilt nach Jahren)
- Kontaktseite (mit Kontaktformular)
- Partner-, Presse- und Impressum-Seiten
- Erstellung eines Fotoalbum zur Geburtstagsparty 2005
- Gestaltung in verschiedenen Gelb- und Orange-Farbtönen
- Nutzung der gesamten Seitenbreite, egal welche Auflösung
- Optimierung für eine Auflösung von 1024 × 768
- Verweis auf ein vorhandenes Gästebuch
Bildbeschreibungen: Bildschirmfotos der Startseite Berlin Rock 'n' Rollers und Navigations-Ausschnitt. Im Kopfbereich der Seite ist links das Logo, das als Verweis auf die Startseite dient und rechts eine Zusatznavigation (Partner, Presse, Gästebuch, Impressum, Aktuelles). Darunter folgt horizontal das Hauptmenü. Die fünf Schaltflächen sind mit einem gelb-orangen-Hintergrund versehen, der jeweils aktive Hauptverweis wird durch einen dunkelorangen Hintergrund sowie ein Schmuckelement hervorgehoben. Dann folgt der Hauptbereich, der in zwei Bereiche unterteilt ist: Links befindet sich das jeweilige Untermenü, rechts der Inhaltsbereich. Der Inhaltsbereich ist mit dunkelorangem Hintergrund und gelb-oranger Schrift gestaltet. Verweise werden in blauer Schrift dargestellt.
Ein wenig Statistik: 96 XHTML-Seiten, 161 Grafiken, 8 Audio-Dateien, 1 CSS-Datei.