Heute gibt es alles Wissenswerte zum Thema Layout. Zunächst möchte ich mich der Frage widmen, was der Begriff Layout überhaupt bedeutet.
Was ist eigentlich das Layout?
Als Layout (engl. Anordnung) bezeichnet man die optische Gestaltung der Webseite, also die Text- und Bildgestaltung in ihrer Gesamtheit. Ebenfalls als Layout bezeichnet wird der dazu notwendige Arbeitsprozess. Im Bereich des Webdesigns wird das Layout von Internetseiten über die Programmierung sowie über Grafiken erstellt. Dabei ist in vielen Fällen ein Grafikdesigner mit der Entwicklung eines Layouts beschäftigt, welches in einem späteren Arbeitsprozess von einem Webprogrammierer in HTML umgesetzt wird.
Theoretisch ist es möglich, alle Inhalte auf einer oder auf mehreren Grafiken darzustellen. Experten raten jedoch aus mehreren Gründen davon ab. So ist es aufgrund sich dadurch verlängernder Ladezeiten nicht zu empfehlen. Darüber hinaus können Grafiken nicht in den Robots der Suchmaschinen gespeichert werden, wodurch die betreffende Seite für die Suchrobots keinen Content enthält und aus diesem Grund kein gutes Ranking bekommt.
Bei der Umsetzung eines Layouts in HTML gibt es drei verschiedene Ebenen, auf denen gearbeitet wird. Eine Erste Ebene stellt der sogenannte Background dar. Man kann ihn mittels CSS an verschiedenen Stellen der Webseite erscheinen lassen. Eine zweite Ebene bildet der Tabellenhintergrund. Er kann sowohl für einzelne Zeilen als auch für ganze Tabellen definiert werden. Die dritte Ebene stellen die in die Tabelle eingefügten Grafiken dar.
Tabellen
HTLM-Tabellen ermöglichen eine Gliederung der Seite, indem feste Bereiche auf der Seite durch sie definiert werden. Weil die Größe der Tabelle festgelegt werden kann, ist sie von Veränderungen der Größe des Browserfensters nur dann betroffen, wenn ihre Größe nicht in Pixeln (absolut) sondern in prozentual (relativ) festgelegt ist. Tabellen sind von elementarer Bedeutung für die Einstellung von Abständen.
Frames
So genannte HTML-Frames ermöglichen die Unterteilung eines Browserfensters in mehrere voneinander unabhängige Bereiche. Zum Beispiel kann ein Frame scrollbar sein, während ein anderer dies nicht ist. Darüber hinaus erlauben es Frames, dass nur ein Teil einer Seite durch Hyperlinks geändert wird. Auf diese Weise können die Navigationsebene und der Seiteninhalt voneinander getrennt werden.