Grundlegendes zum Seitenlayout
Webdokumente ähneln in vielerlei Hinsicht Dokumenten, die in einem Textverarbeitungsprogramm erstellt werden. Inhalte beginnen in der oberen linken (oder, je nach Sprache, in der oberen rechten) Ecke der Seite und setzen sich in einer einzelnen, kontinuierlichen Spalte nach rechts (oder links) und unten fort. Ein einspaltiges Layout entspricht in der Regel jedoch nicht den Vorstellungen eines Webautors. Sie können beispielsweise eine Spalte auf der linken Seite verwenden, eine Spalte in der Mitte für den Hauptinhalt sowie eine dritte Spalte auf der rechten Seite, die ergänzende Inhalte bereitstellt. Glücklicherweise bieten HTML und CSS (Cascading Style Sheets) neben einem einspaltigen Layout die folgenden Techniken zum Erstellen nützlicher und optisch interessanter Layouts:
Tabellen sind Elemente, die Inhalte in Zeilen und Spalten anordnen. Indem Sie eine Tabelle erstellen, welche die gesamte Seite einnimmt, und alle Seiteninhalte in dieser Tabelle platzieren, können Sie praktisch jedes denkbare Seitenlayout erzielen.
Frames stellen eine Methode bereit, das Browserfenster in zwei oder mehr Ausschnitte zu unterteilen. Unter anderem können Sie Links in einem Frame platzieren und die Zielorte der Links in einem weiteren Frame öffnen. Frames bieten einen unabhängigen Bildlauf, sodass Ihre Links weiterhin sichtbar bleiben, während im Inhaltsframe ein Bildlauf durchgeführt wird.
Positionierte Elemente (Ebenen)
Normalerweise wird die Position eines Elements – z.B. eines Absatzes oder eines Bildes – durch seine Position innerhalb der Folge aller Elemente auf der Seite sowie die Größe der vorangehenden Elemente bestimmt. CSS bietet jedoch eine Möglichkeit zur Festlegung der Position eines Elements in Form von absoluten Seitenkoordinaten, sodass ein Element unabhängig vom weiteren Inhalt positioniert werden kann.
Darüber hinaus können selbst Einsteiger anhand der Layoutboxen von Namo Editor innerhalb kürzester Zeit vielseitige Layouts erstellen. Wenn Sie eine Layoutbox auf ein Layoutraster ziehen, erstellt Namo WebEditor automatisch eine unsichtbare Tabelle, welche die Anordnung Ihrer Inhalte widerspiegelt.
Verwandte Themen
Gemeinsam genutzte Inhaltsbereiche