Benutzerdokumentation

Benutzerdokumentation An TYPO3 V 4.1 angepasst von A. Urfer Oktober 2007 PHBern Zentrum für Bildungsinformatik Schulinformatik Muesmattstrasse 29 3012 Bern Tel.: 031 309 22 61 Fax: 031 309 22 99 schulinformatik@phbern.ch

1 Inhaltsverzeichnis T1 Inhaltsverzeichnis... 2 2 Abbildungsverzeichnis... 4 3 Versionskontrolle... 5 4 Einstieg... 6 4.1 Was ist TYPO3, was ist ein CMS?... 6 4.2 Frontend... 6 4.3 Backend... 6 4.4 Systemanforderungen... 7 4.4.1 Überprüfen der Browsereinstellungen... 8 4.4.1.1 Mozilla Firefox... 8 4.4.1.2 Microsoft Internet Explorer... 9 5 Erstes Login... 11 5.1 Passwort ändern... 11 6 TYPO3 Seiten und Inhalt... 12 6.1 Neue Seite erstellen... 12 6.1.1 Seitentypen... 13 6.1.2 Seitenangaben... 14 6.1.3 Seitenvorlagen... 15 6.1.4 Seitenzugriff... 16 6.1.5 Seite speichern... 17 6.2 Seite bearbeiten und/oder löschen... 17 6.3 Neuen Inhalt erstellen... 18 6.3.1 Aktivierung der Optionspalette und Feldbeschreibung... 19 6.3.2 Inhaltstypen... 20 6.3.2.1 Allgemein... 20 6.3.2.2 Überschrift... 21 6.3.2.3 Text... 21 6.3.2.4 Text m/bild... 22 6.3.2.5 Bild... 22 6.3.2.6 Tabelle... 23 6.3.2.7 Dateilinks/Dateiverweise... 24 6.3.2.8 Multimedia... 24 6.3.2.9 Menü/Sitemap... 25 6.3.2.10 Plugin einfügen... 25 6.3.2.11 Trenner... 25 6.3.2.12 HTML... 25 6.4 Inhalte bearbeiten/löschen... 26 6.5 Cache bei Aktualisierungen löschen... 26 7 TYPO3 Benutzer & Gruppen... 28 7.1 Backend... 28 7.2 Frontend... 28 7.2.1 Benutzer Übersicht... 29 7.2.2 Neuer Eintrag erstellen... 29 8 TYPO3 Agenda... 32 8.1 Termine verwalten... 32 8.1.1 Frontend... 32 8.1.1.1 Termin eintragen... 32 8.1.1.2 Termin löschen... 33 8.1.2 Backend... 33 9 TYPO3 Dateiablage... 35 10 Tipps & Tricks... 37 10.1 Handhabung mit Office Dateien... 37 10.1.1 Importieren von Excel-Tabellen... 37 10.1.2 Importieren von Word Dateien... 37 10.1.3 Import von anderen Dateitypen... 37

Typo3 Benutzerhandbuch Seite 3 von 38 11 Notizen... 38

Typo3 Benutzerhandbuch Seite 4 von 38 2 Abbildungsverzeichnis Abbildung 1: Beispiel eines Frontends... 6 Abbildung 2: Das TYPO3 Backend Interface... 7 Abbildung 3: Browsereinstellung Cookieaktivierung (Mozilla Firefox)... 8 Abbildung 4: Browsereinstellung Javascriptaktivierung (Mozilla Firefox)... 9 Abbildung 5: Browsereinstellung Cookieaktivierung (MS Internet Explorer)... 9 Abbildung 6: Browsereinstellung Javascriptaktivierung (MS Internet Explorer)... 10 Abbildung 7: TYPO3 Backend Login... 11 Abbildung 8: Ändern des Benutzerpassworts im Backend... 11 Abbildung 9: Projektbaumstruktur/Navigationsstruktur im Backend... 12 Abbildung 10: Anlegen einer neuen Seite im Backend... 12 Abbildung 11: Neue Seite vom Typ "Standard" im Backend erstellen... 13 Abbildung 12: Backend Seitenvorlage Standard (Frontend Beispiel)... 15 Abbildung 13: Wahl der Seitenvorlage... 15 Abbildung 14: Backend Seitenvorlage Standard (Frontend Beispiel)... 15 Abbildung 15: Backend Seitenvorlage mit rechter Spalte (Frontend Beispiel)... 16 Abbildung 16: Optionen beim Erstellen einer neuen Seite im Backend... 17 Abbildung 17: Kontextmenu einer Backend-Seite... 18 Abbildung 18: Inhaltsübersicht einer Seite im Backend... 18 Abbildung 19: Backend Inhaltstypenangabe... 20 Abbildung 20: Backend Inhaltssichtbarkeitseinstellungen... 21 Abbildung 21: Backend-Inhaltstyp Überschrift... 21 Abbildung 22: Backend-Inhaltstyp Text... 21 Abbildung 23: Backend-Inhaltstyp Bild... 22 Abbildung 24: Beispiel Bildelement im Frontend... 23 Abbildung 25: Backend-Inhaltstyp Tabelle... 23 Abbildung 26: Backend Tabellenassistent... 24 Abbildung 27: Backend-Inhaltstyp Dateilinks... 24 Abbildung 28: Backend-Inhaltstyp Multimedia... 24 Abbildung 29: Backend-Inhaltstyp Menü/Sitemap... 25 Abbildung 30: Backend-Inhaltstyp Plugin einfügen... 25 Abbildung 31: Backend Inhaltstyp Trenner... 25 Abbildung 32: Backend-Inhaltstyp HTML... 26 Abbildung 33: Backend Inhaltsübersicht Button Operationspalette... 26 Abbildung 34: TYPO3 Cache löschen... 27 Abbildung 35: Backend Benutzerverwaltung... 28 Abbildung 36: Neuer Frontend Loginzugang erstellen... 29 Abbildung 37: Frontend Benutzergruppe im Backend erstellen... 30 Abbildung 38: Frontend Benutzer im Backend erstellen... 31 Abbildung 39: TYPO3 Agenda in eingeloggtem Zustand... 32 Abbildung 40: TYPO3 Agenda Terminauflistung... 33 Abbildung 41: Agendainhalte im Backend System Ordner... 33 Abbildung 42: TYPO3 Backenddateiablage... 35 Abbildung 43: TYPO3 Backenddateiablage Thumbnailansicht... 35 Abbildung 44: TYPO3 Backenddateiablage Klemmbrett... 36

Typo3 Benutzerhandbuch Seite 5 von 38 3 Versionskontrolle Version Datum Prüfstelle Aktion/Beschreibung 0.1.0 04.04.2006 Patrick Lauterburg Neues Dokument 0.2.0 05.04.2006 Patrick Lauterburg Diverse Ergänzungen 0.3.0 06.04.2006 Patrick Lauterburg Screenshots erzeugt. Dokument überarbeitet 0.4.0 20.04.2006 Patrick Lauterburg Überschriftennummerierung, Verbesserungen 0.4.1 21.04.2006 Patrick Lauterburg Verbesserungen, Teilweise Ersatz der Screenshots 0.4.2 24.04.2006 Patrick Lauterburg Ergänzungen 0.4.3 27.04.2006 Patrick Lauterburg Div. Verbesserungen 0.5.0 28.04.2006 Patrick Lauterburg Überarbeitung 1.0.0 08.05.2006 Patrick Lauterburg Freigabe 1.0.1 29.05.2006 Patrick Lauterburg Überarbeitung 2.0.0 14.07.2006 Patrick Lauterburg Ergänzungen und Freigabe 3.0.0 01.09.2007 Andreas Urfer An Version 4.1 angepasst 3.0.1 10.11.2007 Andreas Urfer Bilder ergänzt 3.1.0 15.11.2007 Andreas Urfer Freigabe

Typo3 Benutzerhandbuch Seite 6 von 38 4 Einstieg 4.1 Was ist TYPO3, was ist ein CMS? Ein Content Management System (CMS) ist eine Software, die hilft, Websites zu erstellen, zu verwalten und alle für das WWW relevanten Publikationsformate zu handhaben. In einem CMS unterscheidet man grob zwischen Frontend und Backend: 4.2 Frontend Das Frontend ist für die Darstellung des CMS Inhalts zuständig. Das Frontend ist normalerweise öffentlich zugänglich (URL: http://projektname.kibs.ch): 4.3 Backend Abbildung 1: Beispiel eines Frontends Das Backend ist der Kern jedes CMS Systems. Über das Backend werden sämtliche Inhalte eines CMS erstellt und verwaltet. Der Zugang erfolgt durch die Eingabe der Zugangsdaten über eine Loginmaske.

Typo3 Benutzerhandbuch Seite 7 von 38 4.4 Systemanforderungen Abbildung 2: Das TYPO3 Backend Interface Browser Als Empfehlung sollten Sie die neuste Version des Firefox Browsers (http://www.mozillaeurope.org/de/products/firefox) verwenden. Auch der Internet Explorer kann verwendet werden. Im Frontend unterscheiden sich allerdings die Erscheinungsbilder, vor allem wenn im RichtextEditor Tabellen erstellt werden. Opera sowie Safari unterstützen TYPO3 nur begrenzt. Javascript & Cookies Ihr Browser muss Javascript & Cookies unterstützen bzw. erlauben, andernfalls wird TY- PO3 nicht korrekt funktionieren.

Typo3 Benutzerhandbuch Seite 8 von 38 4.4.1 Überprüfen der Browsereinstellungen 4.4.1.1 Mozilla Firefox Klicken Sie im Browser in der Symbolleiste auf Extras -> Einstellungen Abbildung 3: Browsereinstellung Cookieaktivierung (Mozilla Firefox) Klicken Sie auf das Symbol Datenschutz. Navigieren Sie bis zum Reiter Cookies und prüfen Sie dort, ob das Kästchen Cookies akzeptieren markiert ist.

Typo3 Benutzerhandbuch Seite 9 von 38 Abbildung 4: Browereinstellung Javascriptaktivierung (Mozilla Firefox) Klicken Sie auf das Symbol Inhalt und überprüfen Sie ob das Kästchen JavaScript aktivieren markiert ist. 4.4.1.2 Microsoft Internet Explorer Klicken Sie im Browser in der Symbolleiste auf Extras -> Internetoptionen Abbildung 5: Browsereinstellung Cookieaktivierung (MS Internet Explorer)

Typo3 Benutzerhandbuch Seite 10 von 38 Öffnen Sie das Register Datenschutz und prüfen Sie ob bei den Einstellungen die Stufe Mittel gewählt wurde. Abbildung 6: Browereinstellung Javascriptaktivierung (MS Internet Explorer) Navigieren Sie zum Reiter Sicherheit und klicken Sie auf Stufe anpassen Scrollen Sie in dem Fenster bis zu Scripting -> Active Scripting und prüfen Sie, ob die Option aktiviert ist.

Typo3 Benutzerhandbuch Seite 11 von 38 5 Erstes Login Navigieren Sie mit ihrem Browser zu der Backend Adresse Ihres Projekts: http://projektname.kibs.ch/typo3 Abbildung 7: TYPO3 Backend Login Sie werden nun aufgefordert Ihre Benutzerdaten einzugeben. Beim ersten Login ist der Benutzername schuladmin und das Passwort schuladmin. Achtung: Sie müssen Ihr Passwort beim ersten Login unbedingt ändern! 5.1 Passwort ändern Nach erfolgreichem Login klicken Sie im Menu (links) unter Benutzer auf Einstellungen. Geben Sie Ihr neues Passwort unter Persönliche Daten ein. Abbildung 8: Ändern des Benutzerpassworts im Backend Achtung: Das eingegebene Passwort entspricht nicht mehr der eingegebenen Wortlänge, sobald sie das Eingabefeld mit der Tastatur/Maus verlassen.

Typo3 Benutzerhandbuch Seite 12 von 38 6 TYPO3 Seiten und Inhalt In TYPO3 sind die Seiten (sog. Pages) im Menu (links) unter Web -> Seite abgelegt. Hinweis: Die Anzahl Seiten, welche angezeigt werden, kann nach Benutzerrechten variieren. Achtung: Im Frontend werden nicht mehr als 3 Unterebenen im Menu angezeigt. Unterseiten können beliebige erstellt werden, können aber nur mit Links angesprungen werden. Abbildung 9: Projektbaumstruktur/Navigationsstruktur im Backend Diese Struktur ist gleichzeitig die Navigationsstruktur, wie die Besucher Ihre Site im Frontend sehen werden. 6.1 Neue Seite erstellen 1. Zur Erstellung einer neuen Seite müssen Sie zuerst festlegen, wo die Seite platziert werden soll. Soll die Seite unterhalb der Login Seite erstellt werden, dann klicken Sie auf das Symbol neben der Seite Login und wählen in diesem Kontextmenu Neu. Falls die Seite eine Hierarchiestufe höher liegt, also unter die Seite Home, dann klicken Sie auf das Symbol neben Home und wählen dort Neu. Abbildung 10: Anlegen einer neuen Seite im Backend

Typo3 Benutzerhandbuch Seite 13 von 38 2. Anschliessend wählen Sie den Seitenassistenten aus: Klicken Sie hier, um den Assistenten aufzurufen! 3. Über die Pfeile können Sie wählen, an welcher Position Ihre Seite erstellt werden soll. 4. Sie können nun Ihre individuellen Daten zur Seite eingeben 6.1.1 Seitentypen Abbildung 11: Neue Seite vom Typ "Standard" im Backend erstellen Standard Erstellt eine Standard-Seite (standardmässige Auswahl). Externe URL Erstellt einen direkten Hyperlink zu einer Website, E-Mail oder einem FTP Zugang ausserhalb des Projekts.

Typo3 Benutzerhandbuch Seite 14 von 38 Shortcut Erzeugt einen Verweis resp. eine Verknüpfung auf eine Seite innerhalb des TYPO3 Projekts. Nicht im Menü Wird im Frontend in der Navigation nicht angezeigt. Der Besucher kann aber trotzdem über die richtige URL auf die Seite zugreifen. Wie Sie eine Seite schützen oder komplett ausblenden können, erfahren Sie im Kapitel Seitenangaben. Abstand Erzwingt einen vertikalen Abstand in der Frontendnavigation 6.1.2 Seitenangaben Eigenschaft/Angabe Nutzen, Beschreibung Vorkommen Seite verstecken Bei Markierung dieser Einstellung wird die Seite nicht nur in der Frontendnavigation Überall (bei jedem Seitentyp) ausgeblendet, sondern kann auch nicht mehr per Browser URL angesteuert werden (im Unterschied zum Seitentyp Nicht im Menü ). Typ Wählen Sie den Seitentyp aus. Mehr Informationen zu den Seitentypen erhalten Sie Überall (bei jedem Seitentyp) im Kap. Seitentypen. Nicht suchen Markieren Sie diese Option, wenn Sie beispielsweise eine geschützte Seite erstellen, Überall (bei jedem Seitentyp) damit diese nicht durch die interne Suchmaschine indexiert wird resp. dass der Inhalt dieser Seite über die Suche nicht gefunden wird. Seitentitel Der Seitentitel wird in der Frontendnavigation angezeigt und dient gleichzeitig als Überall (bei jedem Seitentyp) eindeutige Identifikation der Seite. Falls eine Seite mit demselben Namen auf derselben Menuebene schon existiert, verwenden Sie für eine der Seiten einen Alias. Alias Siehe Seitentitel Überall (bei jedem Seitentyp) Wählen Sie eine Vorlage Sie haben die Möglichkeit eine Seite nach 3 verschiedenen Vorlagen aufzubauen. Mehr Informationen erhalten Sie im Kap. Abbildung 12: Backend Seitenvorlage Standard (Frontend Beispiel) Seitenvorlagen. Überall (bei jedem Seitentyp) Zugriff Inklusive Unterseiten URL Typ Mit dem Zugriff können Sie regeln, welche Besucher diese Seite aufrufen dürfen. Mehr Informationen erhalten Sie im Kap. Seitenzugriff. Siehe Zugriff Geben Sie die URL zu der externen Seite an. Sie können zwischen folgenden Protokollen auswählen: http:// (Internetadresse), Überall (bei jedem Seitentyp) Seitentyp Externe URL Seitentyp Externe URL

Typo3 Benutzerhandbuch Seite 15 von 38 Shortcut zur Seite Zeige den Inhalt dieser Seite an ftp:// (FTP Zugang), mailto: (E- Mailadresse) Wählen Sie eine Seite aus Ihrem Seitenbaum aus, auf welche Sie weiterleiten wollen. Hat den gleichen Effekt wie der Seitentyp Shortcut Seitentyp Shortcut Seitentyp Nicht im Menü 6.1.3 Seitenvorlagen Abbildung 12: Backend Seitenvorlage Standard (Frontend Beispiel) Seite mit rechter Spalte (rechter Rand fixiert) Seite mit rechter Spalte (rechter Rand nicht fixiert) Seite ohne rechte Spalte Abbildung 13: Wahl der Seitenvorlage Abbildung 14: Backend Seitenvorlage Standard (Frontend Beispiel)

Typo3 Benutzerhandbuch Seite 16 von 38 Abbildung 15: Backend Seitenvorlage mit rechter Spalte (Frontend Beispiel) Mit der Standardvorlage können Sie nur den Inhalt des Content-Bereichs bestimmen. Mit der Vorlage Standard + Rechte Spalte haben Sie zusätzlich eine rechte Spalte für Randinformationen zur Verfügung. Beide Vorlagen können je mit fixer Breite gewählt werden. 6.1.4 Seitenzugriff Abbildung 16: Seitenzugriff im Backend Um eine Seite zu schützen, müssen Sie zuerst Benutzer resp. Gruppen anlegen (Kap.

Typo3 Benutzerhandbuch Seite 17 von 38 TYPO3 Benutzer & Gruppen). Ausserdem muss eine Seite mit dem Inhaltstyp/Plugin Besseres Anmeldeformular vorhanden sein (Kap. Plugin einfügen). Über das Dropdown-Feld können Sie unter Benutzergruppen eine Frontend Benutzergruppe auswählen, welche auf die Seite Zugriff hat. Die spezielle Option Beim Login verstecken bedeutet, dass die Seite angemeldeten Benutzern nicht gezeigt wird. Im Gegensatz werden mit Beim Login anzeigen markierte Seiten allen angemeldeten Benutzern gezeigt. Standardmässig wird die Zugriffseinstellung nur auf denjenigen Seiten übernommen, auf denen sie eingestellt sind. Falls die Option Inklusive Unterseiten für die Seite ausgewählt ist, wird der Effekt auf die Unterseiten vererbt. 6.1.5 Seite speichern Abbildung 16: Optionen beim erstellen einer neuen Seite im Backend Nach den gewünschten Einstellungen muss Ihre Seite noch gespeichert werden. In TY- PO3 haben Sie verschiedene Möglichkeiten dies zu tun. Am einfachsten geht dies über die Buttonpalette. Symbol/Button Eigenschaft Die Seite/Dokument sichern 6.2 Seite bearbeiten und/oder löschen Speichern und in neuem Fenster die Vorschau öffnen Speichern und zur vorherigen Ansicht zurückkehren Schliessen ohne zu speichern Seite/Dokument löschen Klicken Sie in der Navigationsstruktur auf die Seite resp. auf das Symbol neben der Seite, welche Sie bearbeiten wollen. Im Kontextmenu können Sie nun verschiedene Optionen wählen:

Typo3 Benutzerhandbuch Seite 18 von 38 Abbildung 17: Kontextmenu einer Backend-Seite Ansehen: Bearbeiten: Neu: Info: Kopieren & Ausschneiden: Weitere Einstellungen Ausblenden/Einblenden: Sichtbarkeitseinstellungen: Löschen: Öffnet die Vorschau der Seite Öffnet die Bearbeitungsansicht für den Seiteninhalt (selber Effekt wie bei einem Klick auf den Navigationstitel) Neuer Datensatz erstellen (Inhalt oder Seite) Öffnet ein Popup mit den Seiteninformationen Seiten kopieren und ausschneiden Werden nicht gebraucht Hat dieselbe Funktion wie bei den Seitenangaben Seite verstecken (Kap. Seitenangaben) Können auch über die Seitenangaben gemacht werden. Löscht die Seite/Dokument Die verfügbaren Optionen im Kontextmenu können je nach Backend Benutzerrechten variieren! 6.3 Neuen Inhalt erstellen Wählen Sie in der Baumstruktur die Seite aus, auf welcher Sie Inhalt einfügen wollen. Klicken Sie auf den Navigationstitel. Es öffnet sich nun die Inhaltsübersicht. In der Inhaltsübersicht sehen Sie an den Spalten (Normal, Rechts), welche Seitenvorlage gewählt wurde. Abbildung 18: Inhaltsübersicht einer Seite im Backend

Typo3 Benutzerhandbuch Seite 19 von 38 In TYPO3 gibt es verschiedene Wege eine neue Seite zu erstellen. Klicken Sie am einfachsten auf den Button Seiteninhalt anlegen oder Neuer Inhalt. Abbildung 20: Vorgeschlagene Inhaltstypen von TYPO3 Nun erscheint eine Auswahl von den am häufigsten gebrauchten Inhaltstypen. Wählen Sie den gewünschten Inhaltstypen aus. Der Inhaltstyp kann später ohne Probleme geändert werden. 6.3.1 Aktivierung der Optionspalette und Feldbeschreibung Damit Sie sämtliche Optionen/Eigenschaften bei der Inhaltserstellung zur Verüfung haben, vergewissern Sie sich, dass die Häckchen Zweite Optionspalette anzeigen und Feldbeschreibung anzeigen aktiviert sind (Position: bei den Inhaltsangaben ganz unten)

Typo3 Benutzerhandbuch Seite 20 von 38 6.3.2 Inhaltstypen Abbildung 21: Aktivierung der Optionspalette und Feldbeschreibung Typ Normaler Text Text m/bild Nur Bild Auftählung (Punktliste) Tabelle Datenverweise (Dateilinks) Multimedia Formular Menü/Sitemap Plugin einfügen Reines HTML Beschreibung Erstellt ein Rich-Text Element, welches mithilfe eines Editors bearbeitet werden kann. Text-Element + TYPO3 eigene Bildverwaltung TYPO3 eigene Bildverwaltung Aufzählungsliste Tabelle Linkliste aus verschiedenen Dateien, welche auf TYPO3 abgelegt sind Einbindung von interaktiven, multimedialen Komponenten E-Mailformular Erstellt aus Baumstruktur ein Sitemap oder Menü Diverse Erweiterungen (kann je nach Projekt variieren) Hier können Sie HTML-Code einfügen. Hinweis: Klicken Sie auf das Fragesymbol, um weitere Informationen zu einer Einstellung zu erhalten. 6.3.2.1 Allgemein Folgende Einstellungen sind unabhängig des Inhaltstypes bei jedem Inhaltselement einzustellen: Abbildung 19: Backend Inhaltstypenangabe Geben Sie die Spalte an, wo Ihr Inhaltselement platziert werden soll (abhängig von der Seitenvorlage). Den Abstand vor und nach dem Element (optional). Ausserdem wird, wenn Sie das Häckchen Nach Oben markieren, ein Link unterhalb des Elements platziert, welcher an den Anfang der Seite zeigt (sinnvoll bei flächenmässig grossem Inhalt).

Typo3 Benutzerhandbuch Seite 21 von 38 Abbildung 20: Backend Inhaltssichtbarkeitseinstellungen Wenn der Inhalt noch nicht definitv ist, können Sie die Option Verstecken markieren. Somit wird Ihr Inhaltselement im Frontend nicht angezeigt. Der Zugriff auf das Element ist identisch der Funktion wie bei dem Seitenzugriff (Kap. Seitenzugriff). 6.3.2.2 Überschrift Abbildung 21: Backend-Inhaltstyp Überschrift Geben Sie eine Überschrift an. Das Feld können wahlweise auch leer gelassen werden. 6.3.2.3 Text Abbildung 22: Backend-Inhaltstyp Text Mit diesem Element lassen sich verschiedene Rich-Text Element mithilfe des Rich-Text- Editors erstellen.

Typo3 Benutzerhandbuch Seite 22 von 38 Anmerkung: Möglicherweise werden Objekte (Bilder, Tabellen, Listen etc.) ausser Text, welcher per Editor eingebunden werden durch einige Browser resp. Betriebsysteme anders interpretiert resp. anders dargestellt. Es empfiehlt sich deshalb diese mit den entsprechenden Inhaltselementen von TYPO3 zu erstellen. Die Handhabung des Editors ist weitgehend intuitiv und unterscheidet sich nicht gross von anderen Editoren bzw. Textverarbeitungsprogrammen wie Microsoft Word. Wichtig: In Zusammenhang mit bereits vorhandenen Texten in Dokumenten finden Sie im Kapitel Tipps & Tricks weitere nützliche Informationen! 6.3.2.4 Text m/bild Dieser Inhaltstyp verbindet die zwei Inhaltselemente Bild und Text miteinander. 6.3.2.5 Bild Abbildung 23: Backend-Inhaltstyp Bild

Typo3 Benutzerhandbuch Seite 23 von 38 Sie können über dieses Inhaltselement ein Bild oder mehrere Bilder einfügen lassen und je nach Wunsch noch verschiedene Effekte anwenden lassen. Alle Einstellungen sind für sich selbst erklärbar. Die Bilder sollten Sie vorher mithilfe der Dateiablage hochladen. Sie sollten nur Bilder hochladen, welche Sie für die Publikation schlussendlich benötigen (Platzfrage). 6.3.2.6 Tabelle Abbildung 24: Beispiel Bildelement im Frontend Abbildung 25: Backend-Inhaltstyp Tabelle Die verschiedenen Tabellenzellen können Sie mit dem Zeichen abtrennen. Falls Sie die Tabelle mithilfe eines Assistenten aufbauen wollen, müssen Sie die Seite zuerst speichern und erhalten danach ein Symbol neben dem Eingabefeld, welches den Tabellenassistenten öffnet:

Typo3 Benutzerhandbuch Seite 24 von 38 Abbildung 26: Backend Tabellenassistent Auch in diesem Element können Sie HTML-Tags gebrauchen sowie den LINK-Tag von TY- PO3 (Siehe Kap. Fehler! Verweisquelle konnte nicht gefunden werden.) 6.3.2.7 Dateilinks/Dateiverweise Abbildung 27: Backend-Inhaltstyp Dateilinks Mit diesem Inhaltstyp erstellen Sie eine Dateiliste mit Links zu Dateien, welche sich in Ihrer Dateiablage befinden. 6.3.2.8 Multimedia Abbildung 28: Backend-Inhaltstyp Multimedia

Typo3 Benutzerhandbuch Seite 25 von 38 6.3.2.9 Menü/Sitemap 6.3.2.10 Plugin einfügen Abbildung 29: Backend-Inhaltstyp Menü/Sitemap Abbildung 30: Backend-Inhaltstyp Plugin einfügen Fügt eine spezielle TYPO3 Erweiterung ein. Beispielsweise haben Sie einen Plugin für ein Frontend Login zur Verfügung 6.3.2.11 Trenner Abbildung 31: Backend Inhaltstyp Trenner Fügt eine horizontale Linie ein. Der eingegebene Name wird nur im Backend angezeigt und hat im Frontend keinerlei Bedeutung. 6.3.2.12 HTML

Typo3 Benutzerhandbuch Seite 26 von 38 Abbildung 32: Backend-Inhaltstyp HTML Mit diesem Inhaltselement haben Sie die Möglichkeit komplexere Webseiten darzustellen. Diese Möglichkeit ist somit auch für HTML-Experten interessant, da man hier keine Grenzen hat. Falls man statische Seiten (vorhandene, programmierte HTML-Seiten) importieren will, kann man den Code zwischen den BODY-Tags herauskopieren und in das Feld des HTML Inhaltstypen einfügen. Folgende Referenzseite liefert Ihnen eine umfangreiche Beschreibung sämtlicher HTML-Tags: http://de.selfhtml.org 6.4 Inhalte bearbeiten/löschen Wie auch bei der Seitenverwaltung, hat man hier verschiedene Möglichkeiten. Am einfachsten ist die Löschung oder Mutation einer Seite per Symbol erfolgt: Symbol Aktion/Bedeutung Inhalt bearbeiten Neuer Inhalt erstellen Inhalt verbergen Inhalt löschen Datensatz/Inhalt verschieben Alternativ kann man die verschiedenen Operationen auch mithilfe der Buttons ausführen: Abbildung 33: Backend Inhaltsübersicht Button Operationspalette Hinweis: Je nach Seitenberechtigung (Zugriff) kann die Anzahl der zur Verfügung stehenden Operationen variieren. 6.5 Cache bei Aktualisierungen löschen TYPO3 verwendet eine sog. Caching-Funktion, welche Seiten zwischenspeichert um so einen schnelleren Seitenaufbau im Frontend zu gewährleisten. Demnach ist es möglich, dass nicht sämtliche Seiten im Cache nach einer Änderung aktualisiert werden. Wenn Sie feststellen, dass sich im Frontend nach Ihrer Änderung etwas noch nicht verändert hat, löschen Sie den Cache (Dieser wird dann automatisch beim ersten Seitenaufruf wieder generiert) im Backend: Falls Sie auf mehreren Seiten keine Änderungen festgestellt haben, klicken Sie auf die Rootseite Ihres Projekts (Home). Zuunterst in den erweiterten Funktionen können Sie dann die Option FE-Cache löschen wählen.

Typo3 Benutzerhandbuch Seite 27 von 38 Abbildung 34: TYPO3 Cache löschen Handelt es sich nur um eine bestimmte Seite, die nicht aktualisiert wurde, dann wählen Sie Diese Seite. Wenn Sie im letzteren Fall den gesamten FE-Cache löschen wird der erste Aufruf der Seiten länger dauern, da die Seiten alle erneut gecachet werden müssen.

Typo3 Benutzerhandbuch Seite 28 von 38 7 TYPO3 Benutzer & Gruppen 7.1 Backend Die Option zur Erstellung von Backend Benutzern ist etwas versteckt. Sie befindet sich im Menü unter Aufgaben -> Befehle -> Benutzer verwalten Abbildung 35: Backend Benutzerverwaltung Über die Liste können Sie bereits bestehende Benutzer verwalten, indem Sie auf den gewünschten Benutzernamen klicken und anschliessend in der unteren Eingabemaske die Daten ändern können oder per Betätigung des Buttons löschen den Benutzer Löschen können. Wenn Sie einen neuen Benutzer erstellen wollen, geben Sei den Loginnamen, Passwort, Richtiger Name (optional), Email (optional) an. Wenn Sie Benutzer deaktivieren markieren, kann Sich der Benutzer nicht im System anmelden. Wählen Sie danach die Benutzergruppe be_redakteur aus. Ausserdem müssen Sie einen Startpunkt in der Seitenbaumstruktur der Navigation wählen. Falls Sie beispielsweise wollen, dass der Benutzer nur einen bestimmten Bereich der ganzen Webseite verwalten soll, dann wählen Sie diesen Bereich aus, ansonsten wählen Sie die oberste Seite in der Hierarchie aus (Home). 7.2 Frontend TYPO3 unterscheidet zwischen Backend und Frontend. Nicht nur das Backend hat Benutzer, sondern auch das Frontend. Diese Benutzer und Gruppen sind in einem System Ordner abgelegt und können über das Backend verwaltet werden. Gehen Sie im Menü auf die Web ->Liste.

Typo3 Benutzerhandbuch Seite 29 von 38 7.2.1 Benutzer Übersicht Klicken Sie auf den Ordner Gruppen, sowie Benutzer aufgelistet. und Sie erhalten sämtliche 7.2.2 Neuer Eintrag erstellen Erster Schritt: Erstellung der Frontend Benutzergruppe: 1. Klicken Sie auf das Symbol neben dem System Ordner Frontend Benutzer & Gruppen und wählen Sie Neu. Anschliessend wählen Sie im linken Fenster Website Benutzergruppe aus. Abbildung 36: Neuer Frontend Loginzugang erstellen 2. Geben Sie einen Namen für die Benutzergruppe an. Empfehlung: Als Präfix sollten Sie fe_ verwenden. Der Gruppenname sollte kleingeschrieben und ohne Sonderzeichen sein. (Bsp. fe_schuko).

Typo3 Benutzerhandbuch Seite 30 von 38 Abbildung 37: Frontend Benutzergruppe im Backend erstellen 3. Die Beschreibung ist optional, es ist aber sinnvoll einen prägnanten Text zwecks Übersichtlichkeit zu verfassen. 4. Speichern und Schliessen Sie das Dokument Zweiter Schritt: Erstellung des Frontend Benutzers: 1. Klicken Sie auf das Symbol neben dem System Ordner und wählen Sie Neu. Anschliessend wählen Sie im linken Fenster Website Benutzer aus.

Typo3 Benutzerhandbuch Seite 31 von 38 Abbildung 38: Frontend Benutzer im Backend erstellen 2. Wählen Sie einen Benutzernamen sowie ein Passwort frei nach Wahl. 3. Weisen Sie dem Benutzer die soeben erstelle Benutzergruppe zu 4. Speichern Sie den Benutzer

Typo3 Benutzerhandbuch Seite 32 von 38 8 TYPO3 Agenda Der Agenda ist auf der Seite Agenda abgelegt. Die Einträge (Termine & Kategorien) sind im Systemordner innerhalb der Seite abgelegt. ACHTUNG: Der Kalender ist für die neue Version von TYPO3 noch nicht voll auf Deutsch übersetzt worden. Die Monats- und Tagesnamen werden noch Englisch angezeigt. 8.1 Termine verwalten Um einen Termin eintragen zu können muss mind. eine Kategorie im Systemordner vorhanden sein (S. Abbildung 41: Agendainhalte im Backend System Ordner) Ausserdem muss für die Frontend Terminverwaltung der schuladmin Benutzer vorhanden sein. Der Benutzer darf nicht gelöscht werden! Sie können die Termine wahlweise über das Backend oder Frontend hinzufügen. 8.1.1 Frontend 8.1.1.1 Termin eintragen Loggen Sie sich über das Frontend Login mit dem Benutzer fe_schuladmin ein. Abbildung 39: TYPO3 Agenda in eingeloggtem Zustand

Typo3 Benutzerhandbuch Seite 33 von 38 Bei jedem Tag, welcher in der Zukunft liegt, wird automatisch ein Bleistiftsymbol angezeigt, welches zur Erstellung eines neuen Termins beitragen kann. Alternativ kann auch über den Button Termin eintragen ein neuer Termineintrag an einem nicht aufgeführten Datum erstellt werden. Geben Sie alle nötigen Daten ein und klicken Sie auf den Button Vorschau. Wenn die Daten korrekt sind, klicken Sie zum definitiven Eintragen des Termins in die Agenda auf den Button Eintragen. 8.1.1.2 Termin löschen Indem Sie bei irgendeinem Termin auf das Bleistiftsymbol klicken und anschliessend ganz nach unten scrollen sehen Sie sämtliche eingetragenen Termine, welche Sie bearbeiten oder löschen können. 8.1.2 Backend Abbildung 40: TYPO3 Agenda Terminauflistung Über das Backend können alle Termine und Kategorien verwaltet werden. Abbildung 41: Agendainhalte im Backend System Ordner

Typo3 Benutzerhandbuch Seite 34 von 38 Um neue Agendatermine und Kategorien zu erstellen, klicken Sie auf das Symbol von dem Einträge/Daten Ordner. Wählen Sie im Kontextmenu Neu. Wählen Sie nun zwischen Kalender Kategorien und Kalender Termine aus.

Typo3 Benutzerhandbuch Seite 35 von 38 9 TYPO3 Dateiablage Über die Dateiablage können Sie sämtliche Dateien Ihres TYPO3 Projekts anzeigen. Abbildung 42: TYPO3 Backenddateiablage Sie können wie in jedem anderen Dateiexplorer auch, durch die verschiedenen Ordner browsen. Durch Klicken auf das Symbol erhalten Sie ein Kontextmenü, über welches Sie neue Dateien hochladen oder weitere Ordner erstellen können. Zur besseren Übersicht können Unterordner (z. b. Bilder, Dokumente, Videos) erstellt werden. Für jeden Backendbenutzer haben wir einen eigenen Dateiordner angelegt. Wenn sich die Backendbenutzer einloggen, sehen sie nur ihren Ordner. Abbildung 43: TYPO3 Backenddateiablage Thumbnailansicht

Typo3 Benutzerhandbuch Seite 36 von 38 Abbildung 44: TYPO3 Backenddateiablage Klemmbrett

Typo3 Benutzerhandbuch Seite 37 von 38 10 Tipps & Tricks 10.1 Handhabung mit Office Dateien 10.1.1 Importieren von Excel-Tabellen Falls Sie bereits bestehende Tabellen haben, können Sie Diese als *.csv-datei in Excel speichern, anschliessend in einem Editor (z.b. Notepad) öffnen, alle Semi-kolon (;) mit ersetzen und in TYPO3 einfügen (Ohne Wizard). Der Strich wird von TYPO3 als neue Spalte interpretiert. Die Formatierung wird dabei vollständig gelöscht! Komplexe Dokumente mit vielen Formatierungen sollten deshalb direkt als *.xls-datei oder *.pdf-datei (Dateilink) eingebunden werden. 10.1.2 Importieren von Word Dateien Word-Dokumente können Sie ganz einfach kopieren und einfügen: Markieren Sie den Text in Word, welchen Sie in TYPO3 einfügen wollen, kopieren Sie ihn (mithilfe der speziellen Einfügfunktion für Word-Dokumente) und gehen Sie im TYPO3-Backend in den Rich-Text-Editor ihres neuen Inhaltselements. Achtung: Die Formatierung wird grösstenteils gelöscht, wie auch Bilder und Tabellen nicht vollständig sein werden. Der Text muss manuell noch formatiert werden! Merke: Bei komplexen Dokumenten sollten Diese Beispielsweise als Dateilink im Format *.doc oder *.pdf eingebunden werden, somit wird der Aufwand stark reduziert. 10.1.3 Import von anderen Dateitypen Andere Dokumente sollten Sie wenn möglichst als *.pdf-datei (Dateilink) zur Verfügung stellen, da die meisten User Adobe Acrobat installiert haben. Alternativ können Sie, falls sinnvoll, das Dokument z.b. als JPEG-Bild (*.jpg) speichern und anschliessend in TYPO3 direkt als Typ Bilde einbinden.