You are here:   » Home » Screens/Concept » Features » Template model

Template model optimises the website design

Author: Dr. Frank Hoffmann,  HOFFMANN+LIEBENBERG, 2001/08/18

The ZMS framework contains a modular and hierarchical template concept providing the usual site functions and being expandable at will.

The layout consists of the page heading, the middle content area and the bottom of the page. For structuring own templates you act as follows: starting from a design template, the design elements are defined and correlated with the function oriented template concept shown below. The function of a template reveals in its naming (see table below). The particular document areas are assembled to the whole page, the arrangement (layout) of the template contents is managed through a table construction.
The HTML site in the view consists of three elements at rude consideration:

  1. Head of the page (at the top: logo, banner...)
  2. Content (in the middle: text body, content overview/TOC..)
  3. Bottom of the page (at the bottom: copyright,...)

Template scheme for the functional page construction: the actual text body is enclosed by template produced HTML fragments in a nested way. The page structure or the layout results out of the assembling of all the templates in front of and at the back of the central text body.
 

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