Weblayout gestalten

Die Gliederung einer Webseite im Layoutmanager besteht aus 5 Grundelementen:

screenshot layoutmanager

• Body - alles was sich im sichtbaren Bereich einer Webseite befindet, ist vom Body umgeben. Im Body werden die Abstände vom Browserrand, der Hintergrund, die übergeordneten Text-, Link- und Mouseover-Farben und die Schriften definiert.  Alle Einstellungen werden an die inneren Elemente vererbt, solange nicht für die inneren Elemente andere Einstellungen vorgenommen werden.
• Rahmen - gibt die Breite und Höhe der Webseite vor. Der Rahmen bietet zahlreiche Möglichkeiten das Gesamterscheinungsbild der Webseite zu beinflussen, so z.B. mit Schattenwurf auf den Hintergrund des Bodys, mit Rundungen oder grafisch gestalteten Umrissen, Hintergrundfarben und Hintergrundbilder.
  Innerhalb des Rahmens:

• Header -  die Kopfzeile - beinhaltet in der Regel das Firmenlogo, die horizontale Hauptnavigation, Suchmasken, sowie stilistische Grafiken oder querformatige Stilfotos.  
• Content - der Bereich mit den Hauptinhalten wie Texte und Galerien, vertikale Navigation,  Pinnwand, Teaser und allen selbstdefinierten Modulen.
• Footer - die Fußzeile mit Standardnavigation (Kontakt, Impressum, ...), Copyright-Informationen usw.

Header, Content und Footer lassen sich in bis zu 3 Spalten aufteilen. Somit ergeben sich in Summe 14 Bereiche, die gestalterisch genutzt werden können: Body, Rahmen, die Header-, Content-, Footer-Tabelle mit jeweils linker, mittlerer und rechter Spalte. Jeder Spalte, oder auch Zelle genannt, können beliebige Module zugeordnet werden:

• Firmenlogo
• Suchmaske
• Pulldownmenü horizontal
• Pulldownmenü vertikal
• Fontgröße - größer/kleiner
• Navigation Ebene 1 bis Ebene 3
• Navigation Kontakt-Impressum
• Navigation Webprojekt
• Brotkrumen-Pfad
• Hauptinhalte - Texte, Galerien, Detailansichten, Warenkorb, Kontaktformular, Impressum etc...
• Pinnwand News, Termine, Jobs
• Öffnungszeiten
• Warenkorb-Vorschau
• Copyrightinformation
• Druckansicht

Weitere Module wie Extracontent, Werbanzeigen (Banner, GoogleAds, etc..), Darstellungseffekte mit Jquery, Monoslideshow und viele mehr, können vom Anwender individuell angelegt werden.