Anordnung Box / Zeile / Spalte¶
In WebAcappella folgt die Organisation der Elemente einer bestimmten Struktur :
Boxen sind die Hauptcontainer, die die Seite strukturieren.
Die Linien passen direkt in die Boxen und ermöglichen eine horizontale Organisation.
Spalten sind Elemente wie alle anderen auch (Text, Bild, Schaltfläche) und müssen in eine Zeile gezogen werden, um den Inhalt vertikal zu organisieren.
Diese Hierarchie ermöglicht es, flexible und anpassungsfähige Layouts zu entwerfen.
Legende der Farben¶
In der Benutzeroberfläche von WebAcappella wird jedes Element, das die Seite strukturiert, durch eine bestimmte Farbe materialisiert:
Braun für Schachteln.
Rosa für die Linien.
Grün für Säulen.
Wenn ein Element ausgewählt ist, wird es mit einem Rahmen in derselben Farbe umgeben.
Eine neue Seite erstellen¶
Erstellen Sie eine neue Seite in WebAcappella.
Dort wird automatisch eine Box mit einer Zeile platziert.
Spalten in eine Zeile einfügen¶
Jede Zeile ist in 12 Rasten unterteilt, sodass die Spaltenbreite leicht angepasst werden kann.
Man zieht eine oder mehrere Spalten per Drag & Drop in die Zeile.
Wiederholen Sie den Vorgang, um mehrere Spalten nebeneinander einzufügen.
Ändern Sie die Größe der Spalten, indem Sie ihre Proportionen anpassen.
In jede der erstellten Spalten werden die gewünschten Elemente (Text, Bild, Schaltfläche usw.) gezogen, die dann die Breite der Spalte einnehmen.
Boxen und Linien hinzufügen¶
Sie können beliebig viele Boxen auf eine Seite ziehen.
Praktische Tipps¶
Bevorzugen Sie eine klare Struktur, indem Sie mehrere Boxen zur Organisation der Seite verwenden.
Verwenden Sie Spalten, um das Layout auszugleichen, aber vermeiden Sie zu viele Spalten, um die mobile Anzeige nicht zu überlasten.
Testen Sie den responsiven Modus regelmäßig, um sicherzustellen, dass er auf allen Bildschirmen gut aussieht.