Internet & HTML

Netzstruktur des Internet (Client und Webserver, Netzwerkdienste und –protokolle, lokale und globalen Netze, Aufgaben verschiedener Dienste und Protokolle im Internet)
Datenschutz & Datensicherheit (Sammlung, Verarbeitung und Nutzung personenbezogener Daten, Sicherheit von Netzwerkprotokollen)
Struktur von Hypertexten und deren grafische Darstellung (Zusammenhang zwischen baumartig strukturierten Hypertexten und weiteren Strukturen, unter anderem Dateisysteme, DNS, Hypertextstrukturen grafisch darstellen, Bäume als Strukturierungsprinzip)
Syntax und Semantik von HTML-Elementen (Struktur und Bedeutung von HTML-Elementen mit ihren Tags und Attributen, CSS-Dateien zur Formatierung von Internetseiten, Funktionsweise eines Browsers, Aufbau einer URL)
Urheber-, Datenschutz- und Persönlichkeitsrecht
Möglichkeiten und Risiken der Internetnutzung (Metadaten und Trackingtechnologien, Chancen der Internetnutzung in Bezug auf Produktivität, Recherche- und Kommunikationsmöglichkeiten, Maßnahmen zum sicheren Arbeiten im Internet (Browsereinstellungen, Sicherheitssoftware))
Chancen und Gefahren von Big Data (Chancen und Gefahren der Sammlung, Verknüpfung und Auswertung sehr großer Datenmengen)
Gestaltung barrierefreier Internetseiten

Internetseiten erstellen mit HTML

Das Internet ist gespickt mit Informationen, die auf unterschiedlichste Weise dargestellt werden. So gibt es Texte, die formatiert werden können, um besondere Aspekte hervorzuheben. Weiterhin gibt es Bilder und Videos, die in eine Internetseiten integriert werden und es besteht die Möglichkeit, verschiedene Internetseiten durch so genannte Links miteinander zu verknüpfen.

HTML-Beispiel für eine einfache Internetseite

Um einen Standard zu schaffen, wie Internetseiten an den Benutzer ausgeliefert werden und wie diese dargestellt werden können, wurde die HTML-Sprache eingeführt. HTML steht für Hyper-Text Markup Language. Als Hyper-Text bezeichnet man Text, der durch so genannte Hyper-Links mit anderen Textdokumenten verbunden ist. Als Markup-Language bezeichnet man eine Art Programmiersprache, die zur Formatierung und Gliederung von Texten dient und von Maschinen (insbesondere von Webbrowsern) verarbeitet werden kann.

So könnte die HTML-Seite von oben aussehen

In dieser Unterrichtsreihe werdt Ihr lernen, wie HTML-Dokumente aufgebaut sind, ihr werdet euch also die die Syntax der HTML-Sprache erarbeiten. Dazu werdet ihr viel eigenständig arbeiten.

#	Lektion
1	Der HTML-Editor Visual Studio Code
2	Grundtutorial HTML & CSS
3	Überschriften, Absätze und Listen
4	Tabellen und Links
5	Gestaltung mit CSS
6	Seitenlayout gestalten mit CSS
7	HTML-Projekt
8	Einführung zu JavaScript
9	Unser erstes (sinnvolles) JavaScript-Programm
10	Weitere Konzepte