UniversitätsKlinikum Heidelberg SCHNELLEINSTIEG. Für Internetredakteure des Universitätsklinikums Heidelberg

Transkript

1 UniversitätsKlinikum Heidelberg SCHNELLEINSTIEG Für Internetredakteure des Universitätsklinikums Heidelberg

2 Inhaltsverzeichnis 1. Einleitung 1.1. Über dieses Handbuch 1.2. Über Typo3 2. Die Typo3-Oberfläche 2.1. Überblick 2.2. Module 2.3. Navigation 2.4. Detailansicht 3. Typo3 in der Praxis 3.1. Browserkonfiguration 3.2. Einloggen / Ausloggen 3.3. Neue Seiten anlegen 3.4. Neue Seiteninhalte anlegen und pflegen 3.5. Der Rich-Text-Editor 3.6. Arbeiten mit Dateien 3.7. Die Webseiten des Universitätsklinikums in Typo3 1. Formatierungsoptionen im Hauptbereich 2. Mehrsprachigkeit 3. Inhaltselemente im rechten Menubereich Anhang: Links und Literaturhinweise

3 1. Einleitung 1.1. Über dieses Handbuch Dieses Handbuch soll Ihnen den Schnelleinstieg in die Arbeit mit Typo3 erleichtern. Dabei soll das grosse Typo3-Handbuch für Redakteure, das Sie sich von der Webseite des Medienzentrums downloaden sollten, natürlich nicht ersetzt werden. Dessen Studium zur Vertiefung Ihrer hier erworbenen Kenntnisse können wir Ihnen sehr empfehlen. In dieser Einführung geht es uns darum, Ihnen grundlegende Arbeitsschritte zu erläutern konkret bezogen auf das Typo3-Projekt des Universitätsklinikums. Und noch eine Bemerkung: Seien Sie bei Ihrer Arbeit mit Typo3 mutig - alle vorgenommen Aktionen lassen sich auch nachträglich wieder rückgängig machen, neu angelegte Seiten lassen sich problemlos wieder löschen, an andere Positionen verschieben, auch der Seitentyp lässt sich noch ändern. Das gleiche gilt auch für Seiteninhalte. Sie werden sehen, dass sich die meisten Möglichkeiten in Typo3 intuitiv erschliessen. Probieren Sie verschiedene Möglichkeiten aus eine Aufgabe zu erledigen um herauszufinden, welche Herangehensweise Ihrem Arbeitsstil am ehesten entspricht. Wir wünschen Ihnen viel Spass mit Typo Über Typo3 Typo3 ist ein Content Management System (CMS), das Ihnen hilft Webseiten zu erstellen und deren Inhalte zu verwalten. Durch die konsequente Trennung von Design und Inhalt müssen Sie sich um die Seitengestaltung keine Gedanken machen und können sich voll und ganz Ihrer eigentlichen Aufgabe der redaktionellen Arbeit widmen. Sie benötigen keine spezielle Software für Ihre Arbeit. Typo3 wird auf dem Webserver installiert, und stellt Ihnen in jedem Browser die grafische Benutzeroberfläche zur Verfügung, in der Sie Texte verfassen, Bilder einfügen können und noch einiges mehr. Sie benötigen dafür weder HTML- noch Programmierkenntnisse. Von den Administratoren wird dabei Sorge getragen, dass nur die für Sie relevante Funktionalität in der Benutzeroberfläche bereitgestellt wird, so dass Sie nicht von der Funktionsvielfalt, die Typo3 bietet, erschlagen werden. Die von Ihnen erstellten Inhalte verwaltet Typo3 zentral in einer Datenbank. Für technisch Interessierte: Dank eines ausgeklügelten Caching-Mechanismus, den Typo3 bietet, werden angeforderte Webseiten nicht durch aufwendige Datenbankzugriffe jedesmal neu erstellt, sondern nur beim ersten Aufruf. Dies entlastet den Webserver und führt zu einer guten Performance des gesamten Webauftritts. Weiterhin bietet Typo3 eine integrierte Bildbearbeitung, die es Ihnen einfach macht Grafiken oder Fotografien in Ihre Seiten zu integrieren: Von Ihnen eingefügte Bilder werden automatisch in ein webtaugliches Format gebracht. Ausser Bildern, können Sie natürlich auch andere Dateiformate wie PDF-Dokumente, ZIP-Archive usw. über die Typo3-Arbeitsoberfäche auf den Webserver hochladen. Sie bekommen dabei nur die Ihnen von den Administratoren zugewiesenen Arbeitsbereiche zu Gesicht, können darin aber auch weitere Verzeichnisse zur Strukturierung Ihrer hochgeladenen Dateien anlegen. Falls Sie spezielle Funktionalität auf einer Seite benötigen, lässt sich auch das mit Typo3 bewerkstelligen: Für das CMS stehen mittlerweile hunderte von Erweiterungen (wie z.b. Foren, Kalender und News-Module) zur Verfügung. Insgesamt bietet Typo3 Funktionalität und Einsatzmöglichkeiten, die viele kommerzielle Contentmanagement-Systeme nicht leisten können und ist dabei doch kostenlos. Typo3 ist unter der GPL (GNU/General Public License) lizensiert und wird als OpenSource- Software von einer grossen, engagierten Entwicklergemeinde permanent erweitert und gepflegt.

4 2. Die Typo3-Oberfläche 2.1. Überblick Module Navigation Detailansicht Die Typo3-Oberfläche ist in 3 Hauptbereiche gegliedert: a) Die Modulleiste: Hier können Sie das das Modul auswählen mit dem Sie arbeiten möchten. Für Ihre redaktionelle Arbeit werden Sie vor allem das Modul Seite (Page) benötigen. b) Die Navigation für das gewählte Modul. Normalerweise werden Sie, wie im Bild gezeigt, hier den Seitenbaum sehen, in dem Sie die Seite, die Sie bearbeiten möchten auswählen können. c) Die Detailansicht: Dies ist der tatsächliche Arbeitsbereich, in dem Sie Inhalte erstellen, Bilder einfügen und vieles mehr. Bitte beachten Sie, dass Sie auf diesem Screenshot eine Administrator-Ansicht der Typo3- Oberfläche sehen, in der alle Module und sämtliche Seiten zur Verfügung stehen. Da Sie in der Regel als Redakteure eingeloggt sein werden, wird Ihre Benutzeroberfläche von dieser Ansicht normalerweise abweichen.

5 2.2. Module Hier wählen Sie den Bereich aus, in dem Sie arbeiten möchten. Für Ihre redaktionelle Arbeit werden Sie hauptsächlich in den Bereichen Web, Datei, Dokumente sowie in Benutzer - Ihrem persönlichen Bereich tätig sein. Web-Module Dies ist der Bereich, in dem Sie Seiten anlegen, bearbeiten und sich anzeigen lassen können. In erster Linie werden Sie dabei das Modul Seite verwenden. Interessant ist hier auch das Modul Anzeigen, das eine Voransicht der Webseite bietet, sowie die Möglichkeit direkt in dieser Vorschau Seiteninhalte zu editieren. Datei-Module Hier habe Sie Möglichkeit Bilder oder andere Dateien für Ihre Webseite hochzuladen und zu verwalten. Dokumente-Modul Das Dokumentenmodul erlaubt Ihnen einen schnellen Zugriff auf Seiten oder Inhalte, die Sie gerade bearbeiten. Benutzer-Module Hier haben Sie, ähnlich wie im Dokumentenmodul schnellen Zugriff auf zuletzt von Ihnen bearbeitete Seiten und haben die Möglichkeiten sich Notizen zu Ihrer Arbeit anzulegen. Ausserdem können Sie über Einstellungen Ihre Arbeitsumgebung konfigurieren.

6 2.3. Navigation Wurde ein Modul ausgewählt, steht in diesem Bereich die zugehörige Menu- bzw. Navigationsstruktur zur Verfügung. Für die redaktionelle Arbeit am wichtigsten ist der Seitenbaum, der bei allen Web-Modulen angezeigt wird. Bitte beachten Sie auch hier, dass die nachfolgende Abbildung die Ansicht für Administratoren, also den kompletten Seitenbaum, darstellt. Sie werden hier normalerweise nur die Ihnen anvertrauten Seiten und Unterseiten sehen. Der Web-Module-Seitenbaum im Überblick: Durch Klicken auf die +/- Icons werden die einzelnen Navigationsebenen geöffnet bzw geschlossen. Ein Klick auf den Namen des Elements öffnet in der Detailansicht die Inhaltselemente zur Bearbeitung. Das Icon vor dem Namen zeigt Ihnen den Typ und den Status der Seite an. Ein Klick auf das Icon öffnet ein Kontextmenü, das Ihnen weitergehende Optionen bietet: Für Ihre redaktionelle Arbeit sind hier vor allem die Menupunkte Neu und Ansehen relevant. Beabeiten entspricht einem Klick auf den Elementnamen. Bitte beachten Sie, dass -je nach Konfiguration- Ihnen auch hier möglicherweise nicht alle Menupunkte zur Verfügung stehen. Klicken Sie hier um die Ansicht des Seitenbaums neu zu laden.

7 Wenn Sie ein Modul aus dem Dateibereich wählen, wird in der Navigationsleiste eine hierarchische Ansicht der Verzeichnisse und Unterverzeichnisse, die Ihre hochgeladenen Dateien enthalten, dargestellt. Auch hier gilt: Ihre Ansicht kann von der folgenden Abbildung abweichen, da Sie nur Ihren eigenen Bereich sehen. Die Datei-Navigation Durch Klicken auf die +/- Icons werden die einzelnen Navigationsebenen geöffnet bzw geschlossen. Ein Klick auf den Namen öffnet das Verzeichnis in der Detailansicht und zeigt die darin enthaltenen Dateien. Wenn Sie auf das Ordnersymbol vor dem Namen klicken öffnet sich auch hier ein Kontextmenu: Hier stehen Ihnen verschiedene Dateioperationen zur Verfügung. Abhängig davon, was hier gewählt wird erhalten Sie im Detailbereich eine Ansicht in der Sie die gewählte Aufgabe erledigen können. Für Module aus dem Benutzerbereich, bzw. dem Dokumentenmodul erhalten Sie in der Navigationsleiste keine Baumansicht, sondern verschiedene Listenansichten, die Inhaltselemente, zuletzt bearbeitete Seiten etc. enthalten. Durch Klicken auf eines dieser Elemente, können Sie direkt darauf zugreifen und es bearbeiten. Exemplarisch hier nur ein Screenshot, der die Navigationsleiste zeigt, wenn das Modul Benutzer- Aufgaben gewählt wird:

8 2.4. Detailansicht Die Detailansicht ist der eigentliche Arbeitsbereich von Typo3. Sie ist abhängig davon welches Modul ausgewählt wurde und welche Aufgabe ausgeführt werden soll. Hier als Beispiel die Ansicht, wenn Sie im Modulbereich Web eine Seite auswählen. Die markierten Elemente erscheinen in verschiedenen Detailansichten und werden daher näher erläutert Durch Klicken auf das Seitensymbol öffnet sich ein Kontextmenu wie im Seitenbaum. 2 Klicken auf dieses Icon öffnet eine Liste mit den Datensätzen, die auf der Seite enthalten sind. 3 Zeigt eine Vorschau der Seite in einem neuen Browserfenster. 4 Der Name der Seite. 5 Der komplette Pfad des geöffneten Elements. 6 Iconleiste für weitere Bearbeitungsmöglichkeiten. Wenn Sie mit dem Mauszeiger über ein Icon fahren, wird dessen Funktion angezeigt. Änderungsverlauf des Datensatzes anzeigen Neues Inhaltselement anlegen Seite verschieben Hilfe Neue Seite anlegen Bearbeite Seiten-Header 7 Globale Suche zum schnellen Auffinden von Seiten.

9 3. Typo3 in der Praxis 3.1. Browserkonfiguration Damit Typo3 in Ihrem Browser richtig funktioniert, müssen 3 Voraussetzungen erfüllt sein: JavaScript muss aktiviert sein die Cache-Einstellungen des Browsers müssen richtig eingestellt sein Cookies müssen akzeptiert werden Hier wird exemplarisch für den Internet-Explorer gezeigt, wie Sie diese Einstellungen vornehmen: Wählen Sie im Menu des Internet-Explorers Extras - Internetoptionen Es öffnet sich ein Fenster in dem Sie die Einstellungen vornehemen können. Wechseln Sie zunächst zum Karteireiter Sicherheit und klicken Sie auf Stufe anpassen.

10 Es öffnet sich ein Fenster mit den Sicherheitseinstellungen. Scrollen Sie nach unten, bis zum Bereich Scripting. Dort sollte Active Scripting aktiviert sein. Falls Sie noch den Internet Explorer in der Version 5 verwenden finden Sie darunter noch die Einstellung Cookies pro Sitzung annehmen. In diesem Fall müssen Sie diese Option ebenfalls aktivieren. Bestätigen Sie mit OK. Im Internet Explorer 6 wird die Cookiebehandlung auf eine andere Art und Weise konfiguriert: Wechseln Sie im Internetoptionen- Fenster zum Karteireiter Datenschutz und klicken dort auf Erweitert.

11 Im Dialog der sich öffnet, wählen Sie Automatische Cookiebehandlung aufheben und stellen ein, dass Cookies von Erst- und Drittanbietern angenommen werden dürfen. Bestätigen Sie dann mit OK. Um noch den Browsercache zu konfigurieren wechseln Sie im Internetoptionen-Fenster zum Karteireiter Allgemein und klicken im Bereich Temporäre Internetdateien auf Einstellungen...

12 Im folgenden Dialogfenster wählen Sie einfach Bei jedem Zugriff auf die Seite. Bestätigen Sie mit OK. Schliessen Sie nun auch das Internetoptionen - Fenster mit OK. Damit ist die Browserkonfiguration im Internet Explorer abgeschlossen. Für andere Browser wie Netscape, Firefox etc. müssen analoge Eistellungen vorgenommen werden.

13 3.2.Einloggen / Ausloggen Um in den Backend-Bereich von Typo3 zu gelangen müssen Sie sich zunächst einloggen. Geben Sie hier Ihren Benutzernamen und Ihr Passwort ein, das Sie von uns erhalten werden. Wenn Sie Ihre Arbeit in Typo3 beendet haben, sollten Sie das Browserfenster nicht einfach schliessen, sondern die Sitzung dadurch beenden, dass Sie sich wieder ausloggen. Den Logout-Button finden Sie unten links unterhalb der Modulleiste:

14 3.3.Neue Seiten anlegen Wählen Sie im Modulbereich Web - Seite und im Seitenbaum die Seite unterhalb derer eine neue Seite eingefügt werden soll. Klicken Sie auf das Icon vor dem Seitennamen und wählen Sie im erscheinenden Kontextmenu Neu. In diesem Beispiel wurde die Webseite Anatomie und Zellbiologie als Elternseite ausgewählt. Nachdem im Kontextmenu Neu gewählt wurde, erscheint im Detailbereich eine Auswahl von Elementen, die neu erstellt werden können: Wenn Sie hier Seite (in) wählen gelangen Sie direkt zur Eingabemaske, in der Sie die Seitendaten eintragen können. Wird der Assistent darunter aufgerufen, erscheint zunächst ein weiterer Dialog, in dem die Position der Seite nochmals festgelegt werden kann.

15 Sind Sie zu den Seitendaten gelangt, sehen Sie im Detailbereich folgende Oberfläche: Die wichtigsten Elemente im einzelnen: 1 Das Menu zum Speichern der Änderungen (als Icons und als Listenfeld). Bewegen Sie den Mauszeiger über ein Icon wird eine Beschreibung der Funktion angezeigt. 2 Solange dieser Haken gesetzt ist, ist die Seite noch nicht freigeschaltet, d.h. im Web sichtbar. Sie können also Änderungen an der Seite vornehmen und diese in der internen Vorschau begutachten und erst wenn Sie Ihre Arbeit an der Seite abgeschlossen haben, diese durch Entfernen dieses Häkchens publizieren. 3 Hier wählen Sie den Seitentyp aus. Normalerweise wird dies der voreingestellte Typ Standard sein. Weitere, für die redaktionelle Arbeit relevante Seitentypen sind Shortcut und Externe URL, die nachfolgend beschrieben werden. 4 Geben Sie hier den Seitentitel ein. Dieses Feld muss ausgefüllt werden (Pflichtfeld). 5 Falls Sie nicht möchten, dass die Seite im Menu erscheint, aktivieren Sie dieses Kästchen. Vergessen Sie nicht Ihre Änderungen zu speichern, bevor Sie die Seiteneigenschaften verlassen.

16 Weitere wichtige Seitentypen: Shortcut: Damit wird ein Verweis auf eine Seite innerhalb des Typo3-Projekts angelegt. Dies ist z.b. dann nützlich, wenn eine übergeordnete Seite keine eigenen Inhalte hat, sondern nur zur Strukturierung dient. Diese Seite kann dann als Shortcut angelegt werden, der auf eine untergeordnete Seite mit Inhalt verweist. Externe URL: Legen Sie hier Verweise auf Seiten an, die ausserhalb des Typo3-Projekts liegen. Je nachdem welchen Seitentyp Sie gewählt haben, werden Sie in der Detailansicht unterschiedliche Eingabemöglichkeiten für die Seiteneigenschaften vorfinden. Seiteneigenschaften nachträglich ändern: Alle Seiteneigenschaften lassen sich problemlos nachträglich verändern. Wenn Sie im Seitenbaum auf den Namen einer Seite klicken, erscheint folgende Detailansicht (Ausschnitt): Mit Seitentitel bearbeiten gelangen Sie wieder zur Eingabe der Seiteneigenschaften, mit Seite verschieben können Sie über einen folgenden Dialog eine neue Position für die Seite festlegen. Der Button Neue Seite bietet die Möglichkeit von hier aus schnell eine neue Seite anzulegen, ohne den Umweg über das Kontextmenu im Seitenbaum.

17 3.4.Neue Seiteninhalte anlegen und pflegen Klicken Sie wieder auf den Namen der Seite im Seitenbaum. Sie erhalten diese Detailansicht: Typo3 verwaltet die Seiteninhalte in vier Spalten: Links, Normal, Rechts und Rand. Für normale Seiteninhalte wird im Typo3-Projekt des Universitätsklinikums ausschliesslich die Spalte Normal verwendet. Lediglich für spezielle Funktionalitäten wie Überschriften und Text, sowie Bilder im rechten Randbereich der Klinikums-Webseiten werden zusätzlich die Spalten Rechts und Rand verwendet. Dies wird später noch ausführlicher beschrieben. Klicken Sie auf den Button Seiteninhalt anlegen in der Normal -Spalte. In der darauf folgenden Seite können Sie aus verschiedenen Inhaltstypen auswählen:

18 Wird hier als Inhaltselement Normaler Text gewählt, erhalten Sie diese Ansicht: Der Inhaltstyp, kann jederzeit noch geändert werden. 2 Die Überschrift über dem Inhalt. 3 Der Rich-Text-Editor. Hier geben Sie den Ihnalt Ihrer Webseite ein. Es stehen Ihnen vielfältige Editier- und Formatierungsoptionen zur Verfügung. 4 Kontextsensitive Hilfe. Zu jedem Feld bietet Ihnen Typo3 eine Beschreibung und Hilfestellungen an leider teilweise nur in Englisch. Machen Sie hiervon ausgiebig Gebrauch. Bei anderen Inhaltselementen wie z.b. Text mit Bild befinden sich in dieser Ansicht noch weitere Eingabefelder, z.b. zur Auswahl bzw. zum Hochladen von Bildern, Felder zur Bildbeschriftung u.s.w. Andere Inhaltselemente wiederum benötigen keinen Rich-Text-Editor, wie z.b. die Inhaltselemente Bild oder Punktliste.

19 Wenn Sie ein Inhaltselement angelegt haben und Sie klicken im Seitenbaum erneut auf die Seite, die es enthält, sehen Sie das Inhaltselement nun auch in der Spaltenansicht: Durch Klicken auf eines dieser Icons legen Sie ein neues Inhaltselement nach der Position des Icons an. 2 Damit können Sie einzelne Inhaltselemente ein- und ausblenden. Ausgeblendete Inhalte werden weder im Web, noch in der Arbeitsumgebung angezeigt. Wenn diese Elemente trotzdem im Backend sichtbar sein sollen, aktivieren Sie das Häkchen vor 6. 3 Löscht den Datensatz. 4 Durch Klicken auf das Bleistiftsymbol oder in den Text, gelangen Sie wieder zur Seite mit den Eingabemöglichkeiten für das Inhaltselement. 5 Ein Klick auf diesen Schalter öffnet den Textinhalt in einer ganzseitigen Ansicht des Rich-Text- Editors.

20 3.5. Der Rich-Text-Editor (neue Version) Einen Grossteil der Inhalte werden Sie mit dem Rich-Text-Editor einpflegen, der im folgenden ausführlicher beschrieben wird. Bitte beachten Sie, dass bei Ihnen - abhängig von der Konfiguration und Ihrem verwendeten Browser - von der folgenden Abbildung abweichende Ansichten des Editors erscheinen können. Insbesondere ist es wahrscheinlich, dass Ihnen nicht alle Formatierungsoptionen zur Verfügung stehen werden, um das durch das Corporate-Design vorgegebene Layout zu schützen. Klicken Sie zunächst auf dieses Icon neben dem Rich-Text-Editor: Damit erhalten Sie eine Vollansicht des Editors: Allgemein gilt: Markieren Sie den Textbereich auf den Sie die Formatierung anwenden wollen und klicken Sie dann auf das gewünschte Icon.

21 1 Dies sind die Symbole zum Ausschneiden, Kopieren und Einfügen von Text, wie Sie sie wahrscheinlich aus Ihrer Textverarbeitung oder Ihrem -Programm kennen. Das Kontextmenu erhalten Sie wenn Sie Text markieren und mit der rechten Maustaste in den Editor klicken. 2 Hiermit legen Sie die Absatzart fest: Beim Klicken darauf öffnet sich das Listenfeld, mit dem Sie z.b. Überschriften formatieren können. 3 Die Textformatierungsoptionen fett ( B ), kursiv ( I ) und unterstrichen ( U ). 4 Legen Sie hier die Textausrichtung fest: linksbündig, zentriert oder rechtsbündig. 5 Icons zum erstellen von numerierten oder Punkt-Listen, und zum Vergrössern bzw. Verkleinern des Texteinzugs. 6 Weitere Einfügeoptionen - relevant für Ihre Arbeit sind vor allem: Link einfügen und Bild einfügen. Wenn Sie einen Link einfügen wollen, erhalten Sie einen Auswahldialog, der es Ihnen einfach macht eine interne Seite, eine externe URL oder eine Datei zu verlinken. Das gleiche gilt für den Bildauswahl-Dialog, mit dem Sie ein Bild auf dem Server auswählen können oder eine lokale Bilddatei zum Upload.

22 3.6. Arbeiten mit Dateien Innerhalb der Typo3-Arbeitsumgebung können Sie bequem die Bilder und andere, zu Ihren Webseiten gehörige, Dateien verwalten. Um dorthin zu gelangen, wählen Sie in der Modulleiste Datei - Dateiliste. Damit erhalten Sie In der Navigationsleiste eine Baumansicht Ihrer Verzeichnisse -z.b.: Auch hier gilt: Klick auf den Verzeichnisnamen öffnet die Detailansicht der Inhalt des Verzeichnisses wird angezeigt. Ein Klick auf das Ordnersymbol vor dem Namen öffnet ein Kontextmenu, das eine Auswahl von Dateioperationen bietet: Abhängig davon, was hier gewählt wird, stehen Ihnen im Detailbereich danach die entsprechenden Eingabefelder und Auswahlmöglichkeiten zur Verfügung. Wenn Datei-Upload gewählt wird, erhalten Sie im Detailbereich diese Ansicht: Zum Datei-Upload führen Sie diese Schritte aus: Wählen Sie im Listenfeld ( 1 ) die Anzahl der Dateien aus, die Sie hochladen möchten. Klicken Sie auf Durchsuchen ( 2 ) und wählen die hochzuladende(n) Datei(en). Drücken Sie den Upload-Button ( 3 ). Wenn vorhandene Dateien überschrieben werden sollen, setzen sie ein Häkchen vor ( 4 ). Die anderen Dateioperationen wie Umbenennen, Löschen etc. sind ähnlich einfach zu bewerkstelligen und weitestgehend selbsterklärend.

23 3.7. Die Webseiten des Universitätsklinikums in Typo3 In diesem abschliessenden Abschnitt wird gezeigt wie die redaktionelle Arbeit in den neuen Webseiten des Universitätsklinikums erscheint und welche speziellen Optionen in das Projekt integriert wurden. Sehen wir uns zunächst den neuen Webauftritt genauer an: Wir haben hier folgende Hauptbereiche: 1 Das Hauptmenu: Hier wählt der Besucher einen der Hauptbereiche, die den Webauftritt strukturieren, aus. Die verschiedenen Farben dienen zur Orientierung und erscheinen in den darauf folgenden Seiten im Rahmen um die Sucheingabe, sowie im Balken unten rechts. 2 Die Sprachwahl. Mehrsprachenunterstützung ist in den neuen Webseiten bereits integriert. Wie Sie Übersetzungen Ihrer Seiteninhalte über Typo3 einpflegen können wird später gezeigt. 3 Das linke Menu zur Navigation durch Ihre Webseiten. Im Normalfall wird Ihr Typo3-Bereich so konfiguriert sein, dass Seiten, die Sie anlegen dort automatisch angezeigt werden. Falls Sie spezielle Anpassungswünsche für Ihre Navigationsstruktur haben, werden diese für Sie durch die Typo3-Administratoren realisiert. 4 Der Haupt-Inhalts-Bereich: Dort erscheinen die Inhalte, die Sie über das Typo3-Backend anlegen. 5 Im rechten Menu können weitere Links eingefügt werden allerdings nur durch die Administratoren. Für Redakeure besteht die Möglichkeit hier eine kleine Überschrift mit erläuterndem Text, sowie Bilder einzufügen.

24 3.7.1.Formatierungsoptionen im Hauptbereich Um ein einheitliches Erscheinungsbild zu gewährleisten, möchten wir Ihnen nahelegen diese Formatierungen zu verwenden: Seitenüberschriften: Wählen Sie hier in Typo3 bei den Inhaltselement-Einstellungen für die Überschrift den Typ Normal : Bereichsüberschriften und untergeordnete Überschriften: Hier wählen Sie, falls es sich um ein nachfolgendes Content-Element mit eigener Überschrift handelt, Layout3 : Wenn Sie die Absatzüberschrift über den Rich-Text-Editor eingegeben haben, wählen Sie dort Heading 3 : Auf der Webseite sieht das dann so aus: Seitenüberschrift Bereichsüberschrift Normaler Textabsatz

25 Mehrsprachigkeit Wenn Sie in Typo3 in der Spaltenansicht einer Seite im Listenfeld oben rechts statt Spalten Sprachen auswählen erhalten Sie diese Ansicht: Wie Sie sehen, liegt Ihnen dann eine zweispaltige Ansicht vor: Links die Inhaltselemente in deutscher Sprache (Standard) und rechts die entsprechenden Inhaltselemente zur Übersetzung. Diese Inhaltselemente können genauso bearbeitet werden wie die deutschsprachigen, weswegen hier nicht näher darauf eingegangen wird Inhaltselemente im rechten Menubereich Wie bereits erwähnt besteht für Redakteure die Möglichkeit eine Überschrift mit Text und/oder ein Bild einzufügen. Dies geschieht auf folgende Art und Weise: Text rechts einfügen: Legen Sie ein neues Inhaltselement in der Spalte Rand an indem Sie auf das Icon klicken:

26 Wählen Sie auf der folgenden Seite als Inhaltselement Normaler Text aus: Geben Sie ganz normal eine Überschrift und einen Text ein. Beachten Sie bitte: In diesem Fall werden die Formatierungen aus dem Rich-Text-Editor nicht übernommen. Das Ergebnis im Web sieht dann so aus: Bild rechts einfügen: Legen Sie ein neues Inhaltselement in der Spalte Rechts an indem Sie auf das Icon klicken: Als Inhaltselement wählen Sie Nur Bilder :

27 In der Konfiguration des Bild-Inhaltselements sind diese Einstellungen notwendig: Wählen Sie hier das Bild aus: Entweder Sie klicken auf das kleine Ordnersymbol und wählen eine bereits hochgelade Bilddatei aus der Typo3-Verzeichnisstruktur oder klicken Sie auf den Durchsuchen -Button und wählen ein lokal auf Ihrem Computer gespeichertes Bild zum Upload. 2 Bei Position wählen Sie Oben mittig und bei der Anzahl der Spalten 1. 3 Für die Bildbreite geben Sie 195 Pixel ein. Wichtig: Geben Sie diesen Wert unbedingt an, da ein grösseres Bild sonst entweder über den Rand der Webseite hinausragt, oder an einer anderen Stelle als der gewünschten angezeigt wird. Speichern Sie Ihre Eingaben. Das Ergebnis sieht im Web dann so aus: (rechts eingefügtes Bild)

28 Anhang: Links und Literaturhinweise Typo3-Homepages: Allgemeine Informationen zu Typo3. Englischsprachig. Seite für Entwickler, auch für Redakteure interessant. Mit vielen downloadbaren Dokumentationen und Tutorials. Englischsprachig, Dokumentationen teilweise in Deutsch. Buchempfehlung: Typo3 von Werner Altmann, Rene Fritz, Daniel Hinderink Gebundene Ausgabe - Open Source Press Erscheinungsdatum: September 2004 ISBN:

29 UniversitätsKlinikum Heidelberg UniversitätsKlinikum Heidelberg

30 UniversitätsKlinikum Heidelberg UniversitätsKlinikum Heidelberg

31 UniversitätsKlinikum Heidelberg UniversitätsKlinikum Heidelberg

32 Medienzentrum Stabsstelle des Universitätsklinikums und der Medizinischen Fakultät Heidelberg