If you’ve ever converted a given layout into a dynamic web application before, you know that you have to split up the HTML source into tiny parts that represent a single component. Think of a layout that consist of a page with two columns and some boxes or text blocks that will be reused all over the website.
The first step is to understand the HTML source code and to find the start and end of such a component. When using JSP or other technologies you normally have to split up your HTML page into a large number of tiny files that contain the reusable fragments.
When using Projector templating you can simply mark such fragments in the original page source and use them by giving them an identifying name. The following example shows a simplified HTML page and how different components can be marked as reusable fragments:
[TODO]
<HTML> <BODY> <P>This is the text that will be replaced with dynamic content</P> </BODY> </HTML>