Content Management mit Typo3 Autor: Tanja Jung, ITW Stand 08/2006 INHALTSVERZEICHNIS TYPO3 EINFÜHRUNG----------------------------------------------------------------------------------------------2 1. Zugang --------------------------------------------------------------------------------------------------------------2 Frontend (= FE) ----------------------------------------------------------------------------------------------------2 Backend (= BE) ----------------------------------------------------------------------------------------------------2 2. Die Benutzeroberfläche----------------------------------------------------------------------------------------4 Modulleiste ----------------------------------------------------------------------------------------------------------4 Seitenbaumansicht ------------------------------------------------------------------------------------------------5 Bearbeitungsoberfläche ------------------------------------------------------------------------------------------5 3. Modul Web ---------------------------------------------------------------------------------------------------------5 Editieren einer Webseite -----------------------------------------------------------------------------------------5 Anlegen einer neuen Seite --------------------------------------------------------------------------------------7 Anlegen einer Passwort geschützten Seite --------------------------------------------------------------- 10 Frontend Benutzer und Frontend Gruppe -------------------------------------------------------------- 10 Login-Box ------------------------------------------------------------------------------------------------------- 10 Versionskontrolle------------------------------------------------------------------------------------------------- 12 Undo ------------------------------------------------------------------------------------------------------------- 12 History ----------------------------------------------------------------------------------------------------------- 12 Warning --------------------------------------------------------------------------------------------------------- 14 4. Modul File -------------------------------------------------------------------------------------------------------- 14 Hochladen von Bildern und anderen Dateien------------------------------------------------------------- 14 Einrichten von Passwortschutz für zum Download bereitgestellte Dateien ----------------------- 15 5. Modul User------------------------------------------------------------------------------------------------------- 16 6. Logout ------------------------------------------------------------------------------------------------------------- 16 1
Typo3 Einführung 1. Zugang Da als Client für Typo3 jeder gängige (neuere) Web-Browser dient, kann man von jedem Ort mit Internet-Zugang Veränderungen an der Website durchführen. Frontend (= Website, abgekürzt FE): Das Frontend ("vordere Seite") ist die Internetpräsentation (Website), die Typo3 erzeugt. Hier ist in der Regel kein Login nötig (nur bei durch ein Passwort geschützten Webseiten). Backend (=Verwaltung, abgekürzt BE): Das Backend ("hintere Seite") von Typo3 ist die Oberfläche zum Verwalten der Inhalte der Website. Man gelangt zum Backend-Login, indem man an die jeweilige URL /typo3 anhängt. Zum Anmelden müssen Cookies im Web-Browser aktiviert sein. Für jeden Mitarbeiter wurde ein entsprechender BE User angelegt. Geben Sie jetzt Ihren BE Namen und Ihr Passwort für Typo3 ein und klicken Sie auf Log In. 2
Nach erfolgtem Login erscheint Ihre persönliche Benutzeroberfläche. 3
2. Die Benutzeroberfläche Die Benutzeroberfläche ist in 3 Bereiche unterteilt. Die Modulleiste auf der linken Seite: Jeder Benutzer sieht nur die Module, zu deren Verwendung er berechtigt ist. Bei den dunkelgrau hinterlegten Modulbezeichnungen handelt es sich um die Hauptmodule. Durch Klicken auf die hellgrauen Submodule gelangen Sie in den jeweiligen Arbeitsbereich. Unter der Modulleiste finden Sie den Logout-Button (zum Beenden der Arbeitssitzung) und den Benutzernamen, unter dem Sie eingeloggt sind (hier mustermann). Für Herr Mustermann sind folgende Module sichtbar: Web/Seite (Web/Page) Datei/Dateiliste (File/Filelist) Benutzer/Einstellungen (User/Setup) Hilfe/Über Module (Help/About modules) Struktureller Aufbau u. Pflege der Internetseiten Dateien hochladen Backend-Sprache u-. Passwort ändern 4
Die Seitenbaumansicht in der Mitte: Jeder Benutzer sieht nur die Seiten (im Modul Web) bzw. Ordner (im Modul File), für die er eine Zugriffsberechtigung hat. Das Öffnen des Kontextmenüs im Modul Web erfolgt durch Klicken mit der rechten oder linken Maustaste auf das Symbol vor dem Text oder mit der rechten Maustaste auf dem Text. Die Bearbeitungsoberfläche auf der rechten Seite: Durch Klicken mit der linken Maustaste auf dem Text erscheint rechts direkt die Bearbeitungsoberfläche oder Sie öffnen wie oben beschrieben das Kontextmenü und wählen "Edit" aus. 3. Modul Web Editieren einer Webseite Durch Klicken auf das Bleistiftsymbol wird der jeweilige Datensatz zur Bearbeitung geöffnet. 5
Die Iconleiste in der Bearbeitungsansicht: Dokument sichern und weiter bearbeiten Dokument sichern und Webseite anzeigen Dokument sichern und beenden schließen ohne speichern Vorsicht! Dokument löschen Auf letzten gespeicherten Zustand zurückgehen Wollen Sie nur den Inhalt des Datensatzes mit dem Rich Text Editor (RTE) zum Ändern öffnen, klicken Sie auf den Button "Edit in Rich Text Editor". Die Verwendung des RTE ist derzeit nur mit Mozilla, Firefox und Internet Explorer (ab Version 6) möglich. Er steht Ihnen allerdings nur bei den Seitentypen "Text" und "Text mit Bild" zur Verfügung. Der RTE ermöglicht es Ihnen ohne HTML-Kenntnisse Text zu formatieren und Bilder, Links oder Tabellen einzufügen (auch mittels "Copy and Paste" aus anderen Programmen). Sollten Sie dennoch nicht auf die HTML-Ansicht verzichten können, ist ein Umschalten in den HTML-Quelltext über dieses Icon möglich. Wichtig: Schalten Sie jedoch zum Speichern der Seite vorher wieder in die RTE-Ansicht um! 6
Die wichtigsten Icons in der Menüleiste des RTE: Einzug verkleinern Einzug vergrößern Sonderzeichen einfügen Verlinkung (Seite, Datei, Externe URL, E-Mail) Tabelle einfügen/bearbeiten Hilfslinien beim Editieren der Tabelle anzeigen Bild einfügen HTML-Quelltext ein-/ausschalten Formatierung entfernen Suchen und Ersetzen letzten Eingabeschritt rückgängig machen (Undo) letzten Eingabeschritt wiederherstellen (Redo) Anlegen einer neuen Seite Klicken Sie im Seitenbaum auf die Seite unterhalb der Sie eine neue Seite erstellen wollen, öffnen Sie wie oben beschrieben das Kontextmenü und wählen Sie Neu aus. Wählen Sie "Page (after)" aus. Danach geben Sie bitte die Seiteneigenschaften ein. 7
Wenn Sie "Hide page" einchecken ist die Seite zunächst nach außen nicht sichtbar (Symbol ). Zwingend erforderlich ist die Eingabe des Seitentitels. Wählen Sie "Hide in menu" aus, wenn die Seite nicht im Navigationsmenü der Website erscheinen soll; diese Seiten erkennt man in der Seitenbaumansicht an folgendem Symbol. Mit dem Symbol Speichern und Schließen Seiteneigenschaften. beenden Sie die Eingabe der Dann öffnen Sie bitte in der Seitenbaumansicht die neue Seite zum Editieren. Da noch kein Seiteninhalt existiert, sieht die Bearbeitungsoberfläche folgendermaßen aus. Klicken Sie den Button "Create page content" und wählen Sie den gewünschten Inhaltstyp aus (z.b. "Regular text element" oder "Text with image" für typische Webseiten). 8
Danach gelangen Sie automatisch in die oben beschriebene Bearbeitungsansicht und Sie können mit der Inhaltseingabe beginnen. Bei der Seite Lehre und Forschung in der Seitenbaumansicht von Herrn Mustermann handelt es sich um den Typ "Shortcut", erkennbar an folgendem Symbol. Ein "Shortcut" ist ein Link auf eine andere innerhalb von Typo3 liegende Seite (hier Link auf Lehre). Dieser Seitentyp dient nur dazu, dass diese Seite zusätzlich auch an anderer Stelle in der Navigation erscheint. In den Seiteneigenschaften dieser Seite (Lehre und Forschung) wird als Seitentyp "Shortcut" festgelegt und unter "Shortcut zur Seite" die Seite Lehre eingegeben. Sie können zu diesem "Shortcut" keine Seiteninhalte eingeben, sondern nur in der eigentlichen Seite (Lehre). 9
Anlegen einer Passwort geschützten Seite Frontend (FE) Benutzer und Frontend Gruppe Der FE User dient dazu, den Zugriff auf einzelne Seiten zu beschränken. Dazu erstellt der Administrator im Seitenbaum einen sog. "sysfolder" (Ordner mit Datenbankelementen, hier z.b. FE_Users), in dem er dann die entsprechenden FE Benutzer (= Website user) und FE Gruppe (= Website usergroup) anlegt. Login-Box Der zu schützenden Seite wird eine Login-Box vorgeschaltet. Wo diese jedoch genau in der Seitenbaumstruktur liegt, ist unerheblich, da sie einen Verweis auf die zu schützende Seite enthält. 10
Wählen Sie beim Anlegen des Seiteninhalts als Seitentyp "Login Form" (Anmeldeformular) aus und geben Sie als Zielseite die zu schützende Seite an und speichern Sie ab. Die Vergabe der Zugriffsberechtigung an die entsprechende FE Gruppe (hier Mathematik) ist nur durch den Administrator möglich. Über die Login-Box kann sich dann der FE User auf der geschützten Seite einloggen: Falls Sie eine Login-Box mit mehreren Funktionen benötigen (z.b. Angabe Status, Anmeldefehler), wählen Sie bei Seitentyp "Besseres Anmeldeformular" aus. Allerdings gestaltet sich die Zugriffsbeschränkung hierbei wesentlich aufwendiger. 11
Versionskontrolle Undo (nur ein Schritt zurück) Wie bereits erwähnt, kann man mit diesem Symbol letzten gespeicherten Zustand zurückkehren. in der Bearbeitungsansicht auf den History (mehrstufige Rückschritte, Vergleichsanalyse) Sie können sich den Bearbeitungsverlauf einer Seite anzeigen lassen, indem Sie im Kontextmenü "History/Undo" (Erstellungsverlauf/Rückgängig machen) auswählen oder in der Bearbeitungsansicht auf dieses Symbol klicken. Kreuzen Sie den gewünschten Datensatz (Änderung) an und wechseln Sie mit Vorschau der Wiederherstellung. in die 12
Dabei stehen Ihnen folgende Wiederherstellungsoptionen zur Verfügung. Zur Wiederherstellung klicken Sie bitte auf das jeweilige Symbol: Vorsicht: Alle gezeigten Änderungen rückgängig machen Einzelnen Eintrag rückgängig machen Feld wiederherstellen Mit dem Zurück-Button gelangen Sie wieder in die Bearbeitungsansicht. Öffnen Sie den Datensatz erneut zur Bearbeitung und überprüfen Sie, ob die gewünschte Version 13
wiederhergestellt ist. Wenn Sie jetzt die neue Version noch abspeichern, dient sie für die nachfolgenden Änderungen als Grundlage der Vergleichsanalyse im Bearbeitungsverlauf. Warning Es erscheint eine Warnung in Form eines Ausrufezeichens in der Seitenbaumansicht, wenn das Dokument von einem BE User bereits geöffnet wurde. Dadurch soll vermieden werden, dass ein Dokument von zwei Anwendern gleichzeitig bearbeitet wird; dies könnte zum Datenverlust führen. 4. Modul File Hochladen von Bildern und anderen Dateien Mit dem Modul Datei/Dateiliste (File/Filelist) können Sie Dateien hochladen. Wenn Sie auf Filelist klicken, sehen Sie in der Seitenbaumansicht (in der Mitte) alle Ordner auf die Sie Zugriff haben. Durch den Klick auf einen Ordner erscheint auf der rechten Seite eine genaue Auflistung der darin enthaltenen Unterordner und Dateien. Wählen Sie in der Seitenbaumansicht den Ordner aus, in dem Sie die hochgeladenen Dateien ablegen wollen. Öffnen Sie dazu mit der rechten Maustaste (auf Ordnersymbol oder Text) das folgende Kontextmenü und wählen Sie "Upload Files" aus. Auf der rechten Seite können Sie dann auswählen, wie viele Dateien Sie hochladen möchten (hier "1 files"). Mit Hilfe des Durchsuchen-Feldes können Sie die hochzuladende Datei auswählen und mit dem "Upload files" Button den Upload starten. 14
Einrichten von Passwortschutz für zum Download bereitgestellte Dateien Der Ordner secure enthält mehrere Passwort geschützte Verzeichnisse. Der entsprechende Ordner enthält neben den zu schützenden Dateien (hier pdfs) die Dateien.htaccess (enthält u. a. den Pfad zur Passwortdatei.htpasswd) und.htpasswd (enthält Benutzername und verschlüsseltes Passwort Administrator). 15
5. Modul User Im Modul Benutzer/Einstellungen (User/Setup) können Sie die Einstellungen Ihrer Benutzeroberfläche verändern, wie etwa die Backend Sprache umstellen. Hier haben Sie auch Zugriff auf Ihre persönlichen Daten (z.b. Neues Passwort). Schließen Sie die Eingabe mit dem Button "Konfiguration Sichern" ab. 6. Logout Zum Beenden einer Arbeitssitzung melden Sie sich aus Sicherheitsgründen bitte immer mit dem Logout-Button ab. 16