Grundgerüst

Wie du sicher bei Aufgabe – Begriffe Web Grundlagen herausgefunden hast, macht man mit HTML die Struktur einer Website. Das Arbeitswerkzeug ist auch bereit und nun beginnen wir mit unseren ersten Zeilen Code, nämlich dem Grundgerüst jeder Website.

Ziel(e)

• Ich verstehe den Inhalt eines validen HTML-Grundgerüst.
• Ich kann das HTML-Grundgerüst ohne Hilfe schreiben.

Aufgabe

Um in Word einen neuen Brief zu schreiben, starten wir das Programm und gehen dann auf «Leeres Dokument». Ähnlich funktioniert das auch beim Erstellen einer Website. Bevor wir unsere Website mit Inhalt abfüllen können, müssen wir das Grundgerüst bereitstellen. Ein valides HTML-Grundgerüst sieht folgendermassen aus:

Recherchiere nun im Internet, Zeile für Zeile, was diese Zeile genau bedeutet. Erkläre die Zeilen in dem Projektjournal. Verpasse diesen Informationen einen aussagekräftigen Titel im Bereich «freie Gliederung».

Wenn dir klar ist, was die einzelnen Zeilen bedeuten, dann starte deinen Editor und schreibe diese Zeilen ab (achte dabei auf Gross und Kleinschreiben und das Einrücken!). Speichere das Dokument nun an einem beliebigen Ort (am besten machst du im Projektordner «Web-Grundlagen» einen weiteren Ordner «Codes») mit folgendem Namen: grundgeruest als HTML-Datei ab.

Danach öffnest du die HTML-Datei in deinem Webbrowser. Was siehst du?

Nichts? Korrekt. Kannst du auch erklären warum nicht?

Unsere ersten Zeilen HTML-Code sind geschrieben. Nun wollen wir mit der nächsten Aufgabe, unsere Website zum Leben erwecken und ihr Inhalt geben