Überarbeitetes Corporate Design und Web-Autorensystem

Mit dem neuen Corporate Design für Webseiten stehen den Webautoren neue Möglichkeiten zur Verfügung, die dieser Artikel beschreibt.

"Alles neu macht der Mai" - getreu diesem Motto "erstrahlen" seit Anfang Mai die Webseiten der TU Chemnitz im neuen Corporate Design. Der grundlegende Aufbau ist natürlich erhalten geblieben, aber neben einigen kosmetischen Auffrischungen sind etliche Neuerungen und kleinere Details "unter der Haube" berichtenswert. Diese neuen Möglichkeiten können Sie über das Autorensystem verwalten. Die neuen Einstellungen für die Rahmendefinition sind nachzulesen unter http://www.tu-chemnitz.de/tu/corporate_design/internet/config.php

Anmeldung am Web-Trust-Center (Schlüsselsymbol):

Hat sich ein Benutzer hier einmal angemeldet, können alle Dienste, die eine Authentifizierung erfordern, genutzt werden. Berechtigte Autoren können mit einem Klick auf "Für Autoren" am Fuß der Seite ihre Dokumente mit dem Autorensystem bearbeiten.

Barrierefreie Gestaltung

War das System bisher auf Layout-Tabellen aufgebaut, werden jetzt nur noch Style Sheets verwendet. Der Dokumenttyp wurde von HTML 4.0 zu XHTML 1.0 verändert. Das Basislayout ist valides XHTML und CSS und entspricht damit den Vorgaben des W3C Consortiums zur barrierefreien Gestaltung von Webseiten. Für wichtige Funktionen gibt es Tastaturkürzel. So ist der Link "Für Autoren" auch per Tastatur aktivierbar: Alt+e - in Firefox 2: Alt+E (=Alt+Umschalt+e). Weitere Hinweise: http://www.tu-chemnitz.de/tu/allgemeines/barrierefrei.html

Neue Gestaltungsmöglichkeiten für das Inhalts-Menü (links, ggf. rechts):

Wenn viele Webseiten über das Inhalts-Menü erreichbar sein sollen, kann dies schnell unübersichtlich lang werden. Abhilfe schaffen zwei neue Stile für Menüeinträge:

Klappmenü: 'stil' => 'klappm'
Punkt wird normalerweise nicht angezeigt, sondern erst beim Überfahren des vorher definierten Punktes aufgeklappt (ohne JavaScript, nur via CSS). Wird dann eins der "Klappmenüpunkte" angeklickt, erscheint in der folgenden Seite das Menü an der Stelle "aufgeklappt" und eingerückt.
Verstecktes Menü: 'stil' => 'subm'
Punkt wird nicht angezeigt, erst wenn übergeordneter Punkt angeklickt wird.
Neues Attribut 'auth' => '1' Eintrag erscheint nur dann, wenn der Leser via Web-Trust-Center angemeldet ist. Damit kann man administrative Menüeinträge vor externen Nutzern verbergen, die damit ohnehin nichts anfangen können.

"Schnellauswahl"-Menü rechts oben vor dem Suchfeld:

Über dieses Menü sollen häufig gesuchte Seiten schnell gefunden werden können, auch wenn diese nicht im Inhaltsmenü links (und evtl. rechts) auftauchen. Wir haben die häufigsten Suchabfragen an unsere lokale Suchmaschine ermittelt und die besten Treffer dazu in das Standard-Schnellauswahl-Menü aufgenommen. Als Webautor können Sie im Autorensystem selbst bestimmen, wie das Schnellauswahl-Menü auf Ihren Seiten aussehen soll:

Standard-Schnellauswahl-Menü anzeigen
kein Schnellauswahl-Menü anzeigen
eigenes Schnellauswahl-Menü anzeigen - Dies können Sie im Autorensystem erstellen.

Bildstreifen als Blickfang über der Seite

Dies ist ein Bild, das sich quer über den gesamten Inhaltsteil ausbreitet, zu sehen z.B. in http://www.tu-chemnitz.de/informatik/ Auch dies ist einstellbar im Autorensystem:

Rahmendefiniton config.inc bearbeiten
Variable $seitenbild mit einem Dateinamen oder einem URL-Pfad setzen (oder aus vorhandenen auswählen)
evtl. Hintergrundfarbe oder -bild setzen, mit der/dem bei Bedarf (breites Browserfenster) links "aufgefüllt" wird.

Wenn ein solches Seitenbild nicht in allen Dokumenten verwendet werden soll, definieren Sie diese Variable nicht in config.inc, sondern in der jeweiligen Seite selbst. Diese beginnt dann so:

 <?php require_once('config.inc');
       $seitenbild = '/tu/images/titelbilder/titelbild_etit.jpg';
       seite(__FILE__); ?>

Damit lassen sich im Übrigen auch andere Variablen der config.inc für einzelne Dokumente ändern, z.B. $autor oder $email. Dafür bietet jetzt auch das Autorensystem eine einfache Unterstützung an.

Webseiten in anderen Sprachen erzeugen und verwalten

Wenn Sie Webseiten in einer anderen Sprache anbieten wollen, unterstützt Sie das Autorensystem, indem Elemente des Rahmens in der jeweiligen Sprache erscheinen und die Dokumente in den Sprachvarianten automatisch verlinkt werden (angezeigt durch Flaggensymbole rechts oben). Das Übersetzen der Inhalte bleibt natürlich Aufgabe des Autors.

Zur Umsetzung gibt es zwei Möglichkeiten.

1. Vollständige Übersetzung mit identischer Struktur

Dies ist die empfohlene Variante: Hierbei wird die grundlegende Struktur der bestehenden deutschen Seiten beibehalten. Für jede übersetzte Seite wird automatisch ein Verweis auf die jeweils andere Sprachversion eingefügt, falls diese vorhanden ist: Vor der Schnellauswahl erscheinen dann Flaggensymbole.

Ändern Sie via WFM die Datei config.inc:
Erstellen einer Datei config.inc.en:
Stellen Sie die Verknüpfung zu Deutsch auf "automatisch anhand Endung" und übersetzen Sie insbesondere die Navigations-Hierarchie und die Menü-Leiste(n). Hängen Sie an den Dateinamen jeweils .en an.
Für jede Inhaltsseite erzeugen Sie eine entsprechende englische Seite, indem Sie auf das Symbol klicken. So entsteht z.B. aus index.html eine Datei index.html.en Zur Übersetzung sind einige Hilfsmittel eingebunden (Google Übersetzung, BEOLINGUS-Wörterbuch). Diese Unterstützung ist z.Z. nur für Englisch umgesetzt. Die Dateiendungen für die anderen Sprachen lauten: Französisch .fr, Russisch .ru, Tschechisch .cz, Polnisch .pl

Als Verknüpfung zur Fremdsprache in Schritt 1. können Sie auch "automatisch anhand Endung oder maschinelle Übersetzung" auswählen. Dann wird für jede Seite, für die es (noch) keine erstellte Übersetzung gibt, ein Verweis zum Google-Übersetzer eingefügt: Dies bietet aber für Ihre Leser nur eingeschränkten Nutzen, da die maschinelle Übersetzung nicht optimal und vielleicht sogar irreführend sein kann.

2. Teilweise Übersetzung mit geänderter Struktur

Mit dieser Variante können Sie eine separate englische Version mit anderer Struktur aufbauen, um z.B. Seiten zusammenzufassen und nur die wichtigsten Informationen zu übersetzen. Die Umschaltung erfolgt hier nicht "zielgenau" wie bei Variante 1, sondern führt immer zu einer festen Anfangsseite.

Erstellen Sie diese englischen Seiten am besten in einem Unterverzeichnis, z.B. mit Namen en.
Diese Seiten verwenden ein eigenes config.inc: Sprache für Rahmen: Englisch, Verknüpfung zu Deutsch: fester Pfad: ../
Im config.inc der deutschen Seiten ändern Sie:

Beide Varianten können separat für die Sprachen Englisch, Französisch, Russisch, Tschechisch und Polnisch eingestellt werden. So können Sie z.B. eine vollständige englische Übersetzung anbieten, während Sie für andere Sprachen auf eine maschinelle Übersetzung verweisen, z.B.

Das URZ bietet auch im kommenden Semester wieder Kurse zum Thema "Web-Dokumente erstellen" an. Am 7. Oktober geht es um "Web-Dokumente im neuen Corporate Design der TU Chemnitz" - siehe http://www.tu-chemnitz.de/urz/kurse/kurz/www-gr.html

Weitere Hinweise: http://www.tu-chemnitz.de/urz/www/cd.html

Neben dem Autorensystem auf der Basis von WFM gibt es mit TucWikiCMS eine Alternative insbesondere für Autoren mit TWiki-Erfahrung.