The Exercises

Download the 1st tutorial in PDF!

Download the 1st exercise in ZIP!

Groundwork

When building a house, the first task is always the groundwork, in the case of a website this is the background. It can simply be a color, but to match today’s expectations it is usually not enough, it requires more complex solutions.

Download the 2nd tutorial in PDF!

Download the 2nd exercise in ZIP!

Menu customization

In this exercise we continue building the template we created in the previous excise.

Download the 3rd Tutorial in PDF!

Download the 3rd exercise in ZIP!

Boxes

In this exercise we continue building the template we created in the previous excise

Download the 4th Tutorial in PDF!

Download the 4th Exercise in ZIP!

In this exercise, we continue from our template created in the previous exercise.

Moveable elements

Movable elements are special, predefined template elements which can be placed on the page inside the containers created for this purpose. The placing of these elements can be set in the layoutPreset.. The containers have their place inside the main layout elements, such as header, footer, columnLeft, columnRigth.

Download the 5th Tutorial in PDF!

Download the 5th Exercise in ZIP!

In this exercise, we continue from our template created in the previous exercise.

Layoutboxes

The layoutBoxes is a special boxArea. Its specialty is that you can develop the number of boxes and their arrangements by a visual interface.

Its good to know that because of the dynamic development capability, certain layoutBoxes have fixed size and position, therefore these boxes’ sizes – contrary to other boxes in boxAreas – do not align vertically automatically to the size of the contents within.

Download the 6th Tutorial in PDF!

Download the 6th Exercise in ZIP!

In this exercise, we continue from the template created in the previous exercise.

Home vs. General

Our engine provides us with the possibility of setting a home-page layout different from the general-page layout. Content wise this is a container consisting of 4 boxAreas with the following arrangement: