Unterrichtsmaterialien
Hier findest du mehr als 1.000 Unterrichtsmaterialien für alle Fächer, Klassenstufen und Schulformen. Die Unterrichtsmaterialien zum Einsatz digitaler Medien im Unterricht wurden von Lehrkräften entwickelt und stehen unter einer freien CC-Lizenz. Alle Materialien können kostenfrei heruntergeladen, genutzt und weiterentwickelt werden. Viel Spaß beim Stöbern!
Heldenwebseite HTML & CSS
SuS erstellen einen Superhelden-Steckbrief und programmieren diesen mithilfe einer Lerntheke in HTML und CSS. Zuvor haben sie einen Überblick über die Grundbefehle in HTML und CSS erlernt und an Beispielen angewandt.
Erste Programmierschritte - HTML, CSS, Javaskript
Programmierung der ersten eigenen Website mit replit.com; Erste Grundkenntnisse bzw. erster Überblick zur Funktionsweise von HTML, CSS und Javaskript
Gestalte eine eigene Internetseite mit HTML und CSS
Abschlussprojekt mit Bewertungsbogen zum Thema HTML/CSS
Gestaltung einer Website mit HTML und CSS.
Im Rahmen einer Handlungssituation entwickeln die SuS selbstständig eine einfache Webseite mit HTML und CSS. Die Schüler versetzen sich dazu in die gedachte Situation, im Team ein kleines Unternehmen im sozialen Bereich zu gründen. Die Website soll die Kundenaquise unterstützen.
CSS-Stylesheet für verschiedene Bildschirmgrößen
Die SuS erstellen mithilfe eines CSS-Stylesheets eine Website, die auf kleinen Viewports anders angezeigt wird als auf größeren Bildschirmen.
Eine interaktive Geschichte mit Twine
Die SuS sollen in Partnerarbeit eine interaktive Geschichte (Website) mit Twine erstellen. Twine ist ein Tool für den Erwerb von Medienkompetenz - mit niedrigschwelligem Einstieg. Teamarbeit und Kommunikationsfähigkeit werden in dieser Einheit trainiert.
Einführung HTML
Die vorliegende Unterrichtseinheit umfasst drei Unterrichtseinheiten zu je 50 Minuten und befasst sich mit den Grundlagen zu HTML. Die SuS erstellen unter Anleitung und unter Verwendung von Notepad++ ihre ersten Webseiten.
Webseiten programmieren
Es werden 3 alternative Formen von Schulhomepages gestaltet. Kreativität der Schüler_innen wird gefördert, Programmierung wird angewandt ohne viel Einführung, verschiedene Webseiten/Programme für die Gestaltung genutzt.
Pseudoklassen in CSS
In dieser Einheit vertiefen sie ihre CSS-Kenntnisse um die sogenannten Pseudoklassen. Dazu arbeiten die SuS im Partnerbriefing.
Verzweigungen in PHP
Die Schüler:innen erstellen einen BMI-Rechner mit Hilfe von Verzweigungen. Dies erfolgt im Rahmen des Themas „Auswahlstrukturen“. Inhalte sind einfache und verschachtelte Verzweigungen. Als Programmiersprache wird PHP verwendet.
Bestellformular in HTML
Die Schülerinnen und Schüler erstellen ein Bestellformular für einen Pizza-Lieferdienst. Schwerpunktmäßig geht es um die Anwendung zuvor erlernter Formular-Elemente. Zudem sind Grundlagen der Textgestaltung in HTML erforderlich.