1 Seiten und Seiteninhalte Als Web Content Management-System dient TYPO3 der Erstellung und Verwaltung von Webinhalten. In der Systematik von TYPO3 besteht ein Webauftritt aus einzelnen Seiten, die in Form eines Hierarchiebaums gegliedert sind. Die von TYPO3 verwalteten Informationseinheiten werden als Seiteninhalte bezeichnet und den Seiten zugeordnet. In der dem System zugrunde liegenden Datenbank sind die Seiteninhalte in einer zentralen Tabelle abgelegt. Vorführung Seiten erstellen, bearbeiten, verschieben

2 Kontextmenü Einträge des Kontextmenüs Weitere Einstellungen Im- / Export Rekursives Löschen

3 Seitentypen Standard Erweitert Externe URL Shortcut Nicht im Menü Backend Benuterbereich Abstand, SysOrdner Papierkorb

4 Inhaltstypen Texte Texte mit Bildern Bilder Punktelisten – Aufzählungen Tabellen Dateilinks Multimediaelemente Formulare

5 Inhaltstypen 2 Suchformulare Anmeldeformulare Textboxen Sitemaps oder Menüs Datensätze Erweiterungen (Plugins) Skriptelemente Trennelemente HTML-Code PHP-Skripte

6 Platzierung der Inhalte in Spalten TYPO3 teilt die Inhaltselemente auf einer Seite – in Anlehnung an die Anordnung im Backend – in so genannte »Spalten«. Häufig entspricht eine Spalte dann auch einem entsprechenden Bereich in einem spaltenförmigen Layout des Webauftrittes.

7 Ausblenden von Spalten In TSconfig: mod.web_layout.tt_content.colPos_list = 1, 0, 2 eintragen. Mehr dazu in der nächsten Vorlesung.

8 Arbeiten im Rich Text Editor Der Rich Text Editor bietet den Redakteuren die Möglichkeit, in Textblöcken für Fließtext Formatierungen vorzunehmen. Er besteht aus einer Menüleiste und einem Bereich, in dem der Text editiert und formatiert werden kann. Mit dem Symbol rechts neben dem Textfeld wird der Editor in den Vollbildmodus geschaltet. Ein Klick auf die Checkbox unterhalb des Textfelds genügt, um den HTML-Quelltext des formatierten Textes erscheinen zu lassen.

9 Rich Text Editor Kopieren, Ausschneiden, Einfugen Formatierungen Links Tabellen Bilder Vorführung

10 Formulare Formular mit Mailweiterleitung Suchformular Anmeldeformular

11 Konfiguration # Example content: Name: | *name = input,40 | Enter your name here | * =input,40 | Address: | address=textarea,40,5 | Contact me: | tv=check | 1 |formtype_mail = submit | Send form! |html_enabled=hidden | 1 |subject=hidden| This is the subject

12 Formularassistent Bietet eine Oberfläche zum Erstellen der Formularkonfiguration.

13 Formatierung der Formulare tt_content.mailform.20.layout = <td align=left class="ft10px666666"> ###LABEL### ###FIELD### tt_content.mailform.20.params = class="formular" tt_content.mailform.20.labelWrap.wrap = <div class ="ft10px666666" align="left"> |

14 Formularmeldungen tt_content.mailform.20.goodMess = Vielen Dank für Ihre Anfrage, wir werden uns so schnell wie möglich bei Ihnen melden! tt_content.mailform.20.badMess = Folgende Felder sind Pflichtfelder

15 Info Modul Im Bereich Web des Hauptmenüs befindet sich das Modul Info. Mit diesem Modul können Übersichten des Seitenbaumes erzeugt werden. Als weitere Möglichkeit bietet das Info-Modul eine Ansicht auf die Änderungshistorie. Mit dem Menüpunkt Seiten TSconfig bietet das Info Modul ein Werkzeug, mit dem die Anpassungen des Backends (die TSconfig- Einträge) betrachtet werden können.