Und weiter gehts. Jetzt im Neuen Design

Neu (V6):

Neu in V6 ist die Bilderspielseite.

Im Einzelnen:

  1. Neue Startseite.
  2. 'Impressum & Kontakt' wurde auf 'Kontakt' verkürzt, was bei den meisten Browern dafuer sorgt, dass die Seiten auch wieder auf 1024er Schirme passen.
  3. Die zweite Impressumsseite zeigt HTML ohne CSS
  4. Ausserdem ist mal ein Test fuer ein _einfaches_ zweispaltiges Layout mit CSS drinnen. Dazu wurde die neue Appleseite mit viel Text angelegt.
  5. Zu guter Letzt habe ich Ralfs Anregung umgesetzt und ein Drucklayout angelegt. Hierbei fallen die Navigationsleisten Links und Rechts weg, die Druckbreite wird komplett ausgenützt. Zusätzlich wird zur Verschönerung das L1/L2 Menue auf die ausgewaehlten Eintrage verkürzt. Auch ein Layout fuer Projektionen (Beamer) ist jetzt dabei - Opera und Safari unterstuetzen das, soweit ich weis. Hier faellt nur die rechte Seite (Sprachwahl) weg.

Wie immer waer ich froh ueber Kommentare und Anmerkungen, so dass ich das dann Abhaken kann.

Was hier geht:

Die ersten 3 Puntke des Hauptmenues, sowie je vier Seiten bei Geschichte/Firmendarstellungen und vier bei Kontakt (Insgesammt 10 Seiten :))

Es soll erstmal nur ein Gefuehl fuer die Navigation vermittelt werden.

Bekannte Probleme

Titelseite mit 'Knoepfen'

Wichtigste Neuerung ist die gemaess der Besprechung von letzter Woche eingebaute Neue Titelseite. Dazu wurde das Menue 'Neues' in 'Home (hmpf:() umbenannt, und der neue Punkt Start eingefuehrt, dessen einziger Zweck das Angebot der Starteinstiege zu bieten.

Auf der Seite sind 2 Gruppen a 3 Bilder. Oben die Statischen Einstiege zu 'wer sind wir' (Traeger), der Museumsidee (Vision) und dem Museums-RZ. Unten sind dann drei moegliche Plaetze fuer wechselnde Inhalte, also mehr oder weniger Aktuelles, dass als Besonderer Einstieg dient. Hier mal Beispielhaft das Kaufingertor, das VCFe und die Aktion auf der Insel.

Die Farbwechsel bei den Bildern (Maus) wurden per javascript realisiert, da das zum einen auch bei aelteren Browsern einwandfrei funktioniert, zum anderen mir noch kein Weg mit CSS bekannt ist, der ohne fixe Dateinamen im CSS funktioniert, und das ist echt nicht praktisch.

Drucken

Nur Opera druckt immer mit Hintergrundfarben. Bei allen anderen muss man das noch extra im Drucksetup (Mozilla, Firefox) bzw. bei den erweiterten Interneteinstellungen (IE) einschalten. Und ausgerechnet der Opera macht wiederum Macken bei der Berechnung der Laenge des Hintergrunds.

Zweispaltiges Layout

Die Zweispaltigkeit funktioniert derzeit nur mit dem Firefox (getestet) und Safari (nicht getestet), da nur diese Beiden eine vorabversion des Spaltenlayouts von CSS3 anbieten. Ich denke es macht keinen Sinn hier eine eigene, aufwaendige Loesung (Java!) zu implementieren. Die wuerde auch nicht ueberall gleich laufen, und die Seiten drastisch aufblaehen. So wird es auf allen Browsern ohne Spaltenumbruch einspaltig dargestellt, auf denen die es koennen (hoffentlich in Zukunft alle) mehrspaltig.

Eine Lösung mit Tabellen ist zu unflexiebel und wuerde sehr hohen Aufwand (Testlayouts zur Hoehenberechnung, hohe Toleranz - also im Prinzip Layout jeder Seite per Hand) im Contentmanagement verursachen.

Was nicht drinnen ist

Die CSS-Freie Version ist noch nicht so ueberragend. Die zweite und dritte Kontaktseite dienen mal dazu diese Variationen einfach zu vergleichen, auch wenn man jetzt nicht weis wie man beim eigenen Browser CSS ausschaltet.

Beim Drucken könnte man noch den Inhaltsbereich weiss hinterlegen, um so die Lesbarkeit zu steigern, und den Toner/Tintenverbrauch zu reduzieren.

Worin unterscheidet es sich vom Zielauftritt

Solange es die IDB nicht gibt, sind die Geschichtesseiten noch direkt auf der Museumsseite - Spaeter faellt das raus und geht in die IDB - und damit wird dann natuerlich auch das Menue schmaler. Dann kann man auch ohne weiteres Neues in Aktivitäten umbenennen - was eh besser ist.

Viel Spass

H.

Alte Versionen: