Sie sind hier:   » ZMS home » Screens/Konzept » Features » Templatemodell

Templatemodell optimiert das Website-Design

Autor: Dr. Frank Hoffmann,  HOFFMANN+LIEBENBERG, 18.08.2001

Das ZMS-Framework beinhaltet ein modulares und hierarchisches Templates-Konzept, das die üblichen Seitenfunktionen vorgibt und beliebig erweiterbar ist.

Das Layout besteht aus Seitenkopf, mittlerem Contentbereich, Seitenfuß. Für den Aufbau eigener Templates geht man folgendermassen vor: ausgehend von einer Design-Vorlage werden die Gestaltungs-Elemente definiert und mit dem untenstehenden funktions-orientierten Template-Konzept korreliert. Die Funktion eines Templates drückt sich in seiner Benamung aus (siehe Tabelle weiter unten). Die einzelnen Dokument-Bereiche werden zur Gesamtseite assembliert; die Anordnung (Layout) der Templateinhalte wird über eine Tabellenkonstruktion bewerkstelligt.
Die HTML-Seite in der Ansicht besteht bei grober Betrachtung aus drei Bereichen:

  1. Seitenkopf (oben: Logo, Banner...)
  2. Inhalt (mitte: Textkörper, Inhaltsübersichten/TOC..)
  3. Seitenfuß (unten: Copyright,...)

Template-Schema die funktionale Seitenkonstruktion: der eigentliche Textkörper wird von template-erzeugten HTML-Fragmenten in geschachtelter Weise umschlossen. Der Seitenaufbau bzw. das Layout ergibt sich also durch die Assemblierung sämtlicher Templates vor und hinter dem zentralen Textkörper.
 

Template Schema 
MASTERTEMPLATES
    standard_html_request: init REQUEST variables
    standard_html_header: all templates before content
    standard_html_footer: all templates after content

PAGEREGIONS / LAYOUT
    pageregionTop: page top
    pageregionLeft: Left column
    pageregionBefore: before content
    pageregionAfter: after content
    pageregionRight: right column [Macro+Context]
    pageregionBottom: page bottom

HTMLHEAD
    headDoctype: DOCTYPE declaration
    headLinkrelations: LINK elements
    headCSS: STYLE elements
    headBodytag: BODY Tag

FUNCTIONAL PAGEELEMENTS
    pageelement_Logo: Logo
    pageelement_Menu: channel bar
    pageelement_Macronavigation: main navigation
    pageelement_Micronavigation: path navigation
    pageelement_Search: search
    pageelement_Searchresults: search
    pageelement_Languageselect: language selector
    pageelement_Styleselect: styling selector
    pageelement_Headline: document title
    pageelement_Description: document description
    pageelement_TOC: document overview
    pageelement_Index: table of content
    pageelement_Links: related documents and links
    pageelement_Teaser: teaser elements
    pageelement_Copyright: copyright information