CSS Arbeitsheft, 10 Seiten, mit 3 Lückentexten, Übungen und Lösungen

Dieses Arbeitsheft vermittelt das Thema CSS klar, verständlich und schülergerecht. Die Schüler*innen arbeiten mit drei Lückentext-Versionen, passenden Übungsseiten und vollständigen Lösungen. Dabei lernen sie, wofür CSS steht, wie CSS mit HTML zusammenspielt, wie Regeln aufgebaut sind und welche Rolle Selektor und Deklaration übernehmen. Auch die Arbeit mit Inline-Stilen, internen Styles und externen CSS-Dateien wird behandelt. 

Was ist im Material enthalten?

• 3 Lückentexte zum Thema CSS in verschiedenen Versionen
• 1 Lösungsseite zu den Lückentexten
• 3 Übungsblätter mit Zuordnungsaufgaben, Wahr/Falsch, Multiple Choice und offenen Fragen
• 3 Lösungsseiten zu den Übungen
• insgesamt 10 Seiten als PDF

Inhaltlich geht es unter anderem um die Bedeutung von CSS, das optische Design von Webseiten, das Zusammenspiel mit HTML, Selektoren, Deklarationen, Stylesheets sowie Eigenschaften wie color, font-size, background-color und border. 

Einsatz im Unterricht

Das Material eignet sich sehr gut für den Einsatz in Digitale Grundbildung, Informatik oder Medienbildung. Du kannst es zur Einführung in das Thema Webdesign, zur Wiederholung oder zur Vertiefung nutzen. Durch die Mischung aus Lückentexten und abwechslungsreichen Aufgaben ist das Arbeitsheft sofort im Unterricht einsetzbar. 

Das lernen die Schüler*innen

• Sie erfahren, wofür CSS steht und welche Aufgabe diese Sprache bei Webseiten hat.
• Sie verstehen den Unterschied zwischen HTML als Grundgerüst und CSS für die visuelle Gestaltung.
• Sie lernen, wie eine CSS-Regel mit Selektor und Deklaration aufgebaut ist.
• Sie setzen sich mit Inline-Stilen, internen Stilen und externen CSS-Dateien auseinander.
• Sie festigen ihr Wissen mit verschiedenen Aufgabenformaten und passenden Lösungen.

Die Übungen greifen zusätzlich wichtige Grundbegriffe auf und thematisieren zum Beispiel, was im Ausdruck p { color: red; } der Selektor ist, wo interne Stile in einer HTML-Datei stehen und welche Eigenschaft einen Rahmen um ein Element erzeugt. 

Lehrplanbezug / Kompetenzbezug

Das Material fördert grundlegende Kompetenzen im Bereich Webentwicklung, digitales Gestalten und Verständnis digitaler Systeme. Die Schüler*innen lernen, wie Webseiten aufgebaut sind und wie Inhalte mit CSS optisch gestaltet und zentral gesteuert werden können. 

Details

• Thema: CSS
• Umfang: 10 Seiten
• Dateiformat: PDF
• Materialart: Arbeitsheft mit Lösungen
• Einsatzbereich: Digitale Grundbildung, Informatik, Medienbildung

Hinweis: Das Material ist urheberrechtlich geschützt und nur für den eigenen Unterrichtsgebrauch bestimmt. Keine Weitergabe und kein Upload auf andere Plattformen.