von Dieter Bunkerd, Dirk Jesse, 03.12.2006

Teil 1: Fließende Spalten und eigensinnige Browser: TYPO3-Templates mit YAML

Aus dem
t3n Magazin Nr. 6

Trennung von Inhalt, Layout und Dynamik

Webseiten dienen in erster Linie der Bereitstellung von Informationen. Man sollte sich daher bei der Entwicklung von den Inhalten und nicht von der Optik leiten lassen. Eine gute Zugänglichkeit wird durch eine semantisch korrekte Strukturierung über (X)HMTL erreicht. Die Auszeichnung der Inhalte sollte daher entsprechend ihrer Bedeutung erfolgen und nicht nach ihrem Aussehen.

Das Layout entsteht, indem über die einzelnen Strukturbereiche der Seite gestaltet werden. Durch die Trennung von Inhalt und Layout kann gezielt Einfluss auf die Darstellung in unterschiedlichen Ausgabemedien genommen werden. Werden bestimmte Gestaltungsvorgaben von älteren Browsern nicht dargestellt, kann der Benutzer immerhin auf die Informationen zugreifen.

Mit dynamischen Inhalten wie JavaScript oder Flash kann die Qualität einer Webseite weiter gesteigert werden. Die Funktion dieser Elemente darf jedoch keinesfalls eine Bedingung für die Nutzbarkeit einer Webseite sein. Werden Navigationselemente erst zur Laufzeit per JavaScript erzeugt oder sind sie in Flash-Objekten eingebettet, wird die Webseite unbenutzbar, wenn die entsprechenden Plugins abgeschaltet oder nicht verfügbar sind.

YAML und TYPO3

YAML steht im Internet kostenlos zum Download zur Verfügung. Das modular aufgebaute CSS-Framework eignet sich insbesondere für die Integration in ein CMS wie TYPO3. Speziell für diesen Zweck stehen ebenfalls kostenlose Templates in zwei Varianten zur Verfügung [1]. Die importierbare t3d-Datei eignet sich, wenn TYPO3 fertig installiert auf einem Webserver im Internet zur Verfügung steht und ein neues Projekt begonnen werden soll. Das Komplettpaket ist dafür gedacht, TYPO3 auf einem lokalen PC auszuprobieren. In Verbindung mit „xampp“ [2] steht in kurzer Zeit eine komplette TYPO3-Testumgebung zur Verfügung, inklusive aller nötigen Extensions, aller Einstellungen, der TypoScript-Templates und einiger Beispielseiten.

Seite:  1 2 3 4 5 6

2 Antworten

  1. von if20 21.10.2010 (15:47Uhr) 1.

    Hallo,

    evtl sollte man sich das Produkt if20 ansehen:
    http://if-20.com

    MfG

    Detlef Schäbel

  2. von pyronet 12.01.2012 (22:48Uhr) 2.

    Hallo,
    ich finde auch, dass das Entwicklertemplate IF20 eine gute Wahl ist.
    Vor allem kann man mit nur wenigen Klicks eine vorkonfigurierte Webseite auf seinen Server zaubern.
    Ich habe Videos zu IF20 gemacht.
    http://www.pyronet.de/videos.html

    LG
    Marion

Deine Meinung


(wird nicht veröffentlicht)