In WebSite X5 werden die Seiten in einem Raster erstellt und das Layout kann im Dialogfenster der Objekte in Zellen angepasst werden, mit den Optionen Außenrand und Innenabstand, die sich im Fenster Objektstil | Stil befinden.
Um den Begriff Rand besser zu verstehen und das Layout der Inhalte präzise umzusetzen, müssen Sie mit dem verwendeten Box-Modell vertraut sein.
Beim Schreiben des Codes einer Website wird jedes HTML-Element als Block (Box) bezeichnet, während die Gesamtheit der Regeln, die die grafischen Merkmale dieser Block-Elemente Box-Modell genannt wird. Jede Box enthält eine bestimmte Anzahl Basiskomponenten, die mit Hilfe der CSS-Eigenschaften wie Außenabstand, Rahmen, Innenabstand und Inhalt geändert werden können.
Die nachstehende Abbildung veranschaulicht die Bestandteile des Box-Modells:
Das Layout-Schema in WebSite X5 besteht aus Zellen, in die verschiedene Objekte eingefügt werden können. Genauer gesagt, wird jedes Objekt in eine Art Behälter eingefügt, der seinerseits in einer Zelle des Layout-Schemas positioniert wird. Auf jede dieser Zellen wird das dargestellte Box-Modell angewendet.
Die Elemente sind die Folgenden:
| ▪ | Inhalt (grüner Bereich): Inhalt, der durch Ziehen eines der verfügbaren Objekte wird. |
| ▪ | Innenabstand (rosa Bereich): Abstand zwischen dem eingefügten Objekt und dem Rahmen seines Behälters. |
| ▪ | Rahmen: Rahmen des Objektbehälters. Das Aussehen dieses Rahmens kann mit den Optionen im Dialogfenster Objektstil definiert werden. |
| ▪ | Außenabstand (gelber Bereich): Abstand zwischen dem Rahmen des Objektbehälters und den Layout-Schemas. |
Ausgehend von diesen Definitionen ist der Raum zwischen zwei Objekten (horizontal oder vertikal) die Summe der Außenabstände, die für die jeweiligen Zellen festgelegt wurden.
