Unsere Ziele und Ablauf des Unterrichts

Unsere Ziele

Auf unserem Lehrplan für 2007 im Fach AWS stand unter anderem das erstellen von Webseiten. In mehreren Schritten sollte jeder Schüler den Umgang mit HTML und CSS erlernen. Ziel der Unterrichtseinheit war eine komplett eigenständig erstellte Website.

Erste Schritte...

Notepad++ Begonnen wurde mit einfachen Beispielseiten zur Einführung des Grundaufbau von HTML und seinen Elementen. Die Seiten wurden in einem Texteditor geschrieben um einen möglichst großen Lerneffekt zu erzielen und enthielten nur jeweils einzelne Elemente wie zum Beispiel einen Stundenplan in Tabellenform.


Validierung

Valid XHTML 1.0 Transitional Nachdem wir mit dem Aufbau ein wenig vertraut waren und einige Seiten erstellt hatten gingen wir auf die Varianten von HTML und XHTML und ihre Unterschiede ein. Daraufhin haben wir begonnen unsere Seiten auf Konformität zu prüfen und dementsprechend anzupassen um eine fehlerfreie Anzeige zu gewährleisten.


CSS

Valid CSS! Mit der Validierung traten erste Probleme mit Formatierungen auf die nicht mehr dem Standard entsprachen. Abhilfe schaffte die Formatierung der Seiten bzw. Elemente mit CSS. In diesem Zuge wurden auch die Vorteile von CSS basierten Layouts und der Verwendung von Klassen zur Gestaltung der Elemente bewusst. Von diesem Zeitpunkt an war auch die Benutzung von HTML-Editoren erlaubt, die mit Funktionen wie Auto-Vervollständigen das erstellen vereinfachten. Auf eine Benutzung der WYSIWYG-Komponenten wurde aber verzichtet.


JavaScript

Ein paar Schüler die von vorneherein über ein wenig Erfahrung im Umgang mit HTML verfügten und den anderen einen Schritt voraus waren hatten während dieser Zeit die Möglichkeit sich zusätzlich mit JavaScript zu beschäftigen.


Webbewerb

Mit unserem bis hierhin gewonnenen Wissen begannen wir dann mit der Planung unseres Projektes für den Webbewerb. Ein Thema wurde gewählt und die Klasse in mehrere kleine Gruppen aufgeteilt, die jeweils eine eigene Aufgabe im Bereich Design oder Inhalt erhielten.


Weitere Links

Berufskolleg Hennef

Die Homepage des Berufskollegs Hennef.
www.BK-Hennef.de

Klassenhomepage

Die Homepage der Klasse IH51.
www.IH51.de.vu