BUND Bund für Umwelt und Naturschutz Deutschland


Startseite gestalten

Die Startseite ist das erste, was der Besucher oder die Besucherin Ihrer Internetseite zu sehen bekommt. Aus diesem Grund sollte sie übersichtlich, "schön" und informativ sein.

Ästhetik liegt nun erfahrungsgemäß im Auge des Betrachters, dennoch sprechen wir an dieser Stelle einige Empfehlungen aus.

Klicken Sie auf das Bild und schauen Sie sich die Startseite einer Demoseite an. Wenn Sie den Mauszeiger festhalten, können Sie das Bild nach oben und unten schieben.

Startseite einer Demoseite

Normale Spalte

Platzieren Sie in der normalen Spalte kurze Texte, die neugierig auf mehr machen und verlinken Sie auf die entsprechenden Seiten. Auf der Demoseite wurde dafür jeweils das Inhaltselement Text und Bilder verwendet.

Achten Sie darauf, möglichst ein einheitliches Bild zu schaffen, das durch Schlichtheit und Eleganz besticht. Die Texte neben den Bildern schließen mit diesen ab, sodass eine Linie entsteht.

Die folgenden drei Bilder zeigen die Konfiguration eines solchen Inhaltselementes.

Reiter Allgemein
Reiter Allgemein
(zum Vergrößern anklicken)
Reiter Bilder
Reiter Bilder
(zum Vergrößern anklicken)
Reiter Erscheinungsbild
Reiter Erscheinungsbild
(zum Vergrößern anklicken)

Rechte Spalte

In der rechten Spalte wurden mehrere Infoboxen platziert, die den Besucher oder die Besucherin der Seite weiterleiten. Die meisten dieser Boxen enthalten verlinkte Bilder.

Wie Sie eine solche Box gestalten können, erfahren Sie im Punkt Infoboxen gestalten. Bei der Startseite der Demoseite wurde darauf geachtet, dass die Infoboxen der rechten Spalte mit der Abschlusskante abschließen, um somit für ein geschlossenes Bild zu sorgen.

Abschlussleiste

Die Abschlusskante ist kein Element des BUND-CMS, sondern der kreative Einsatz der Möglichkeiten desselben.

Für die Abschlusskante wurde das Inhaltselement Bilder verwendet. Die drei verwendeten Bilder bilden den Abschluss der Startseite und runden das Gesamtbild ab. Wie alle Elemente auf der Startseite verlinken sie auf weiterführende Seiten.

Im Folgenden die Konfiguration dieser Abschlusskante.

Reiter Allgemein
Reiter Allgemein
(zum Vergrößern anklicken)
Reiter Bilder
Reiter Bilder
(zum Vergrößern anklicken)
Reiter Erscheinungsbild
Reiter Erscheinungsbild
(zum Vergrößern anklicken)
Quelle: http://www.bund-cms.net/dokumentation/getting_started/startseite_gestalten/