Zürcher Hochschule der Künste Zürcher Fachhochschule IT-Pool: Typo3, Ugo De Vito Typo3-Workshop rund um das CMS der ZHdK Ugo De Vito, ugo.devito@zhdk.ch / +41 43 446 21 38 10.10.2013: Allgemeine Einführung 1. Wichtige Links Kurs-Seite: http://www.zhdk.ch/it-pool/typo3 Typo3-Backend: http://www.zhdk.ch/typo3 Anleitungen: http://www.zhdk.ch/weboffice Spielwiese: http://www.zhdk.ch/spielwiese Typo3-Dokumentation: http://www.typo3.org/documentation Typo3-Tutorial (Englisch): http://docs.typo3.org/typo3cms/editorstutorial 2. Inhaltliche Unterstützung und Beratung Tommy De Monaco (Hochschulkommunikation) tommy.demonaco@zhdk.ch Tel. +41 43 446 20 14 3. Technische Unterstützung Informationstechnologie-Zentrum ITZ ITZ-ServiceTicket: service.itz@zhdk.ch ITZ-ServiceLine: +41 43 446 21 21 4. ZHdK-Webuniversum Das ZHdK-Webuniversum besteht aus drei verschiedenen Instanzen, die sich in Design und Funktionalität voneinander unterschieden: ZHdK-Homepage (Mutterseite Theme Gold) http://www.zhdk.ch Master Fine Arts (Beispiel eines Portals) http://mae.zhdk.ch Neue Musik (Beispiel einer Subsite) http://neuemusik.zhdk.ch Neben diesen Instanzen gibt es noch eine ganze Reihe unabhängiger Websites, die nicht vom ITZ betreut werden und nicht in der zentralen Typo3-Instanz bearbeitet werden (z.b.: http://www.museum-gestaltung.ch ). 5. Das Typo3-Backend ( http://www.zhdk.ch/typo3 ) In Typo3 werden die Seiten und die Inhalte im Backend bearbeitet. Die Anmeldung erfolgt mit dem regulären ZHdK-Login. Die Sprache und die Startseite nach dem Login können unter Einstellungen angepasst werden: http://www.zhdk.ch/typo3_be/einstellungen
Typo3: Allgemeine Einführung 2 Übersicht Typo3-Backend Kopfzeile ( http://www.zhdk.ch/kopfzeile ) Abmelden, Favoriten, Zuletzt bearbeitete Seiten, Suche Module (http://www.zhdk.ch/module ) Seite (Inhalte bearbeiten), Anzeigen (Vorschau) Verzeichnisbaum (http://www.zhdk.ch/verzeichnisbaum ) Je nach Modul: Seitenstruktur (Seitenmodul) oder Verzeichnisstruktur (Dateiliste) Inhalt / Bearbeiten: Je nach Modul wird für die im Verzeichnisbaum gewählte Seite die Detailansicht angezeigt. 6. Das Seitenmodul Im Seitenmodul werden Seiten erstellt und konfiguriert: http://www.zhdk.ch/seite Funktionen: Seite erstellen ( http://www.zhdk.ch/seite/erstellen ) Seiteneigenschaften (http://www.zhdk.ch/seiteneigenschaften ) Titel, Alias, Sichtbarkeit über Personengruppen oder Zeitraum
Typo3: Allgemeine Einführung 3 Seite erstellen Oberhalb des Seitenbaums kann mit dem Hinzufügen-Symbol (1) die Liste der zur Verfügung stehenden Seitentypen (2) angezeigt werden. Aus dieser Liste kann mit Drag & Drop eine neue Seite in den Verzeichnisbaum eingefügt werden. Seitentypen (im Bild von links nach rechts): Standard-Seite Filepage für Downloads oder Bilder Verweis: Interner Link, der auf eine andere Seite zeigt Link: Externer Link Seiteneigenschaften Zu den Seiteneigenschaften gelangt man über das Bearbeiten-Icon bei den Funktionen oberhalb des Seiteninhalts (vgl. Bild). http://www.zhdk.ch/seiteneigenschaften Folgende Register stehen zur Verfügung Allgemein: Titel, Alternativer Navigationstitel Zugriff: Deaktivieren/verbergen, anzeigen von/bis, auf Benutzergruppen einschränken Verhalten: Alias für Direktzugriff; für publizierte Adressen zwingend um Adressen zu aktivieren, die folgendes Format haben: http://www.zhdk.ch/beispiel Ressourcen: Bilder im Seitenkopf (vgl. folgendes Bild)
Typo3: Allgemeine Einführung 4 7. Seitenaufbau Der Inhaltsbereich einer Seite ist in vier Bereiche unterteilt (vgl. Bild) 8. Inhaltselemente Die eigentlichen Inhalte werden in Inhaltselementen erstellt. Eine Seite kann in beliebig viele Inhaltselemente unterteilt werden. Dies erhöht im Backend die Übersicht und vereinfacht das Bearbeiten. http://www.zhdk.ch/inhaltselement
Typo3: Allgemeine Einführung 5 Beispiele: Textelement Text und Bild ZHdK-Textbox Die ZHdK-Textbox kann unterschiedlich ausgegeben werden: Titel und Text Titel + Bild + Text Bild + Titel + Text Damit die ZHdK-Textbox richtig dargestellt wird, sind im Register Erscheinungsbild folgende Einstellungen zwingend: Einrückung und Rahmen: Schatten Breite: einspaltig Mit der Option Höhe angleichen kann zudem erzwungen werden, dass diejenigen Boxen, die in einer Zeile erscheinen, die gleiche Höhe haben (vgl. Bild).