CMS Layout mit XHTML

Was ist ein Layout?

Layout

Ein Layout beschreibt in aitsu die Darstellung der Webseiten. Es ist das Grundgerüst, das der Redakteur mit Inhalt befüllt. Der Webdesigner kann Layouts unabhängig vom Programmierer gestalten.

Nach Absprache mit dem Entwickler werden Platzhalter in XML-Syntax gesetzt. aitsu ersetzt diese zur Laufzeit mit dynamischen CMS-Inhalte.

Aufbau eines Layouts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
    <div>
    <container id="{id}"
               name="{name}"
               types="{type}"
               mode="{mode}"
               default="{default}">
    Inhalte für die Layout-Vorschau
    </container>

    ...

    </div>
</body>
</html>


Tipp für Webdesigner
Wiederkehrende statische Inhalte wie der Google Analytics Code können mit aitsu:ShortCode direkt ins Layout integriert werden.

Aufbau eines Container

  • {id} Eindeutiger Bezeichner
  • {name} Name des Containers. Wird im Template angezeigt
  • {type} Frei wählbare Typ-Bezeichnung (Navi, Bild, ...)
    • Erleichtert die Modul-Auswahl im Template
  • {mode} Erlaubt sind mandatory | optional | fixed
    • mandatory (Ein Modul muss gewählt werden)
    • optional (Ein Modul kann gewählt werden)
    • fixed (Nur das Default-Modul ist erlaubt)

  • {default} Vorgabe des Moduls durch dessen Namen.

  •