Verändern des Website Layouts

So bestimmen Sie die Anordnung der wichtigsten Elemente Ihrer Homepage


Das Layout Ihrer Seite kann die folgenden Elemente enthalten:

Header: Dies ist der ganz oben liegende Bereich, in dem gewöhnlich ein Banner-Bild und ein Firmenlogo platziert sind.
Für den Header können Sie folgende Aktionen durchführen:

    • Das Banner-Bild und das Logo aus dem Header-Bereich an eine beliebige Stelle auf der Seite verschieben.
    • Die Header-Höhe auf 25 Pixel reduzieren, indem alle Elemente daraus gelöscht werden.
    • Die Header-Breite von der Standardgröße bis zu 100 Prozent ändern, sodass sie bis zur Seitenbreite erweitert wird.


Inhaltsbereich:
Dies ist der Hauptbereich einer Website, in dem der Großteil des Inhalts platziert wird.
Für den Inhaltsbereich können Sie folgende Aktionen durchführen:

    • Höhe des Inhaltsbereichs anpassen.
    • Inhaltsbereich in mehrere Spalten unterteilen. Ziehen Sie dazu neue Module an den linken oder rechten Rand des Inhaltsbereichs und fügen Sie sie ein.
    • Ändern Sie die Position der Spalten im Inhaltsbereich, indem Sie den Inhalt nach links oder nach rechts verschieben. 


Seitenleisten:
Dies sind vertikale Spalten, in denen alle Arten von Modulen platziert werden können, sowohl seitenweite als auch seitenspezifische.
Für die Seitenleisten können Sie folgende Aktionen durchführen:

    • Eine Seitenleiste hinzufügen und sie links oder rechts vom Inhaltsbereich platzieren. 
    • Zwei Seitenleisten hinzufügen. Sie werden links und rechts vom Inhaltsbereich platziert. 
    • Höhe und Breite der Seitenleisten einstellen. 
    • Die Seitenleisten an den oberen Seitenrand verschieben und sie links oder rechts vom Header-Bereich platzieren. 
    • Die Position der Seitenleisten tauschen. 


Footer:
Dies ist der ganz unten liegende Bereich, in dem gewöhnlich der Firmenname, Kontaktinformationen oder ein Copyright-Vermerk platziert sind.
Für den Footer können Sie folgende Aktionen durchführen:

    • Die Footer-Höhe auf 25 Pixel reduzieren, indem alle Elemente daraus gelöscht werden.
    • Die Footer-Breite von der Standardgröße bis zu 100 Prozent ändern, sodass sie bis zur Seitenbreite erweitert wird. 


So ändern Sie das Layout Ihrer Seite
:

  1. Gehen Sie zur Registerkarte Design > Registerkarte Layout.
  2. Wählen Sie die Anzahl der Seitenleisten aus: Wählen Sie unter Seitenleisten entweder Keine, Eine oder Zwei aus.
  3. Wählen Sie die Position der Seitenleisten aus.
    • Um eine Seitenleiste auf die andere Seite zu verschieben oder die Position der Seitenleisten zu tauschen (wenn Sie zwei Seitenleisten auf Ihrer Seite haben), klicken Sie auf Seitenleisten wechseln. 
    • Um die Seitenleisten an den oberen Seitenrand zu verschieben, klicken Sie im Layout-Modell darauf.
  4. Legen Sie die Größe von Seitenelementen fest: 
    • Um die Gesamtbreite der Websiten festzulegen, wählen Sie unter Website Breite eine der folgenden Optionen aus: 
    • Fixed Layout: Ihre Website wird eine bestimmte Größe haben, unabhängig von der Größe des Browserfensters, in dem Sie die Seite anzeigen. In dem Fall geben Sie die Website Breite in Pixeln an. 
    • Liquid Layout: Diese Einstellung basiert auf einem prozentualen Anteil der aktuellen Browserfenstergröße. In diesem Fall geben Sie die Website Breite als Prozentsatz der Browserfenstergröße an. 
    • Um die Breite der Header- und Footer-Bereiche an die Seitenbreite anzupassen, klicken Sie im Layout-Modell auf die entsprechenden Elemente. 
    • Geben Sie unter Mindesthöhe der Spalte in Pixel die Höhe des Hauptfeldes und der Seitenleisten ein, sofern Sie diese verwenden. Dieser Wert zeigt die Höhe Ihrer Website Elemente ohne Content an. Wenn Sie Content zum Hauptfeld und zu den Seitenleisten hinzufügen, werden diese entsprechend an den Content angepasst. 
    • Um sicherzustellen, dass die Seitenleisten und der Inhaltsbereich vertikal ausgerichtet sind, aktivieren Sie die Checkbox Seitenleisten und Content-Bereich bis Footer ausdehnen. 
    • Wenn Sie eine oder zwei Seitenleisten verwenden, geben Sie unter Breite der Seitenleiste in Pixel die Breite jeder Seitenleiste an. Die Größe des Hauptfeldes wird automatisch bestimmt. 
    • Geben Sie unter Rändergrößen in Pixel die Größe der vertikalen und horizontalen Ränder an. Ein Rand ist der Abstand zwischen benachbarten Elementen.
  5. Klicken Sie auf OK, um die Änderungen zu speichern.