Joomla Template Download Portal für CMS Templates und Layouts



Tutorial Template erstellen - Das Layout PDF  | Drucken |
Die Layout Skizze:

Bevor wir anfangen können unser eigenes Template für das Content Management System (CMS) Joomla zu schreiben, sollten wir uns überlegen wie dieses eigentlich aussehen soll. Um das Tutorial nicht unnötig kompliziert zu machen, nehmen wir uns einen relativ einfachen Aufbau des Templates vor. Unsere Seite wird einen Header (mit Suchfeld), einen Contentbereich aus „left“, „content“ und „right“ sowie einen kleinen Footer haben.

Darüber hinaus werden wir in diesem Tutorial mit <div>-Layern und nicht mit Tabellen arbeiten. Die Einstellungen zu den <div>-Layern werden in einer seperaten css Datei vorgenommen.

Wer sich bis jetzt noch nicht mit css beschäftigt hat, sollte sich zuvor und auch während des Tutorials eine der folgende Seiten ansehen: www.selfhtml.org oder aber auch www.css4you.de . Dies ist zwar nicht zwingend notwendig, aber sehr hilfreich.
 Seitenaufbau unseres templates
Das fertige Layout:

Nachdem wir das Tutorial abgeschlossen haben, sollte unser Layout wie auf dem Bild rechts dargestellt aussehen.
 Das Layout unserer Seite

 

weiter zum Aufbau