Es wird empfohlen, diesem Tutorial Schritt für Schritt zu folgen. Durch direktes Anwenden wird es sehr viel leichter fallen, das Vorgehen zu verstehen. Alles, was Sie zum Mitmachen benötigen, sind eine frische Installation von TYPO3 [1] und eine HTML-Vorlage inklusive Styles, die das spätere Aussehen der Website bestimmt. Diese HTML-Vorlage benötigen Sie zum Erstellen eines Templates, der Basis für jede Seite in TYPO3, die nichts anderes ist als eine Vorlage. Alle in diesem Artikel verwendeten Dateien sowie eine HTML-Vorlage mit Styles und Bildern finden Sie in einem ZIP-Archiv auf der beiliegenden Heft-CD.
Die Vorarbeit
Bevor Sie mit der eigentlichen Arbeit beginnen, sollten Sie Ihre HTML-Vorlage inklusive der Styles und Images auf einem Server ablegen. Ein guter Ort dafür ist das Verzeichnis „fileadmin/“. Alternativ können Sie auch das Verzeichnis „Template“ aus dem ZIP-Archiv auf der Heft-CD in dieses Verzeichnis kopieren.
Wenn Sie in TYPO3 ein Template erstellen möchten, benötigen Sie zunächst eine HTML-Vorlage. In dieser HTML-Vorlage definiert man mit Hilfe von „Subparts“ und „Markern“ jene Bereiche, die später durch TYPO3 befüllt werden sollen. Es gibt zwei wesentliche Unterschiede zwischen Subparts und Markern. Subparts definieren in der Regel komplette Bereiche und werden in der HTML-Vorlage durch HTML-Kommentare eingeschlossen, wobei ein Subpart immer durch einen Start- und einen End-Marker definiert wird. Hier ein Beispiel, um dies zu verdeutlichen:
... <!-- ###SUBPART_NAV### begin --> <ul id=“navigation“> <li><a xhref=“#“>Home</a></li> ... </ul> <!-- ###SUBPART_NAV### end --> ...
Listing 1
Zu beachten ist hierbei, dass der Name des Subpart-Markers eindeutig ist und von drei Rauten (###) am Anfang und am Ende eingeschlossen wird. Ein Marker dagegen wird ohne HTML-Kommentare eingefügt und definiert eine Stelle in der HTML-Vorlage. Dazu wieder ein Beispiel:
