Verwenden von Layoutboxen
Um nicht den Einschränkungen eines einspaltigen Inhaltslayouts in HTML zu unterliegen, verwenden Webautoren für die Inhalte einer Seite häufig Tabellen. Die Zeilen und Spalten einer Tabelle bieten eine komfortable Struktur, mit deren Hilfe Inhalte an spezifischen Positionen auf einer Seite platziert werden können. Das Einrichten und Verwalten einer Tabelle für die Seitengestaltung ist jedoch selbst für erfahrene Webautoren nicht einfach. Für den einfachen Einsatz von Tabellen bei der Seitengestaltung stellt Namo WebEditor ein besonderes Feature bereit, die so genannten Layoutboxen.
Eine Layoutbox ist ein unsichtbares Rechteck mit Layoutzellen, die über Inhalte verfügen. Innerhalb einer Layoutbox zeichnen Sie Zellen mithilfe der Maus. Sie verschieben Zellen per Drag & Drop, und Sie können die Zellengröße anpassen, ohne dass dies Auswirkungen auf die Größe anderer Zellen in der Layoutbox hat. Per Voreinstellung wird eine Layoutbox mit einem Raster angezeigt, das die Ausrichtung von Layoutzellen vereinfacht.
Wenn Sie eine Layoutbox erstellen, erzeugt Namo WebEditor automatisch eine rahmenlose Tabelle im zugrunde liegenden HTML-Quellcode, die über die gleichen Abmessungen verfügt wie die Layoutbox. Wenn Sie Zellen in der Layoutbox zeichnen, verschieben, in der Größe verändern oder entfernen, ändert Namo WebEditor den Tabellencode automatisch entsprechend ab. Wenngleich die Layoutbox im Bearbeitungsmodus angezeigt wird, ist sie in einem Browser nicht sichtbar.
Sie können mit Layoutboxen die gleichen Arten von Gestaltungsaufgaben durchführen wie mit regulären Tabellen, Layoutboxen sind jedoch einfacher zu handhaben.
Eine kleine Layoutbox mit vier Layoutzellen, angezeigt im Bearbeitungsmodus
In diesem Abschnitt
Erstellen von Layoutboxen und Layoutzellen
Verändern der Größe von Layoutboxen und Layoutzellen
Verschieben, Duplizieren und Entfernen von Layoutzellen
Ausrichten und Verteilen von Layoutzellen
Ändern der Eigenschaften von Layoutboxen
Ändern der Eigenschaften von Layoutzellen
Konvertierung zwischen Layoutboxen und Tabellen