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
1
Kontextmenü
•
•
•
•
Einträge des Kontextmenüs
Weitere Einstellungen
Im- / Export
Rekursives Löschen
2
Seitentypen
•
•
•
•
•
•
•
•
•
Standard
Erweitert
Externe URL
Shortcut
Nicht im Menü
Backend Benuterbereich
Abstand,
SysOrdner
Papierkorb
3
Inhaltstypen
•
•
•
•
•
•
•
•
Texte
Texte mit Bildern
Bilder
Punktelisten – Aufzählungen
Tabellen
Dateilinks
Multimediaelemente
Formulare
4
Inhaltstypen 2
•
•
•
•
•
•
•
•
•
•
Suchformulare
Anmeldeformulare
Textboxen
Sitemaps oder Menüs
Datensätze
Erweiterungen (Plugins)
Skriptelemente
Trennelemente
HTML-Code
PHP-Skripte
5
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.
6
Ausblenden von Spalten
• In TSconfig:
mod.web_layout.tt_content.colPos_list = 1, 0, 2
eintragen.
Mehr dazu in der nächsten Vorlesung.
7
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.
8
Rich Text Editor
• Kopieren, Ausschneiden , Einfugen
• Formatierungen
• Links
• Tabellen
• Bilder
 Vorführung
9
Formulare
• Formular mit Mailweiterleitung
• Suchformular
• Anmeldeformular
10
Konfiguration
# Example content:
Name: | *name = input,40 | Enter your name here
Email: | *email=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
11
Formularassistent
• Bietet eine Oberfläche zum Erstellen der
Formularkonfiguration.
12
Formatierung der Formulare
tt_content.mailform.20.layout = <tr><td align=left
class="ft10px666666"><b>###LABEL###</b></td><td>
<img src="clear.gif" width=20></td><td
class="text">###FIELD###</td></tr>
tt_content.mailform.20.params = class="formular"
tt_content.mailform.20.labelWrap.wrap = <div class
="ft10px666666" align="left"><b> | </b></div>
13
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
14
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 TSconfigEinträge) betrachtet werden können.
15

Folien