Bienenprojekt - Expedition ins Internet
Kurzbeschreibung
In diesem Kurs wird am Überthema „Bienen retten“ erklärt, wie man eine eigene Website mit HTML und CSS gestalten kann.
Durch die Möglichkeit den Weg durch die Lerneinheit teilweise frei zu wählen, können eigene Schwerpunkte gesetzt und Ideen in einer individuellen Website umgesetzt werden.
- Kurs: Bienenprojekt
- Fachinhalte Informatik: Web-Entwicklung (HTML, CSS)
- URL:https://rockstartit.com/web_expedition/
- Zielgruppe: Klasse 7 -10
- Vorkenntnisse: Einführung Bienenprojekt
- Aktivität: H5P
- Umfang: 90-120 min
Bildungsplanbezug
Bereich: Informationsgesellschaft und Datensicherheit
Abschnitt: 3.1.4
Die Schülerinnen und Schüler können
(5) in Grundzügen alltagsrelevante gesetzliche Regelungen zum Umgang mit (digitalen) Daten
erläutern (zum Beispiel Recht am Bild, Urheberrecht) und gegebene Fallbeispiele bewerten
Bereich: Algorithmen
Abschnitt: 3.3.1.2
Die Schülerinnen und Schüler können
(3) ein interaktives Programm (zum Beispiel App, Webanwendung, Desktopanwendung)
mit einer einfachen grafischen Benutzerschnittstelle (zum Beispiel mit Buttons, Texteingabe
und Ausgabe) implementieren, je nach Sprache unter Verwendung geeigneter (didaktischer)
Toolkits und/oder GUI-Builder
Bereich: Algorithmen
Abschnitt: 3.1.2
Die Schülerinnen und Schüler können
(15) ein interaktives Programm (zum Beispiel App, Webanwendung, Desktopanwendung)
mit einer einfachen grafischen Benutzerschnittstelle (zum Beispiel mit Buttons, Texteingabe
und Ausgabe) implementieren, je nach Sprache unter Verwendung geeigneter (didaktischer)
Toolkits und/oder GUI-Builder
Bereich: Algorithmen
Abschnitt: 3.1.2
Die Schülerinnen und Schüler können
(30) ein interaktives Programm (zum Beispiel App, Webanwendung, Desktopanwendung)
mit einer einfachen grafischen Benutzerschnittstelle (zum Beispiel mit Buttons, Texteingabe
und Ausgabe) implementieren, je nach Sprache unter Verwendung geeigneter (didaktischer)
Toolkits und/oder GUI-Builder
Seitenübersicht
Abschnitt 1 – Einführung (Link)
Lernziel: Informationsweitergabe
Sammlung unterschiedlicher Möglichkeiten zu Weitergabe von Informationen an viele Menschen
Abschnitt 2 – WWW (Link)
Lernziel: URL, Browser
Aufbau von URLs, Darstellung und Suche von Webseiten durch Browser
Abschnitt 3 – Planung (Link)
Lernziel: Urheberrecht, Recherche
Recherche (vertrauenswürdige Quellen, Urheberrecht),
Struktur (Anordnung von Informationen und Darstellungen, aussagekräftige Überschriften)
Abschnitt 4 – Inhalte (Link)
Lernziel: HTML, Urheberrecht
Erstellung erster Inhalte mit HTML (Head-Body, Tags, Listen, Bilder, Hyperlinks, Videos einbinden),
Urheberrecht und Lizenzen von Bildern
- Poster im Internet aufhängen (Link)
- Fließtexte in HTML (Link)
- Erstelle deine eigene Webseite! (Link)
- Fülle deine Seite mit Inhalten (Link)
- Texte hervorheben (Link)
- Listen (Link)
- Ein Blick auf die TODO-Liste (Link)
- Bilder in HTML (Link)
- Jetzt wird’s bunt! (Link)
- Videos in HTML (Link)
- Webseiten untersuchen (Link)
- Hyperlinks in HTML (Link)
- Head und Body (Link)
Abschnitt 5 – Style (Link)
Lernziel: CSS
Anpassung einer Webseite mit CSS (Stylesheets, Selektoren, Schriftarten, Farbgebung)
Abschnitt 6 – Zusammenfassung (Link)
Beispielverlauf 1 (90 min)
| Zeit | Inhalt | Material |
| Leitfrage: “Wie kann man eine Website erstellen, um auf das Problem des Bienensterbens aufmerksam zu machen?” | – | |
| 90 min | Vollständiger Kurs: Abschnitt 1–Abschnitt6 |
|