Das Grid-System in Zeta Producer

Das flexible Grid-System in Zeta Producer hilft Ihnen bei der Anordnung und Gestaltung von Inhalten, sowie der Platzierung von Widgets. Hinter dem Grid-System verbirgt sich ein spezieller Aufbau verschiedener Bereiche (Container, Reihen, Spalten). Das eigentliche Grid (Gitter oder Raster) ist dabei die Aufteilung des Inhaltsbereichs in 12 gleiche Blöcke.


Aufbau der Bereiche

Container

Ein Container ist ein Bereich über eine oder mehrere Reihen hinweg. Benutzer können für Container verschiedene Eigenschaften definieren, wie beispielsweise Hintergrundfarben, großflächige Hintergrundbilder oder eine randlose Darstellung. Des Weiteren können Containern auch CSS-Klassen oder Inline-CSS zugewiesen werden.

Reihen

Eine Reihe ist ein Bereich über eine oder mehrere Spalten hinweg. Reihen können zusammen mit allen Spalteninhalten in der Position verschoben werden. Auch CSS-Klassen und Inline-CSS können für Reihen definiert werden.

Spalten

Spalten können ein oder mehrere Widgets (Text, Bild, ...) enthalten. Benutzer können die Spaltenbreiten anpassen, indem die Spalteninhalte innerhalb des 12er-Grids verschoben werden. In den Eigenschaften von Spalten können außerdem Umbrüche, sowie CSS-Klassen und Inline-CSS definiert werden.

Container Reihen Spalten

Das 12er-Grid

Die Inhaltsbereiche (außer Header und News) werden in Zeta Producer in 12 gleiche Blöcke aufgeteilt. Die Pixelbreite der einzelnen Blöcke wird dabei automatisch aus der zur Verfügung stehenden Breite des Bereichs berechnet.

Das Grid wird beim Verschieben von Spalteninhalten visuell im Hintergrund eingeblendet. Durch Drücken der Taste G kann die visuelle Hilfe des 12er-Grids auch ohne Verschieben eingeblendet werden.