Unser 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 Typo3Was 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üplanungDas 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: