EDUVINET Home

Unterrichtsentwurf zur Webseitenerstellung




by Marc Fehrenbacher (e-mail: mf@swol.de) of Staatliche Feintechnikschule Schwenningen / GERMANY







geplantes Tafelbild

Erstellung einer Webseite


Mögliche Sprachen zur Erstellung von Internetinhalten:

HTML: Hypertext Markup Language ist eine Seitenbeschreibungssprache. Sie beschreibt das Aussehen einer Seite. Aktuelle Version: HTML 4

Programmiersprachen im Internet: JavaScript, Java, ActiveX

{ Hier Selbsterarbeitungsphase, Austeilen Arbeitsblätter }

In einem HTML-Dokument werden Grafiken NICHT gespeichert, sondern nur Verweise auf Grafiken.

Die fertige Seite + Grafiken werden mit einem FTP-Programm auf dem Server abgelegt und stehen dann weltweit zur Verfügung.

Sinnvolle Gestaltung einer Seite


  • Möglichst kleine Grafiken
  • Übersichtlichkeit
  • Unterteilung in Einzelseiten
  • Links nicht im Text verteilen
  • Gestalten mit Grafiken
  • mögliche Bildformate:

JPG: gute Komprimierung für Fotos; 16 Mio Farben

GIF: für kleine Bilder, Buttons, schwarz-weiß; 256 Farben;


Hinweise, Kernfragen, Versuche

Motivationsphase: 7:30 Uhr „Wir haben Fotos von Ihnen letzte Woche gemacht. Heute sollen Sie selbst eine Homepage erstellen.
Theoriephase: 7:32 Uhr „In welcher Sprache wollen sie die Seite erstellen." Einordnung/Vergleich andere Sprachen.
Konfrontationsphase: 7:40 Uhr „Ich habe schon mal eine Seite erstellt. In dieser Art soll Ihre Seite auch aussehen. Und das ist der Sourcecode."
Beschwichtigungsphase: 7:45 Uhr „Sie müssen NICHT in HTML programmieren, dafür gibt es Werkzeuge." Arbeitsblatt „Netscape-Anleitung"
Selbsterarbeitungsphase: 7:50 Uhr als Beispiel Lehrer-Test.htm
Präsentation: 8:50 Uhr Die Schüler sollen erklären, warum sie Ihre Seite gerade so erstellt haben.
Erweiterung: Hochladen der besten Seite mit FTP durch Lehrer. HTML-Source-Code. Arbeit mit Digitalkamera. Sinnvolle Gestaltung einer Webseite.






Voraussetzungen für den Unterrichtsraum:

Schüler- und Lehrer-PC mit Netscape Navigator 3.0 Gold
Lehrer-PC mit FTP-Programm, z.B. ws_ftp
Rechner vernetzt und mindestens Lehrer-PC mit Internet-Anschluß
eigene Schulhomepage Digitalkamera (optional)



Voraussetzungen für die Schüler:

Vorwissen über Internet, Browser, „Surf-Erfahrung", am besten mit Netscape Navigator 3.0 Gold; Grafik; was ist ein Link?

Stundenziel: Schüler erstellen selbständig eine Webseite. Die beste wird vom Lehrer hochgeladen.

Vorbereitung der Stunde:

  1. In einer vorausgehenden Stunde fotografiert der Lehrer jeden Schüler einzeln mit der Digitalkamera. Ablage der Bilder in den Schülern zu-gänglichen Verzeichnissen (Server).
  2. Der Lehrer macht eine Musterseite, nach deren Vorbild die Schüler selbst eine Seite erstellen können. Diese sollte enthalten: Überschrift, Bild, Hintergrundbild, Link, eMail-Link, verschiedene Schriftattribute, Anker/anchor/target, siehe Beispiel: Lehrer-Test.htm mit backfts.jpg und marc8_1.jpg
  3. Arbeitsblätter http://www.leu.bw.schule.de/beruf/zpg/online/news4/anleit/anltg_0.html , anltg_1.html, anltg_2.html, anltg_3.html, anltg_a.html, anltg_b.html runter laden und kopieren.



Ablauf: Siehe Kommentar unter Tafelanschrieb














• • Copyright © IWB e.V. 1996-2000 • Webmaster: ohlendorf@eduvinet.de • •
• • 800 x 600 recommended • •



|Introduction & Sitemap| |EDUVINET Didactically & Methodically|  
|Full Text Teaching Materials| |EDUTALK Discussion Forum| |Link Collection|
|EDUVINET Authors| |Add your URL & Materials| |EDUVINET Logos|
|Mailinglist| |Guestbook| |Search & Search Engines| |Homepage|