Einführung in das Content-Management-System TYPO3 Skript zur Schulung www.igl.uni-mainz.de / Stand: 05.08.2005
1. Das Frontend der Internetauftritt des Instituts Der Internetauftritt des Instituts ist erreichbar unter http://www.igl.uni-mainz.de. Das ist das Frontend. Die Institutsseite wird komplett über das Content-Management-System (CMS) TYPO3 verwaltet. Die Benutzeroberfläche von TYPO3 (das Backend ) ermöglicht jeder Mitarbeiterin nach einer kleinen Schulung die entsprechenden Inhalte der Webseite selbst zu bearbeiten. Menüstruktur und Design sind dabei vorgegeben und werden automatisch hinzugefügt. Die Institutsseite gliedert sich in sechs Bereiche, die die horizontale Hauptnavigation bilden. Sie sind durch unterschiedliche Farben gekennzeichnet: Aktuelles (blau): Nachrichten, Newsletter und Pressespiegel Institut (lila): hier wird über die Tätigkeit, den Vorstand, die Mitarbeiter/-innen und die Satzung informiert Forschung (grün): Vorstellung der Forschungsprojekte des Instituts Publikationen (rot): Vorstellung der IGL-Publikationsreihen und der Bücher im Detail Veranstaltungen (braun): Vorträge, Exkursionen usw. Links (gelb): kleine Liste mit relevanten Links zur Geschichte und Landesgeschichte Die Unternavigation der einzelnen Bereiche befindet sich links. Außerdem gibt es noch einen siebten Bereich, den Service-Bereich mit Kontaktinformationen, der Suche und dem unerlässlichen Impressum. Das Servicemenü befindet sich auf der Seite oben rechts. Die Hauptnavigation, sowie das Servicemenü sind festgelegt. Sie können also nicht erweitert oder modifiziert werden. Für die Bearbeitung des Inhalts des Internetauftritts des IGL sind folgende Designrichtlinien zu beachten: Vor dem Zusammenbau einer neuen Seite machen Sie sich bitte Gedanken, wie die Inhalte sinnvoll ausgewählt und präsentiert werden können. Der Inhalt gehört generell in die Hauptspalte ( Normal ), in der Randspalte ist Platz für weitere Informationen (v.a. Verweise). Die Randspalte darf nicht länger als die Hauptspalte sein (bei einer Bildschirmauflösung von 1024 x 768 px) In der Randspalte werden ausschließlich Kästen ( Rahmen ) verwendet. Bitte das Farbleitsystem beachten und entsprechend anwenden. Bilder sinnvoll verwenden. Bei mehreren am besten abwechselnd rechts und links setzen. Hochkantbilder haben eine Breite von 175px, normale Bilder sind 250px breit. Das Internet zeichnet sich durch die Verknüpfbarkeit aus: Links dürfen gesetzt werden. Seite 1
2. Das Backend mit TYPO3 Inhalt verwalten 2.1 Anmelden Unter http://www.igl.uni-mainz.de/typo3 erreicht man die Benutzeroberfläche von TYPO3 das Backend. Auf das Backend haben nur registrierte Mitarbeiter/-innen Zugriff. Die erste Anmeldung erfolgt mit dem kleingeschriebenen Nachnamen und dem ebenfalls kleingeschriebenen Passwort das igel[nachname] lautet. Beispiel: dumont und igeldumont Hinweis: Für Sie sind nur die Seiten und Ordner zur Bearbeitung frei geschaltet, die zu ihren Forschungsprojekten bzw. ihrer Mitarbeiterseite gehören. 2.2. Aktualisieren Sie ihre Benutzerdaten Unter Benutzer / Einstellungen können Sie ihre persönlichen Daten aktualisieren. Insbesondere ist auf jeden Fall das Passwort neu zu setzen! Einstellungen und persönliche Daten Seite 2
Wichtig: Speichern nicht vergessen! 1 speichern 2 speichern und als Webseite darstellen 3 speichern und Anwendungsbereich schließen 4 Anwendungsbereich schließen OHNE speichern 2.3 Das Backend in der Übersicht Das Backend die Benutzeroberfläche - besteht aus drei Teilen: links ist die Navigation angeordnet. Von dort aus gelangt man zu allen Bereichen. In der Mitte befindet sich der Seitenbaum bzw. die Ordnerstruktur. Der Seitenbaum stellt den Teil der Webseite dar, den Sie berechtigt sind zu sehen. Im rechten Teil ist das jeweilige Eingabeformular zu sehen also der Bereich, wo Sie ihre Modifikationen vornehmen. Das Backend in der Übersicht Seite 3
Das finden Sie unter den einzelnen Punkten: Web / Seite: hier bearbeiten Sie in der Regel den Seiteninhalt Web / Liste: hier werden besondere Seiteninhalte (z.b. News) verwaltet, die in Ordnern abgelegt sind. Außerdem kann man sich bei Seiten mit vielen Textbausteinen eine Kurzliste anzeigen lassen Benutzer / Aufgaben: ein Center in dem man Notizen ablegen, auf zuletzt bearbeitete Seiten zugreifen und Nachrichten verschicken kann. Benutzer / Einst.: hier werden die persönlichen Daten verwaltet Hilfe: Dort finden Sie ein Handbuch und eine kleine Hilfe Logout: Über diesen Schalter verlassen Sie das Backend 2. 4. Inhalt bearbeiten Wählen Sie eine Seite aus dem Seitenbaum aus, indem Sie den Schriftzug dieser Seite anklicken (beim Klick auf das Seitensymbol bekommt man ein Kontextmenü gezeigt). Sie bekommen nun die Seite mit ggf. mehreren Inhaltselementen angezeigt. Durch Klick auf den Stift können Sie das jeweilige Element bearbeiten. Mit Klick auf das weiße Kästchen können Sie ein neues Inhaltselement anlegen. Daneben finden Sie die Symbole zum Verschieben, zum Verstecken und zum Löschen des Inhaltselementes. Seite mit Inhaltselementen Seite 4
Wenn Sie auf den Stift klicken, können Sie das Inhaltselement bearbeiten. Das sieht dann wie folgt aus: Das Eingabeformular zur Bearbeitung des Inhaltselementes Rot umkreist ist der Cleaner Am besten Sie aktivieren erstmal die Checkbox am unteren Ende des Eingabeformulars: Zweite Optionspalette anzeigen. Damit bekommen Sie alle möglichen Felder angezeigt. Dieses Feld sollte man übrigens bei allen Eingabeformularen aktivieren. Im Oberen Bereich Typ können Sie den Typ des Inhaltselementes ändern. Das Feld Rahmen lässt das Objekt als farbigen Kasten erscheinen. Seite 5
Danach folgt die Überschrift. Wichtig: bitte den richtigen Überschriftentyp verwenden: Hauptüberschrift für die Seitenüberschrift, alle anderen Zwischenüberschriften bis auf die Kästen: dafür verwenden Sie bitte den Typ Rahmenüberschrift. Sie können die Überschrift auch verstecken, wenn Sie diese im Frontend nicht anzeigen lassen wollen. Der RTE (Richtexteditor) dient dann zur Eingabe des (Abschnitt-)Textes. Bitte beim Kopieren von Text aus Word den Cleaner (rot umkreist) verwenden! Der Cleaner säubert den Text von unerwünschtem Word-Code. Danach: Abspeichern! 2.5 Inhaltselemente mit Bildern versehen Bilder müssen erst ins TYPO3 hochgeladen werden, bevor ein Inhaltselement damit gestaltet werden kann. Bitte achten Sie bei der vorherigen Bildbearbeitung auf die Dateigröße! Die Bilder müssen im JPG- oder GIF-Format vorliegen und auf ihrer langen Seite eine Länge von 500px haben! Um Bilder hochzuladen klicken Sie im äußersten linken Menü auf Datei / Dateiliste, danach klicken Sie auf die Laufwerksbezeichnung Forschung ; es klappt sich eine Ordnerliste aus. Klicken sie auf das Ordnersymbol des Ordners in dem Sie das Bild hochladen wollen und und wählen Sie Dateiupload. Wählen Sie nun die gewünschte Datei aus ( Browse ) und klicken auf Upload Bitte speichern Sie die Daten und Bilder in den ihrem Forschungsprojekt entsprechendem Ordner! Um das Bild nun einem Inhaltselement anzufügen gehen Sie bitte zurück in die Ansicht Web / Seite und wählen Sie die entsprechende Seite aus. Legen Sie einen neuen Seiteninhalt an oder ändern Sie den Inhaltstyp eines Inhaltselementes in Text mit Bild. Es erscheint ein neues Eingabeformular zusätzlich zum bisherigen, mit dem man das Bild anfügen kann. Seite 6
Sie können nun unter Bilder mit Klick auf das Ordnersymbol das hochgeladenen Bild auswählen und dem Inhaltselement anfügen. Dann wählen Sie noch die Ausrichtung (links oder rechts) und wichtig - geben die Breite des Bildes ein. Damit die Bilder alle etwa gleich groß erscheinen ist die Bildbreite vorgegeben: Hochkantbilder 175px und normale Bilder 250px. Bei Bedarf können Sie noch die Checkbox Klick vergrößern ankreuzen, wenn der Besucher der Seite das Bild vergrößern können soll. Unter Bildtext tragen Sie bitte noch eine prägnante (kurze) Bildunterschrift ein. Danach wieder: Abspeichern! 2.6 Neue Seite anlegen Um Beispiele zu zeigen oder den Inhalt besser aufzuteilen, kann es nötig sein, dass Sie unter ihrem Forschungsprojekt noch eine neue Seite anlegen müssen. Wählen Sie dazu die Seite aus und klicken Sie rechts oben auf die Schaltfläche Neue Seite. Dann wählen sie die Position der neuen Seite: sie sollte eine Unterseite ihres Forschungsprojektes sein. Das Eingabeformular um die Position für neue Seite wählen Danach geben Sie im folgenden Eingabeformular bitte Seitentitel an und deaktivieren Sie das Kästchen Seite verstecken. Nun können Sie die Seiten wie gewohnt mit Inhalt füllen. Bitte achten Sie darauf, dass diese Seite nicht im Menü auftaucht! Am besten Sie legen einen Kasten mit kurzem Text und Link an (Siehe Beispiel auf der Internetseite: Forschung > Frauen). Falls Sie Fragen zu TYPO3 oder der Webseite haben oder Anregungen oder Kritik zu diesem Skript, mailen Sie bitte an dumonts@uni-mainz.de. Danke! Seite 7