Grundlagen von Internet und WWW/HTML: Präsentationen

Grundlagen zum Verständnis des Internets/WWW, die vor der Behandlung von HTML, WYSIWYG-Editor usw. geklärt werden müssen: Funktionsweise des Internets, index-Seite, Verzeichnisstrukturen, Konzeption einer Website mittels Strukturdiagramm.

Bei der Einführung von Webprogrammierung mit HTML/CSS/WYSIWYG-Editor sollten zu Anfang einige Grundlagen geklärt werden. Das folgende Vorgehen empfiehlt sich für den Unterricht in Klassen der Sekundarstufe I und II:

1. Vortrag: Funktionsweise des Internets/Protokolle
2. Kurzeinführung in den WYSIWYG-Editor (z.B. Frontpage, Dreamweaver): Gestaltung einzelner Seiten, einfache Verlinkung dieser Seiten (1-2 Stunden)
3. Vortrag: Bedeutung der Index-Seite
4. Vortrag: Verzeichnisstruktur
5. Übung: Einige Seiten, auch auf verschiedenen Verzeichnisebenen, miteinander verlinken
6. Vortrag: Konzeption einer Website - Strukturdiagramm
7. Übung: Kleine Site konzipieren, umsetzen

Das Unterrichtsmaterial

Das Unterrichtsmaterial liegt in Form von Powerpoint-Präsentationen vor; zu jeder Folie gibt es im Notizbereich Anmerkungen zum Lehrervortrag. Da das Material für Webneulinge gedacht ist, wurde teilweise stark (aber zulässig) vereinfacht. So ist z.B. häufig von html-Dateien die Rede, wo es sich auch um Skriptdateien oder dynamisch generierte Seiten handeln könnte.

Funktionsweise des Internets

Hier wird die grundlegende Funktionsweise des Internets vorgestellt und die wichtigsten Protokolle erklärt (Schwerpunkt sollte auf www, mail und evtl. ftp liegen). Erklärung von Client-Server-Strukturen.

• Powerpoint-Präsentation: "Funktionsweise des Internets" (1.7MB) *** (pdf - 600kB)

Bedeutung der Index-Seite

Kurze Aufklärung über die Bedeutung der Index-Seite: Nach ihr wird gesucht, wenn als Internetadresse (URL) ein Verzeichnis (und keine konkrete Datei) aufgerufen wird.

• Powerpoint-Präsentation: "Index-Seite" (220kB) *** (pdf - 110kB)

Verzeichnisstruktur

Abhandlung über die Bedeutung von Verzeichnisstrukturen, relative Pfade und die Gefahren, die beim Verschieben einzelner Dateien lauern.

• Powerpoint-Präsentation: "Pfade und Sitestruktur" (180kB) *** (pdf - 90kB)

Konzeption einer Website - Strukturdiagramm

Hinweise zum Anfertigen eines Strukturdiagramms in der Konzeptionsphase bei der Erstellung einer Site.

• Powerpoint-Präsentation: "Strukturdiagramm" (120kB) *** (pdf - 35kB)