Das Konzept
Wir planen also eine Site, die folgende Aufteilung haben soll:
Ok, wir brauchen also ein CSS-Design für die Seite, das kann man schonmal parallel machen, also einfach wie gewohnt in einem HTML-Editor eine Seite erstellen, die diesen Aufbau hat. Diese soll nachher Grundlage für unsere Typo3-Site sein. Wir erstellen eine template.html und eine site.css und sehen zu, das es so aussieht wie die obere Aufteilung.
Wir können uns mit dem Template ruhig etwas Zeit lassen, da wir vor der Einbindung erst ein wenig Typoscript kennenlernen wollen.
Das Seitenprinzip von Typo3
Was sind diese Seiten, werden da Files angelegt ?
Nein. In Typo3 ist jede Seite ein Datensatz in der Datenbank. Sie dient als Container und kann beliebige Datensätze aufnehmen. Die wichtigsten Datensätze sind die Inhaltselemente, die dann später angezeigt werden.
Unsere Hauptseiten werden vom Menü benutzt, d.h. für jeden Menüpunkt gibt es eine Seite. Unser Seitenbaum ist also so aufgebaut wie unsere geplante Menüstruktur.
Der Seitentitel wird dann im Menü abgezeigt, daher heissen die Seiten so wie sie im Menü erscheinen sollen, wir brauchen uns hier keine Gedanken über Filenamen, Umlaute etc. zu machen.
Menüplanung
Das entscheidene ist das Menü. Hier planen wir für den Menübereich 1 folgende Menüpunkte:
Startseite, Sitemap, Impressum, Kontakt, Login
und für den linken Menübereich folgende Punkte:
Startseite, Neuigkeiten, Produkte, Über uns, Suche
Es wird also eine Verkaufsseite für irgendein Produkt, hier ist die Fantasie von jedem gefordert, mit welchem Produkt er die Menschheit beglücken will.
Es steht auch jedem frei, die Punkte anders zu benennen, die Kernfunktionen sollten aber enthalten sein.
Was hat jetzt das Menü mit Typo3 zu tun - kann man nicht einfach die Seite in Typo3 entwerfen ?
Jein. Typo3 ist kein HTML-Editor, daher muss das Design vorher durchdacht sein, das wird dann später unser HTML-Template.
Typo3 benutzt die Seiten, um ein Menü darzustellen, d.h. wir legen uns genau die Seiten an, die unserem Menü entsprechen.
Nach diesem Konzept soll der Seitenbaum also so aussehen:
root
--- oberes Menü
--- --- Startseite
--- --- Sitemap
--- --- Impressum
--- --- Kontakt
--- --- Login
--- linkes Menü
--- --- Startseite
--- --- Neuigkeiten
--- --- Produkte
--- --- Über uns
--- --- Suche
Gut, gehen wir ans Werk und erstellen zuerst die Seite root. Diese ist unsere Wurzel des Baumes und soll das Template enthalten, aber keine Inhaltselemente.
Alle Eigenschaften dieser Seite vererben sich im Baum weiter, so das wir hier das Verhalten der kompletten Seite beeinflussen können.
Wie erstellt man denn eine Seite ?
Wir gehen im Menü auf Web > Seite und sehen im Baum unsere Weltkugel. Vielleicht haben es einige schon bemerkt - wenn wir auf das Icon klicken, öffnet sich ein Kontextmenü, ebenso können wir auf den Eintrag mit rechts klicken.
Ahhh - wir sehen einen Menüeintrag "neu", den wir anwählen. Rechts erschein eine Auswahl von möglichen Datensätzen, die wir erstellen können.
Wir wählen den Eintrag mit dem Assistenten, wir sehen zwei mögliche Positionen für die neue Seite. Da wir das erste Element erzeugen, ist es völlig egal, welchen Eintrag wir nehmen, aber wir sehen, das wir hier auch eine beliebige andere Ebene anwählen können.
Haben wir die Position angewählt, erscheint folgendes Formular:
Wir geben bei Seitentitel root ein und speichern die Seite.
Für die weiteren Seiten wollen wir ein praktisches Typo3-Tool kennenlernen.
Wir wählen Web > Funktionen und klicken auf unsere Seite root.
Nebenbei bemerken wir noch folgendes: wenn wie mit der Maus über das Seitenicon von root fahren, wird uns die id der Seite eingeblendet. Diese Information ist an vielen Stellen von Typo3 wichtig, da intern die Seiten über diese id angesprochen werden und nicht über ihren Namen.
Gut, im Aktionsteil des BE sehen wir ein Eingabeformular - Ein Assistent zum Anlegen mehrerer Seiten. Diese werden in der Unterebene von root erzeugt.
Wir brauchen 2: oberes Menü und linkes Menü
Haben wir diese angelegt, so legen wir auf die gleiche Art die Unterseiten für diese beiden Seiten an.
Unser Seitenbaum sollte jetzt so aussehen:
![]()


LinkBack URL
About LinkBacks
), das haben wir bei der Installation schon kennengelernt. Das ist der Teil von Typo 3, wo wir als admin oder später die Redakteure die notwendigen Änderungen vornehmen können. 

Zitieren

