Das Homepage-Handbuch speziell für blutige Anfänger

Webdesign - Wir erstellen eine Beispielhomepage

Bewaffnet mit einigem Hintergrundwissen und einer gewissen Ahnung über die Möglichkeiten von HTML ist es nun an der Zeit, eine erste Homepage zu erstellen. Für den Anfang machen wir noch nichts großartiges. Das Scenario ist eine typische private Homepage, die dem Verfasser "Max Mustername" als Visitenkarte im Internet und als Plattform für sein Hobby dienen soll.

Aber halt. Wir können nicht einfach drauf los schreiben. Die Homepage würde total chaotisch und bestenfalls verspielt wirken, wenn die Seiten nicht zueinander passen. Wir benötigen eine einheitliche Gestaltung (Farben, Formen, Design) und eine passende Anordnung (Layout) für die gesamte Homepage.

Da wir als Anfänger noch kein zentrales, CSS-basiertes Layout verwenden, muss jede nachträgliche Änderung am Layout von Hand auf alle Seiten übertragen werden. Man spart daher viel Mühe und Zeit, wenn man die Einteilung der Seiten im Voraus gut plant und bei der Erstellung systematisch vorgeht.

Ein oder zwei heiße Tipps, bevor wir richtig loslegen:

1. Regelmäßig speichern

Ob mit Namo WebEditor oder mit irgend einem anderen Programm kann es jederzeit vorkommen, dass keine Eingabe mehrmöglich ist und nur noch ein Neustart hilft. Damit wären alle ungespeicherten Eingaben verloren. Während der Arbeit an der Homepage sollten Sie daher regelmäßig speichern.

2. Markierungen des Editors nutzen

Namo WebEditor kann im Editor Markierungssymbole einblenden. Mit deren Hilfe erkennt man Absätze und manuelle Zeilenschaltungen. Leerzeichen werden mit Hilfe eines Punktes dargestellt. Ist der Punkt rot, dann handelt es sich um ein 'geschütztes Leerzeichen'. Tabellen, Formulare und Ebenen erhalten einen Umriss. Dadurch behält man den Überblick und Fehler werden sofort erkannt. Später im Browser sind diese Hilfsmarkierungen natürlich nicht zu sehen. Sie tauchen auch nicht im HTML-Code auf. Anwender sollten die Anzeige sämtlicher verfügbarer Markierungen aktivieren. Bei Namo WebEditor wählen Sie aus dem Hauptmenü Anzeige-Markierungen-Alle anzeigen:

So, nun werden wir mit der Erstellung unserer Beispielhomepage beginnen.
Lesen Sie bitte hier weiter: Das Layout