Webentwicklung Grundlagen: HTML, CSS & Mehr - Materialpaket

In dieser Unterrichtsstunde konzentrieren sich die Schülerinnen und Schüler auf das Erstellen von Formularen in HTML. Sie denken darüber nach, welche Arten von Formularen ihnen bereits auf Webseiten begegnet sind, und lernen, wie man HTML-Formulare von Grund auf entwickelt. Dabei verbessern sie auch ein bereits vorhandenes, aber fehlerhaftes HTML-Formular und gestalten anhand einer Vorlage ihr erstes eigenes Formular. Im Rahmen eines zweiten Arbeitsblatts vertiefen sie ihr Verständnis weiter durch die Beschäftigung mit verschiedenen Input-Elementen wie Listen, Datum, E-Mail, Farbwähler, RadioButtons oder Zahlenfeldern und ordnen Beschreibungen den entsprechenden Input-Typen zu. Zum Abschluss der Einheit erstellen die Lernenden ein umfangreicheres HTML-Formular, um ihr erlerntes Wissen praktisch anzuwenden.In den Materialien findest Du Lösungen zu allen Arbeitsblättern, einschließlich aller Originaldateien wie beispielsweise Word, PowerPoint und Excel. Dadurch hast Du die Freiheit, selbstständig Anpassungen vorzunehmen. Für den Einstieg gibt es einen Lösungsvorschlag in der "Notizen"-Sektion der PowerPoint-Präsentation.

Klassenstufen: Q1 (11./12. Jhg.), Q2 (12./13. Jhg.)

In dieser Unterrichtsstunde vertiefen die Lernenden ihr Verständnis für HTML-Listen, indem sie sich mit deren Einführung und praktischem Einsatz auseinandersetzen. Sie untersuchen, welche Arten von Daten in Listenform organisiert werden können, und lernen die Unterschiede sowie die Darstellungsweisen von sortierten und unsortierten Listen in HTML kennen. Durch das Bearbeiten verschiedener Aufgaben entwickeln sie eigene HTML-Strukturen. Weiterhin widmen sie sich der Thematik der Verschachtelung von Listen und üben, wie man solche verschachtelten Listen mit HTML-Code selbst erstellt. Zum Abschluss der Stunde bearbeiten sie auf einem Arbeitsblatt vertiefende Theorie- und Praxisaufgaben, um ihr Wissen zu festigen.In den Materialien findest Du Lösungen zu allen Arbeitsblättern, einschließlich aller Originaldateien wie beispielsweise Word, PowerPoint und Excel. Dadurch hast Du die Freiheit, selbstständig Anpassungen vorzunehmen. Für den Einstieg gibt es einen Lösungsvorschlag in der "Notizen"-Sektion der PowerPoint-Präsentation.

Klassenstufen: BS: Lehrjahr 2, BS: Lehrjahr 3

In dieser Unterrichtsstunde beschäftigen sich die Schülerinnen und Schüler mit dem Thema der Erstellung von Hyperlinks in HTML. Sie überlegen, welche Inhalte verlinkt werden können, von welchen HTML-Elementen aus Verlinkungen erstellt werden können, erarbeiten die Syntax für Verlinkungen von Texten und Bildern und schreiben eigenen HTML-Code. Auf einem weiteren Arbeitsblatt setzen sie sich mit der internen Verlinkung auf einer Webseite auseinander und lernen, wie man einen E-Mail-Link erstellt, der das Standard-Mailprogramm mit bestimmten Parametern öffnet. Die Schülerinnen und Schüler wenden diese Befehle eigenständig an. Abschließend bearbeiten sie vertiefende theoretische und praktische Aufgaben, um ihr Wissen zu festigen.In den Materialien findest Du Lösungen zu allen Arbeitsblättern, einschließlich aller Originaldateien wie beispielsweise Word, PowerPoint und Excel. Dadurch hast Du die Freiheit, selbstständig Anpassungen vorzunehmen. Für den Einstieg gibt es einen Lösungsvorschlag in der "Notizen"-Sektion der PowerPoint-Präsentation.

Klassenstufen: 7-8. Klasse

In dieser Unterrichtsstunde fokussieren sich die Schülerinnen und Schüler auf das Thema "Einführung in Tabellen in HTML". Sie beginnen damit, Möglichkeiten zu erkunden, wie Informationen effektiv in Tabellenform präsentiert werden können. Anschließend beschäftigen sie sich mit der Erstellung und Gestaltung von HTML-Tabellen, indem sie sowohl theoretische als auch praktische Aufgaben bearbeiten. Ein weiteres Arbeitsblatt führt sie durch den Prozess, wie Zeilen und Spalten in HTML-Tabellen miteinander verknüpft werden. Dabei üben sie, eine Tabelle anhand eines vorgegebenen HTML-Codes zu skizzieren und umgekehrt für eine vorgegebene Tabelle den entsprechenden HTML-Code zu formulieren. Die Unterrichtseinheit wird mit einer Reihe von theoretischen und praktischen Übungen zu HTML-Tabellen abgeschlossen, die die Schülerinnen und Schüler auf einem separaten Arbeitsblatt bearbeiten.In den Materialien findest Du Lösungen zu allen Arbeitsblättern, einschließlich aller Originaldateien wie beispielsweise Word, PowerPoint und Excel. Dadurch hast Du die Freiheit, selbstständig Anpassungen vorzunehmen. Für den Einstieg gibt es einen Lösungsvorschlag in der "Notizen"-Sektion der PowerPoint-Präsentation.

Klassenstufen: 7-8. Klasse