Page templates are the first step towards creating a beautiful, consistent looking application. A page template represents the layout structure of your pages, which if created carefully can provide a great user experience for your application's audience.
Page templates let you define entire page layouts, including values for certain attributes of the page. When pages are created based on a template, the page inherits the defined layout, and when a modification is required for the page template, you can change it once in the page template and all of the pages that are based on this template will automatically have the new changes.
In this recipe, the application and its model have been created for you. You can see it by cloning the
ADFFacesPageTemplate project from the Git repository.
We will start by creating a page template, which looks like the next screenshot, based on the
minimaxing template from http://html5up.net/minimaxing/.