Webseiten erstellen für Einsteiger

Die Website zum Buch

Beispieldateien der 2. Auflage

Sind Sie Leser der Vorauflage? Beispieldateien der 2. Auflage.

Beispieldateien

Hier finden Sie die im Verlauf des Buchs erstellten HTML- und CSS-Dateien.

Direkt zu den Beispieldateien eines Kapitels springen:

Kapitel 4 – Die ersten Schritte mit HTML und CSS

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Nur HTML:

Mit style-Attributen:

Mit style-Element:

Mit CSS-Datei:

HTML-Grundgerüst V1:


Kapitel 5 – Die eigene Website erstellen

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Website Dr. Bloemkamp V1:

Beispiel mit 2 Elementen in der linken Seitenleiste:


Kapitel 6 – Die Website im Internet

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Website Dr. Bloemkamp V7:

In Abschnitt 6.2.2-6.3.2 verbessern wir die Darstellung für unterschiedliche Bildschirme und alte Internet Explorer.

HTML-Grundgerüst V2:


Kapitel 7 – Ein Kontaktformular

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Website mit Formular:


Kapitel 8 – Mehr Interaktivität mit JS

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.


Kapitel 9 – Die Site zugänglicher machen

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Website mit Suchmaschinen-Optimierung:


Kapitel 10 – Videos, Fotos, Karten

Ein Linksklick öffnet die Datei als neue Seite im Browser. Um den Code zu bearbeiten, speichern Sie die Datei mit Rechtsklick auf Ihrem Computer und öffnen Sie sie anschließend mit einem Text- oder HTML-Editor.

Website mit Karte: