Einfaches Startseiten-Design

Das ist ein „normaler“ Abschnitt – in der Webseiten-Sprache „Section“ genannt. Dafür verwenden Sie am besten den Section-Wrap-Block. Er bildet einen eigenständigen Abschnitt ab, in den Sie jeden beliebigen Inhalt einfügen können. „Wrap“ bedeutet hierbei, dass der Section-Wrap-Block die Inhalte Ihres Sinnabschnitts „umhüllt“. Im Webseiten-Jargon würde man auch von „Container“ sprechen – also qausi ein Behältnis, in dem sich verschiedene Elemente befinden können.

Der Section-Wrap-Block läuft über die gesamte Breite des jeweiligen Geräte-Bildschirms, aber seinen Inhalten können Sie verschiedene Breiten zuweisen. Klicken Sie dazu auf das Stile-Menü des Blocks und wählen Sie zwischen „Normal“ (die Standard-Breite für Inhalt in Ihrem Webdesign), „Volle Breite“ (die Inhalte haben nur einen geringen Abstand zu den seitlichen Bildschirmrändern) und „Weite Breite“, was die Inhalte sozusagen mittelbreit darstellt.

Weil der Section-Wrap-Block keine seitlichen Abstände zu den Bildschirmrändern hat, können Sie ihn vollständig einfärben und so Abschnitte mit farbigem Hintergrund gestalten, wie hier in diesem Beispiel zu sehen.

Das alles fassen wir hier für Sie noch einmal in einem Listen-Block zusammen:

• Section-Wrap-Block zum Abbilden von Sinnabschnitten benutzen
• Die Breite der Inhalte über das Stile-Menü des Section-Wrap-Blocks einstellen
• Die gewünschten Inhalte hinzufügen
• Bei Bedarf Abstände oberhalb und unterhalb der Inhalte hinzufügen (hier schon geschehen)
• Bei Bedarf den Sinnabschnitt über das Stile-Menü eine Hintergrundfarbe zuweisen