MINT üben

Aufbau einer Website

Eine eigene Seite für den Kuchenbasar und ein Vereinsauftritt, der nur gut aussieht.

Dein Fortschritt:
0 / 0 Aufgaben
1

Die Seite für den Kuchenbasar

AFB I–II

Die Klasse 10b veranstaltet einen Kuchenbasar und möchte dafür eine kleine Seite auf der Schulhomepage veröffentlichen. Die Abbildung zeigt, wie die Seite im Browser aussehen soll.

Das Foto liegt als Datei kuchen.jpg im selben Ordner wie die Seite; der Verweis soll zur Datei klasse.html führen. Das Aussehen der gesamten Schulhomepage wird über die gemeinsame Datei stil.css gesteuert.

So soll die Seite im Browser aussehen
Kuchenbasar der 10bAm Freitag verkaufen wir in der großen Pauseselbst gebackenen Kuchen für das Tierheim.Marmorkuchen – 1 €Apfelkuchen – 1,50 €Brownies – 1 €Foto:KuchenthekeZur Klassenseite
Ohne eigenes CSS — so, wie der Browser die Elemente von sich aus darstellt
  1. Erstellen Sie den HTML-Quelltext für den Körper (body) dieser Seite.
  2. Geben Sie eine CSS-Regel an, mit der auf der ganzen Schulhomepage alle Listenpunkte in Orange (#e79a3a) erscheinen, und geben Sie an, in welche Datei sie gehört.

Hinweise

Hinweis zu Aufgabe a)
Gehen Sie die Skizze von oben nach unten durch und wählen Sie für jeden Bereich das Element, das beschreibt, was er ist. Denken Sie beim Bild und beim Verweis an die nötigen Attribute.
Hinweis zu Aufgabe b)
Eine CSS-Regel besteht aus einem Selektor und Eigenschaften in geschweiften Klammern. Welches Element steht für einen einzelnen Listenpunkt?