Was ist beim Layout einer Webseite zu beachten?

Eigene Homepage Layout

Ihnen stehen unendlich viele Möglichkeiten zur Gestaltung Ihres Layouts zur Verfügung. Natürlich ist das Aussehen der Webseite reine Geschmackssache und Ihrer künstlerischen Entfaltung steht nichts im Weg. Aber ohne Kenntnisse in HTML und CSS gehts nicht. Eine wichtige Rolle spielt die Nutzerfreundlichkeit oder wie gefällt dem Besucher mein Auftritt. Wird Ihm das Layout und Design meiner Präsenz gefallen? Wenn ja, ist das ein erster Pluspunkt.

Deshalb sollten Sie am Anfang auf vorgefertigte Layouts zugreifen. Diese können Sie im gewissen Umfang je nach Programm selbst Ihren Bedürfnissen anpassen.

Layout

Sie sollten sich am Anfang Gedanken über das Aussehen und die Inhalte Ihrer Website machen:

 

  • Wie soll die Webseite aussehen?
  • Was soll enthalten sein?
  • Wer soll angesprochen werden?

 

Hierbei empfiehlt es sich ein wenig zu Spionieren, und andere Websites anzuschauen. Dabei bekommen Sie einen ersten Überblick was alles machbar ist.

Sie sollten sich Papier und Bleistift zurechtlegen und Notizen dabei machen. Notieren Sie alles was Ihnen gefällt und was Ihre Seite auch enthalten sollte.

Denken Sie auch an die Größe und Lesbarkeit sowie Verschachtelung der Navigation.


Sitemap erstellen

Die Sitemap gibt die Struktur der Website wieder, in ihr werden alle Seiten und Untermenüs angezeigt.

Eine gut strukturierte Webseite mit übersichtlicher Navigation ist wichtig für die Besucher, um sich auf der Webseite zurechtzufinden.

Sitemap eigene Homepage erstellen
Einfache Navigation

Wie sieht ein Website Layout aus?

  • Header

Der sogenannte Header ist der Kopfbereich einer Homepage,

in ihm befinden sich Titel, Logo und eventuell die Navigation. Das ist das erste was der Besucher  zu sehen bekommt.

  • Body

Im Bodybereich befindet sich der Inhalt (Content). 

 

  • Footer

Im Fußbereich befinden sich das Impressum, Sitemap, Datenschutz und Druckversion. Ansonsten kann der Footer frei gestaltet werden.

 

  • Sidebar

Die Sidebar ist im Bodybereich frei einzusetzen ob links oder rechts, unten oder oben, bleibt jeden selbst überlassen.

Layout eigene Homepage

In Homepage-Baukästen sind viele Beispiel Layouts enthalten die Sie frei nutzen können (siehe Homepage-Baukasten Vergleich).