In this tutorial I will introduce the concept of modular design of web templates. This is a way to create easily adaptable and maintainable web templates from simple ones right up to the most complex. A website template is a framework for a website containing the code for web pages, graphic elements and a styling template. Most people think of a template in terms of it‘s visual appearance but this is really the theme.
The two main parts of a template are the content management code and the theme. These should be kept separate so that the theme can easily be changed without affecting the structure. For example, the styles should be defined in an external style sheet and not embedded in the HTML code of the pages. The structure of a website will be defined by a set of templates. It is good practise to make the templates modular rather than having page templates containing all the code for each page. This allows site-wide changes to be easily applied. For example, the footer may be mostly identical between pages.