Komplette Überarbeitung im Sommer 2008

Details

In den Monaten Juli bis Dezember 2008 habe ich die Seite während der Erstellung des Berichts vom AlpenX08 komplett überarbeit.

Hierbei wurden viele Änderungen vorgenommen.

Aufbau

Designvorlage

  • Neue Designvorlage: Multifex3.
  • Bei Multiflex 3 werden DIV Elemente zur Gestaltung verwendet (bisher TABLE)

Seitengestaltung

  • 3 Spalten (bisher 2 Spalten)
  • Der Inhalt der rechten Spalte wird teilw. über PHP Funktionen erstellt, so dass eine einheitliche Mehrfachverwendung möglich ist.
  • Die Seite erstreckt sich nicht über die ganze Seite, sondern "nur" über 1200 Pixel (optimiert für 1280x1024 Pixel). Dies hat den Vorteil, dass Texte einfacher gelesen werden können (kein Verwechseln der Zeile beim Zeilenwechsel) und den Vorteil, dass die Seite auch bei Auflösungen mit Breite größer 1280 Pixel gut dargestellt werden.

Optik

Farben

  • Bisher war alles in Blautönen. Laut Rückmeldungen von Usern wirkt das teilw. etwas langweilig. Deshalb wurde das komplett überbeitet mit einer Mischung aus blau, orange und weiß.

Tabellen

  • Tabellen werden durch CSS vorformatiert => einheitliches Design ohne Aufwand
  • Zellentrennung geschieht nicht mit Linien, sondern durch Hintergrundfarbe.

Navigation

Aufteilung des Menüs auf der linken Seite mit den Ebenen 1-5 in mehrere Bereiche:

  • Dropdownmenu enthält Ebene 1 und Ebene 2 der Navigation (PHP Funktion: PrintDropDownMenu).
  • Menü links enthält Ebene 3 und Ebene 4 (PHP Funktion: PrintLeftMenu).
  • Menü Ebene 5 ist nun oberhalb des linken Menüs.
  • Links, die bisher im Kopf des Mainbereichs lagen, sind nun zusammen mit Ebene 5 oberhalb des linken Menüs angeordnet. Diese Links werden von Hand gepflegt.
  • Bisher wurden für die Navigation absolute Pfade verwendet. Jetzt werden ausschließlich relative Pfade verwendet. Der Vorteil, dass die Navigation immer funktioniert unabhänigig davon wo sie im Netz oder lokal gespeichert ist.

Einführung eines Side-Menüs:

  • Ganz oben rechts wurde ein Menü mit den Einträgen: Wiki, Blog, Gästebuch, Mail eingeführt. (PHP Funktion: PrintLevel1Menu).

    • Erzeugung der Menüs

  • Bisher wurde das Menü auf der linken Seite automatsich anhand der Ordnerstruktur erzeugt.
  • Die Nachteile hierbei sind eine umständliche Sortierung der Menüeinträge sowie das Ausblenden bestimmter Einträge.
  • Jetzt wird das Menü automatisch mit Hilfe von Konfigurationsdateiei erzeugt.

Design bei MTB-Tourenbeschreibung

  • Tourendaten werden mittels einer CSV Datei und PHP Funktionen automatisiert dargestellt, so dass die Daten an mehren Stellen dargestellt werden können, aber nur einmal gespeichert werden.
  • Höhenprofil der Tour in der rechten Spalte als Link auf die große Darstellung des Profils.
  • Bilder auf der Seite sind Links auf das entsprechende Foto der Galerie.
  • Landkarten sind keine JPG´s mehr, sondern Google-Maps Karten und daher zoombar.

Weiteres

  • Der Besucherzähler in der Fußzeile wurde bisher mit Hilfe des Tools von goweb.de realisiert. Jetzt findet CounterChaos Verwendung.