HTML: Grundlagen und Erstellen eigener Websites - Klassen 8/9

Artikelnummer: NWL331882024
Kategorie: Informatik
Verlag: RAABE Verlag

Zip-Datei (21 Seiten, PDF-Datei + Zusatzmaterialien)

Sekundarstufe I

Informatik

Vorschau ansehen

13,95 €

inkl. 7% USt.

Lieferzeit: 0 Werktage (auch für Ausland)

Stk

Unterrichtseinheit Informationen und Daten

RAAbits Informatik Sekundarstufe I - 8. und 9. Klasse

Das Internet spricht eine Sprache: HyperText Markup Language (kurz: HTML). In dieser Unterrichtseinheit lernen Ihre Schülerinnen und Schüler diese Sprache kennen. Die Bestandteile, die Befehle, die Syntax und der Aufbau der Markiersprache werden entdeckt und angewandt.

Außerdem werden die Unterschiede zwischen einer Markiersprache und einer Programmiersprache klar. Das alles führt hin zur eigenen Erstellung einer Website mithilfe von HTML und CSS.

Die Lernenden brauchen kein bestimmtes Vorwissen zur Durchführung dieser Unterrichtseinheit, profitieren allerdings davon, wenn sie schon Absatzformatierungen in gängigen Textverarbeitungsprogrammen kennengelernt haben.

Lernziele / Kompetenzen: Die Lernenden...

erkennen die Bestandteile von HTML und CSS,
definieren diese und wenden sie an,
erläutern den Unterschied zwischen Programmiersprache und Markiersprache
verbessern fehlerhafte Websites,
erstellen eigene Websites mithilfe von HTML und CSS.

Themen:

Internet,
Markierungssprachen,
HTML,
CSS,
Webdesign,
eigene Gestaltung von Webinhalten

Letztendlich erstellen die Lernenden an einem eigenen Projekt ihre eigene Webseite. Diese soll einen digitalen Steckbrief darstellen, in dem sie sich, ihre Interessen und Hobbies vorstellen. Sollte das Projekt als benotete Leistung herangezogen werden, kann man den Bewertungsbogen als Grundlage verwenden.

Zusatzdateien im Zip-Ordner:

HTML_Tags.html
fliesstext.html
fliess_style.css
anpassen.png
anpassen.html
anpassen_e.html und Lösungsdatei
anpassen_style.css
anpassen_style_e.css und Lösungsdatei
fehler.png
fehler.html
fehler_markiert.html & fehlerfrei.html und Lösungsdateien
fehler_style.css fehler_markiert_style.css & fehlerfrei_style.css und Lösungsdateien