English
Chinese
Zum Design der zentralen Webseiten der Universität vom Oktober 2006Im Oktober 2006 wurden die zentralen Webseiten der Universität von der Pressestelle neu gestaltet. Dem zugrunde liegt "Corporate Design" für die Universität, das unter anderem in einem umfangreichen "CD-Manual" beschrieben ist. Mehr dazu unter Hier geht es jetzt um die technischen Details für das Layout dieser WWW-Seiten, damit Einrichtungen und Seminare dies übernehmen können. Der Aufbau der Seiten ist grundsätzlich konform mit den Empfehlungen für die Gestaltung der Webseiten der Universität zu Köln, wie sie im Herbst 2004 vom Concilium Decanale verabschiedet worden war. Neu ist zum einen die Farbgestaltung (weißer Hintergrund für Kopf und Fuß - blaugrauer Hintergrund für den Hauptteil), die farbige Schrift sowie das Siegel als Wasserzeichen rechts oben auf den Seiten. Für Einzelheiten siehe Unterschiede des Designs. Die exakten Farbwerte sind einer gesonderten Aufstellung der Pressestelle zu entnehmen. Für die technische Umsetzung werden im Wesentlichen zwei Lösungen angeboten:
Tabellen werden vielfach nachteilig hinsichtlich der Barrierefreiheit angesehen (vgl. dazu Barrierefreiheit im WWW). Daher wird auch eine tabellenfreie Lösung mit Layern angeboten. Diese hat aber auch erhebliche Nachteile: Zum einen überlappen sich Textteile (z.B. Menüs und Haupttextteil), wenn im Browser die Schriftgröße stark vergrößert wird, zum anderen verrutschen Textteile, wenn der Inhalt breiter ist als die Fensterbreite (z.B. infolge von Tabellen oder Bildern). Hierauf wird unten näher eingegangen. Die Tabellenlösung hat zudem den Vorteil, dass vorhandene Webauftritte, die auf Basis des 2004 verabschiedeten Uni-Designs über die Tabellentechnik erstellt worden waren, leichter auf das Design von 2006 umgestellt werden können. VariationenAuf den zentralen Uni-Seiten befindet sich über dem vertikalen Hauptmenü ein graublaues Rechteck. Auf den Institutsseiten wird dies weggelassen, da die Farbe sich mit den meisten Fakultätsfarben nicht verträgt. Dieses Rechteck wird erzeugt durch
und ist gegebenenfalls in den CSS-Definitionen von "#nav_main" einzufügen. |