HÖLZEL VERLAG

WissenPlus: Wie man die Grundlagen von CSS einfach erlernt

Officemanagement und angewandte Informatik: Sie wollen mit Ihren Schülerinnen/Schülern eine in HTML erstellte Website mithilfe von CSS verändern? Die nötigen Prozesse und Elemente zeigt Ihnen unser aktuelles WissenPlus.

Ing. Birgit Aflenzer, MSc - 13. Oktober 2022

Das zentrale Werkzeug der Digitalisierung ist das Programmieren. Digitale Anwendungen und auch Lernbehelfe können nur so gut sein wie die ihr zugrundeliegende Programmierung. Nicht selten werden Expertenrufe laut, dass jedes Kind im Sinne eines grundsätzlichen Verständnisses unserer digitalen Welt und Zukunft programmieren lernen sollte. Im Februar 2022 haben wir bereits einen Beitrag zum Programmieren mit HTML veröffentlicht, der mit der Erstellung einer eigenen kleinen Website abschließt. Den Beitrag Wie man die Grundlagen von HTML einfach erlernt und die Materialien finden Sie hier.

CSS Grundlagen

Didaktische Tipps und Hinweise

Es wird empfohlen, zunächst die Grundlagen von HTML anhand des zuvor erschienenen Beitrags mit den Schülern und Schülerinnen zu erarbeiten. Aktuell (Stand 08/2022) liegt CSS auf Level 4 vor. Aufgrund seiner hohen Standardisierung und der zahlreich verfügbaren kostenlosen Ressourcen im WWW ist auch CSS relativ einfach zu erlernen. Den Abschluss bildet eine gesamtheitliche Übung zum Thema HTML und CSS: Die in HTML erstellte Website soll mithilfe von CSS verändert werden. Zur Erläuterung der Inhalte kann auch die PowerPoint-Präsentation herangezogen werden.

Dieser WissenPlus-Beitrag dient vorwiegend dem Unterricht in Officemanagement und angewandte Informatik (III. Jahrgang, 6. Semester), Angewandtes Informationsmanagement (III. Jahrgang, 6. Semester) und IKT (III. Jahrgang).

Auszug aus dem Beitrag

Was ist CSS?

CSS seht für Cascading Style Sheets und wird für die Gestaltung von Text und HTML-Elementen auf Webseiten verwendet. Sie haben eine ähnliche Funktionsweise wie Formatvorlagen und können auf eine Vielzahl von HTML Tags angewendet werden. So kann beispielsweise das HMTL Tag <body> mithilfe von CSS so verändert werden, dass der komplette Hintergrund der Webseite eine andere Farbe aufweist oder für den gesamten HTML-Body eine andere Standard-Schriftart verwendet wird.

Folie 2 Praesentation Grundlagen CSS Birgit Aflenzer WissenPlus Hoelzel Verlag

Folie 2: Präsentation Grundlagen CSS, Ing. Birgit Aflenzer, MSc

Gesamter Beitrag für den Unterricht

Den gesamten Beitrag zum Download finden Sie als angemeldete Lehrperson im Online-Lehrerzimmer unter WissenPlus. Der Beitrag enthält:

Theorieinput mit gesamtheitlicher Übung
PowerPoint-Präsentation Grundlagen CSS

Ein Blick in unsere Bücher

Lerninhalte zu CSS samt Übungsbeispielen finden Sie in folgenden unserer Schulbücher:

Officemanagement und angewandte Informatik HAK III, Kapitel 11, Auflage 2022, ab S. 178
Angewandtes Informationsmanagement HLW III, Kapitel 4, Auflage 2022, ab S. 101
IKT und E-Business, Kapitel 3, Auflage 2016, ab S. 103