Was sind Strukturen und wie wende ich diese an?

Die Struktur legt fest, wie die einzelnen Bereiche zueinander angeordnet sein können. Du kannst jederzeit die Struktur wechseln, ohne dass Inhalte verloren gehen oder deine Designeinstellungen verändert werden. Schaltest du auf eine Struktur um, die mehr Optionen hat, werden zusätzliche Bereiche angezeigt, die je nach Auswahl des Basisdesigns eventuell bereits Inhalte (Hintergrundbilder, Hintergrundfarben, Umrandungen usw.) enthalten können.

Im Gegensatz zu anderen Webbaukästen kann man bei page4 mit einem Klick die gesamte Struktur eines Designs ändern, ohne das Design wechseln zu müssen. Dabei wird die Anordnung der einzelnen Bereiche neu geordnet. Um das zu verstehen, muss man wissen, dass jeder Bereich letztlich durch einen Container (div) repräsentiert wird. Ein übergeordneter Container dient dazu, alle anderen Container aufzunehmen und die Strukturvorlage sorgt für eine bestimmte Anordnung dieser Container.

Aktuell gibt es folgende Strukturvorlagen

Strukur 1

  

 

Header 1  

 

 

Navigation horizontal

  

Sidebar links

 

 

  

 

Inhaltsbereich

 

 

 

  

Sidebar rechts

 

 

Footer 1 (Sidebar unten)

Erklärung: Bei dieser Struktur sind die Header und Footer immer über die gesamte Breite der Webseite und der Inhalt teilt sich die Breite mit den Sidebars. Wenn man die Sidebars ausschaltet, dann ist der Inhalt genauso breit wie Header und Footer. 

Strukur 2

  

 

 

Sidebar links

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

Header 1 

 

 

Navigation horizontal

  

 

Inhaltsbereich

 

 

 

Footer 1 (Sidebar unten)

  

 

 

Sidebar rechts

 

 

 

 

 

 

 

 

 

 

 

 

 

Erklärung: Bei dieser Struktur sind Header, Inhalt und Footer von den beiden Sidebars links und rechts eingeschlossen. Die gesamte Breite der Webseite wird also von den Sidebars und der Breite von Header bzw. Inhalt bestimmt. Wenn du beide Sidebars ausschaltest dann sieht die Aufteilung wie in der Struktur 1 aus, sofern auch dort die Sidebar ausgeschaltet ist

Strukur 3

Erklärung: Diese Struktur ist identisch mit der Struktur 1 mit einem Unterschied. Die Header, die horizontale Navigation, der Inhalt und die Footer sind in Streifen eingebettet, die über die gesamte Browserbreite gehen. Diese sogenannten Außenstreifen können ebenfalls gestaltet werden, also ein Hintergrundbild oder eine Hintergrundfarbe erhalten. Mit so einer Streifenstruktur kann man zum Beispiel einen Header anlegen, der über die gesamte Breite des Browsers ausgedehnt ist. Man hinterlegt dazu dass Bild für den Header in den Außenstreifen vom Header und lässt den Headerbereich selbst leer und schaltet dort alle Optionen aus, so dass dieser Bereich komplett unsichtbar ist. 

Strukur 4

Erklärung: Diese Struktur ist wie Struktur 3 nur dass wir dort die Sidebars ausgeblendet haben. Möchtest du Sidebars nutzen, schaltest du einfach auf Struktur 3 um.