Grundüberlegungen und Hilfestellungen zum Erstellen einer Website

Hier eine Kurzfassung aus https://www.goneo.de/glossar/homepage_erstellen.html (Stand 16.04.2016)

Phase 1: Bei der Erstellung einer Homepage: Ziel und Zweck festlegen

Überlegen Sie, welche Ziele und welchen Zweck die Homepage haben soll. Das ist die Frage, warum sie überhaupt entsteht.

Ein beliebter, aber unserer Meinung wenig zielführender Ansatz ist, sich gleich zu Anfang mit dem Design zu beschäftigen.

Phase 2: Festlegung der Inhalte

Erstellen Sie eine Gliederung, eine Art Inhaltsverzeichnis.

Wenn Sie glauben, genügend Klarheit über die Inhalte, die Sie zeigen wollen zu haben, beginnen Sie mit der Materialsammlung. Sie werden Überschriften, Texte und Bilder benötigen.

Wie man vorgehen kann, um Content für die eigene Homepage zu finden, zu strukturieren und für die Darstellung in einer Navigation aufzubereiten, haben wir im Know-how-Bereich beschrieben.

Phase 3: Design und Umsetzung

Skizzieren Sie die Webseite, wie Sie sie sich vorstellen ruhig zunächst auf Papier. So können Sie die einzelnen Inhaltselemente räumlich anordnen.

Wenn Sie eine Vorstellung des Aussehens der Webseite entwickelt haben, sollten Sie die Gliederung erstellen. Dies ist eine hierarchische Sortierung der Inhalte, wobei es wie in einem Text Überschriften und Unterüberschriften geben kann, allerdings sollten Sie diese auf ein Wort reduzieren. Aus dieser geordneten Inhaltsliste entsteht die Seitennavigation. Auch den Schritt der Erstellung einer sinnvollen Navigation für eine Website haben wir im Know-how-Bereich beschrieben.

Sie können für jede einzelne Webseite ein DIN A4 Papierblatt nutzen, um die Webseiten skizzenhaft vorzuzeichnen. Im oberen Bereich befinden sich Titel und Hauptnavigation. Ein anderer Teil der Navigation wird üblicherweise am linken Rand angeordnet. In diesem Beitrag zeigen wir schematisch, wie eine Webseite normalerweise aufgebaut ist. Wesentlich ist, dass Sie eine auf jeder Seite identische Navigationsleiste erstellen und den Usern Orientierung bieten. Das Logo wird meist (fast immer) oben links platziert. Es hat sich eingebürgert, dass ein Klick auf dieses Logo immer zur Startseite führt.

Weiterführende Links:

Webtext: https://de.wikipedia.org/wiki/Webtext

BITV-Selbstbewertungsformular: http://www.bitvtest.de/bitvtest/bitv_test_selbst_anwenden/selbstbewertung.html

Informationen: http://www.die-barrierefreie-website.de/index.html

 

Werkzeuge:

http://wave.webaim.org/

http://achecker.ca

Zurück