Website-Redesign

Technische Überarbeitung

Die Code-Struktur einer Webseite läßt sich als Baum darstellen. Die Diagramme auf dieser Seite wurden mit Hilfe von Websites as Graphs erzeugt.

Das erste Bild zeigt eine Webseite, die von einem ungeübten Designer mit einem »visuellen« Webdesignprogramm (Dreamweaver) erzeugt wurde.

Die Website funktionierte nicht in allen Browsern, was zum großen Teil an der unnötigen Komplexität des automatisch vom Programm erzeugten Codes lag.

Blaue Punkte stehen für Links, violette für Bilder und orange für die eigentlichen Textinhalte.

Das zweite Bild zeigt die selbe Seite nach unserer technischen Überarbeitung. Deutlich ist die reduzierte Komplexität der Struktur sichtbar. Die Textinhalte sind gebündelter.

Der Code der Website wurde bei der Überarbeitung von Hand neu geschrieben und nicht mehr automatisch erzeugt. Das Aussehen der Website hat sich bei dieser rein technischen Überarbeitung nicht geändert – außer, daß sie jetzt in allen Browsern funktioniert.