Sie sind hier: Startseite -> HTML-Beispielseite -> Phase II: Inhalt -> Startseite

HTML-Inhalt: Startseite fertigstellen

HTML-Inhalt: eine abschließende Seite

Die wesentlichen Faktoren beim Inhalt einer HTML-Seite sind nun besprochen, nun wird die Phase II abgeschlossen, indem wir eine wirklich seriöse Seite aufbauen. Der Unterschied zur vorherigen Version ist der, dass nun nicht der klassische lateinische Fülltext verwendet wird, sondern es gibt einen echten Text, denn die Seite soll ja Sinn machen und außerdem brauchen wir einen solchen, um die Suchmaschinenoptimierung besprechen zu können.

CSS-Datein

Das Ergebnis sieht so aus: Beispielseite

Statt dem Fülltext gibt es jetzt einen echten und sinnvollen Text, wie ihn ein Webdesigner für seine Firmenseite durchaus geschrieben haben könnte. Um alle besprochenen Punkte beizubehalten, bleibt das im letzten Artikel integrierte Bild erhalten und auch eine Aufzählungsliste ist gegeben. Damit man jetzt nicht Detektivarbeit leisten muss, ist sowohl beim HTML-Code als auch bei der CSS-Datei der gesamte Code in den obigen Feldern angeführt, den man nur 1:1 kopieren muss, um damit selbst herumprobieren zu können.

Diese Seite werden wir in Hinkunft als Startseite verwenden und sie dient auch als Vorlage für weitere Seiten, wobei man dazu erst besprechen muss, wie man eine Seite einteilen kann und was CSS dabei zu leisten imstande ist. Außerdem braucht es eine Navigation, um überhaupt zu anderen Seiten finden zu können.

Ebenfalls interessant:

Überschrift + Text

Informationen über das HTML-Konzept von Überschrift und Text, SEO-Tipps und CSS-Formatierung.

Textformatierung

Informationen über die Textformatierung mit HTML und Möglichkeiten, CSS einzusetzen.

Aufzählungslisten

Informationen über die HTML-Aufzählungslisten in der HTML-Beispielseite und die Formatierung durch CSS.

Bild einbauen

Informationen über das Einbauen eines Bildes in die HTML-Beispielseite und die Formatierung mit CSS.

[aktuelle Seite]

Startseite

Informationen über die Startseite mit echtem Text für das HTML-Beispielprojekt, die Ausgangspunkt für weitere Seiten ist.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht Phase II: Inhalt

Startseite HTML-Beispielseite