What are structures and how do I use them?

The structure determines how the individual areas can be arranged relative to each other. You can change the structure at any time without losing content or changing your design settings. If you switch to a structure that has more options, additional areas are displayed that may already contain content (background images, background colors, borders, etc.) depending on the selection of the basic design.

In contrast to other web builders, with page4 you can change the entire structure of a design with one click without having to change the design. The arrangement of the individual areas is rearranged. To understand this, one must know that each area is ultimately represented by a container (div). A parent container is used to hold all other containers and the structural template provides for a specific arrangement of these containers.
Currently there are following structure templates

Structure 1

  

 

Header 1  

 

 

Navigation horizontal

  

Sidebar left

 

 

  

 

Content area

 

 

 

  

Sidebar right

 

 

Footer 1 (sidebar below)

Explanation: With this structure, the headers and footers are always across the entire width of the page and the content shares the width with the sidebars. If you switch off the sidebars, the content is as wide as the header and footer.

Structure 2

  

 

 

Sidebar left

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

Header 1 

 

 

Navigation horizontal

  

 

Content area

 

 

 

Footer 1 (sidebar below)

  

 

 

Sidebar right

 

 

 

 

 

 

 

 

 

 

 

 

 

Explanation: This structure includes headers, content and footers from the two sidebars on the left and right. The entire width of the website is determined by the sidebars and the width of the header or content. If you switch off both sidebars then the division looks like in the structure 1, if also there the sidebar is switched off

Structure 3

Explanation: This structure is identical to structure 1 with one difference. The headers, horizontal navigation, content and footers are embedded in stripes that cover the entire width of the browser. These so-called outer stripes can also be designed, i.e. they can be given a background image or background color. With such a strip structure you can, for example, create a header that is extended over the entire width of the browser. To do this, place the image for the header in the outer strip of the header and leave the header area empty and switch off all options there, so that this area is completely invisible.

Structure 4

Explanation: This structure is like structure 3 only that we have hidden the sidebars there. If you use sidebars, just switch to structure 3.