Webentwicklung Grundlagen: HTML, CSS & Mehr - Materialpaket

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 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 konzentrieren sich die Schülerinnen und Schüler auf das Thema „Multimedia in Webseiten: Grafiken, Videos und Audios“. Sie überlegen sich, welche Dateiformate sie verwenden möchten, lernen die HTML-Syntax für die Integration von Grafiken kennen und üben, eigenständig HTML-Code für das Einbetten von Grafiken zu schreiben. Auf einem zweiten Arbeitsblatt erforschen die Lernenden, wie Videos und Audios in HTML eingebettet werden können und verfassen selbst den entsprechenden HTML-Code nach vorgegebenen Anforderungen. Zum Abschluss bearbeiten die Schülerinnen und Schüler weiterführende Aufgaben zur Einbindung von Multimedia auf Webseiten, indem sie sowohl theoretische als auch praktische Aufgaben bearbeiten, um ihr Wissen zu vertiefen.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: EF (10./11. Jhg.), Q1 (11./12. Jhg.)