Gisela Speicher
30.03.2004

Erste Programmierschritte in HTML

In dieser Unterrichtsreihe wenden Schülerinnen und Schüler kleinschrittig und strukturiert ihre Grundkenntnisse in HTML an. Als Ergebnis vieler einzelner Formatierungsschritte erstellen sie eine Seite für ein Modellunternehmen, das einen Trainingsanzug im Internet verkauft.
 

Die zu erstellende Website wirbt für ein Produkt der Rand OHG. Die Rand OHG dient vielen Berufskollegs in Nordrhein-Westfalen im Unterrichtsfach Informationswirtschaft als Modellunternehmen. Das Modellunternehmen und das Produkt, das auf der Webseite abgebildet wird, können nach Belieben ersetzt werden.

 

Kompetenzen

Die Schülerinnen und Schüler

  • lernen die Bedeutung von Tags und ihren Attributen in HTML kennen.
  • wenden diese eigenständig zur Erstellung einer Webseite an.
  • formatieren Texte und den Hintergrund.
  • erstellen eine Tabelle.
  • setzen Links auf Texte und Grafiken.
  • strukturieren ein Onlineformular mit Eingabefeldern, Radiobuttons und Checkboxen.

Kurzinformation zum Unterrichtsmaterial

ThemaErstellen einer Webseite mit HTML
AutorinGisela Speicher
FachWirtschaftsinformatik
ZielgruppeSchülerinnen und Schüler am Berufskolleg
Zeitumfang8-10 Unterrichtsstunden
Technische VoraussetzungenEin Computer pro Schüler, HTML-Editor

Didaktisch-methodischer Kommentar

Die Aufgabenstellung besteht darin, einzelne Arbeitsschritte zu realisieren, die aufeinander aufbauen und zur Erstellung einer Webseite führen. Schülerinnen und Schüler mit Vorkenntnissen können in Partner- oder Gruppenarbeit selbstständig arbeiten. Sie sollten in der Lage sein, das HTML-Kompendium von Stefan Münz, "selfhtml" als Nachschlagewerk zu nutzen. Schülerinnen und Schüler ohne Vorkenntnisse benötigen die Anleitung der Lehrkraft. Es empfiehlt sich dann, die Arbeitsschritte einzeln zu besprechen, am Beamer vorzuführen und sie anschließend von den Lernenden am eigenen PC in HTML umsetzen zu lassen. Ihnen wird eine Tag-Übersicht zur Verfügung gestellt.

Download

HTML_Unterrichtsbeschreibung.pdf
HTML-Arbeitsmaterialien.zip
 

Informationen zur Autorin

Gisela Speicher ist Fachleiterin für Wirtschaftsinformatik, Organisationslehre, Bürokommunikation und Wirtschaftswissenschaften am Studienseminar II in Dortmund.

Kommentare zu dieser Unterrichtseinheit
Verwandte Themen
 
Unsere Empfehlungen für Sie
 
Kreative Medienarbeit
 
Impressum | Datenschutz | Über uns | RSS-Feeds | Seite bookmarken:  del.icio.us Yahoo! My Web google Bookmarks Digg Mister Wong OneView MerklisteEmpfehlenDruckenSeitenanfang
Nicht redaktionelle Inhalte nach § 6 TMG von anderen Anbietern als Lehrer-Online werden durch den Namen des Anbieters gekennzeichnet.