Die Seite des Camps
Zeit für ein kleines Projekt! In diesem Checkpoint baust du selbstständig eine Webseite mit dem, was du in den ersten beiden Lektionen gelernt hast: dem Gerüst einer Seite, Überschriften, Absätzen, Listen und hervorgehobenem Text.
Die Übungen hier sind ein bisschen anders als die bisherigen. Die Anweisungen sagen, was die Seite zeigen soll, nicht, wie du es schreibst, und die Prüfungen betrachten die fertige Seite in der Vorschau, nicht deinen Code. Oft gibt es mehr als einen richtigen Weg, wähle also den, der für dich Sinn ergibt. Wenn du nicht weiterkommst, schau noch einmal in die Lektion, in der du gelernt hast, was du brauchst.
Das Projekt. Das Sommercamp Biberbach braucht eine Webseite für die Kinder, die kommen, und für ihre Eltern. In drei Übungen baust du sie: zuerst die Seite mit ihrer Überschrift und einer Einleitung, dann das Tagesprogramm und eine Packliste und schließlich, wo und wann das Camp stattfindet. Jede Übung setzt dort an, wo die vorige aufgehört hat: Der Editor beginnt mit einer fertigen Seite aus dem vorigen Schritt, die anders aussehen kann als deine. Das ist in Ordnung.
Die Aufgabe. Diesmal ist der Editor leer, und du schreibst die ganze Seite selbst, auch die Teile, die der Editor in der zweiten Lektion im Hintergrund behalten hat: die Dokumenttyp-Deklaration, das Element html, das Element head mit dem Zeichensatz und dem Titel sowie das Element body.
Der Titel der Seite ist Sommercamp Biberbach, und die Seite zeigt dieselben Wörter als Hauptüberschrift. Unter der Überschrift steht diese Einleitung:
Zwei Wochen Wandern, Schwimmen und Lagerfeuer am See für Kinder von 8 bis 12 Jahren, vom 6. bis 19. Juli.Die Termine suchen Eltern zuerst, markiere also 6. bis 19. Juli als wichtig.
So schreibst du es:
Anweisungen
- 1
Mach die Seite zu einem vollständigen HTML-Dokument: Es beginnt mit der Dokumenttyp-Deklaration und hat den Zeichensatz
utf-8und den TitelSommercamp Biberbach. - 2
Zeige im Body der Seite die Hauptüberschrift und darunter die Einleitung, mit den als wichtig markierten Terminen.