In WebSite X5 werden die Seiten in einem Raster erstellt und das Layout kann im Dialogfenster Zellenrand angepasst werden dank der Außenrand und Innenabstand Optionen, die sich im Zellenstil | Stil Fenster 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 Inhalte eingefügt werden können. 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 eingefügtem Inhalt und Rahmen. |
▪ | Rahmen: Rahmen, der um den Inhalt gezeichnet ist. Das Aussehen dieses Rahmens kann mit den Optionen im Dialogfenster Zellenstil definiert werden. |
▪ | Außenabstand (gelber Bereich): Abstand zwischen dem Rahmen und den Begrenzungslinien des 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.