Formatieren mit Cascading Style Sheets

Premium
  • Informationstechnik
  • Sekundarstufe II
  • 4 Unterrichtsstunden
  • Ablaufplan, Arbeitsblatt interaktiv, Lernkontrolle
  • 2 Arbeitsmaterialien

Durch die Trennung von Formatierung und Inhalt einer HTML-Seite vereinfachen Cascading Style Sheets die Verwaltung einer Website. Diese Unterrichtseinheit führt in die Grundlagen von CSS ein und festigt diese durch mehrere Übungen.

Beschreibung der Unterrichtseinheit

Ursprünglich wurden bei der Erstellung von Webseiten in HTML der Inhalt in jedem Tag formatiert. So wurde bei der Änderung des Überschriftenformats jeder Befehl für eine Überschrift geändert. Das ist sehr aufwändig und führt dazu, dass der Quellcode unübersichtlich wird. Durch den Einsatz von Cascading Style Sheets (CSS) wird dies vermieden. Die Formatierungen werden in einer separaten Datei definiert, so dass jede Änderung in dieser Datei automatisch alle betreffenden Formatierungen ändert. In der Regel profitiert auch das Seitenlayout sehr von einer CSS-Datei, da sich der Entwickler auf eine Formatauswahl beschränkt und "Wildwuchs" vermieden wird. Seit der Etablierung von XHTML wird der Einsatz von CSS noch bedeutsamer, da kommende Versionen von XHTML den Einsatz von CSS unbedingt erfordern.

Den Zugriff auf die komplette Unterrichtseinheit inklusive der Downloads
erhalten alle Premium-Mitglieder.



Jetzt Premium-Mitglied werden
Download
Vorteile und Preise
Avatar Dr. Stefan Staiger

Dr. Stefan Staiger ist Studienrat an den Gewerblichen Schulen Schramberg und unterrichtet die Fächer Informationstechnik und Metalltechnik in der Berufsschule, im Berufskolleg Technik und Medien und in der Fachschule für Maschinentechnik.

weitere Beiträge des Autors

Frei nutzbares Material
Die von Lehrer-Online angebotenen Materialien können frei für den Unterricht genutzt und an die eigene Zielgruppe angepasst werden.
ANZEIGE