Table of Contents

1. Page set up

Page set up

A page layout basically consists of one or more layout sections (e.g. header and two columns) and multiple modules which will be shown inside these sections.

According to this principle, it is recommended to follow a certain order when setting up a page:

• Create all necessary modules in the modules module
• Create all necessary style sheets in the style sheets module
• Create a new layout in the page layout module
• Create a new page in the page structure module

Thus, you can be sure that all necessary components exist. A page layout cannot be built without modules and style sheets and a page cannot be built without a layout. Therefore, the following paragraphs will follow this order, too.

Now you will learn how to set up front end modules, how to create style sheets and how to build a page layout out of them. In addition, you will get to know how front end modules are rendered and how you can style them using CSS.