The purpose of this example is to abstract web layout features through XML. In other words, say you have a page like this...

It can be abstracted by its common components, for example, like this...

Therefore, our goal is to begin by designing code that will generate this...

...and gradually fill in the details until we are able to dynamically generate an exact match of the original. At this point we will be able to easily generate any page with this layout, regardless of the content it may have. Using this technique we can also create any other layout variation, or multiple layouts to choose from or switch to with very little effort.