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

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
Auszug aus Officemanagement und Angewandte Informatik HAK III, S. 185

Auszug aus Officemanagement und angewandte Informatik HAK III, Auflage 2022, S. 185

Schulbuchbezug

9783706858656 Officemanagement und angewandte Informatik MEHR!-Buch HAK IIIAngewandtes Informationsmanagement HLW III Hoelzel VerlagIKT und Business Manz Hoelzel Verlag

Mehr zum Thema

WissenPlus: Online Typewriter Tool
WissenPlus: Nanotechnologien
WissenPlus: Citizen Science
WissenPlus: Digitale Grundbildung mit Diagramm und Karten
WissenPlus: Einfach Diagramme mit Word erstellen
WissenPlus: Die Folgen der Digitalisierung von Arbeit
Unterrichtsmaterial zu Medienethik
WissenPlus: MISCHA Zeitungsartikel zu Trump, Kapitol und Biden
WissenPlus: Wissenschaftliche Quellen für die Diplomarbeit
WissenPlus: Film im Unterricht drehen
WissenPlus: Grundlagen von HTML
WissenPlus: 3D-Druck – von der Idee zum Objekt

Medienkompetenz: Schule lernt Lernen
BMHS aktuell: More than bytes