Abschlussprojekt
Wahl eines beliebigen Themas (z.b. Hobby) eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt 2
Muss mindestens aus 4 Webseiten bestehen Verlinkung der Webseiten untereinander durch Navigationsmenü Verwendung möglichst vieler im Unterricht besprochener HTML- und CSS-Codes Folgende Elemente müssen vorhanden sein: Unterteilung der HTML-Seite durch divs (id = „navigation“, id=„Textbereich“ usw.) Bild Tabelle Liste Abschlussprojekt 3
Hyperlink(s) zu anderen Webseite im Internet kursiver und fetter Text Überschrift(en) Farbliche Gestaltung des Hintergrunds bzw. der verschiedenen div-Boxen in CSS. Anpassung der div-Boxen durch padding (Innenabstand) und margin (Außenabstand) Klasse(n) Korrektheit des HTML-Codes Einhaltung der im Unterricht besprochenen Stilregeln Abschlussprojekt 4
Bonuspunkte: Eigenes Logo für Webseite Einbau von im Unterricht nicht besprochenen Tags oder CSS-Properties (zu finden auf de.selfhtml.org) Schuljahr 2009/10Abschlussprojekt 5
„HTML-Grunddokument“ erstellen (de.selfhtml.org) HTML-Gerüst (nur 1x pro Webseite) ▪ inkl. Doctype-Statement Abschlussprojekt 6
richtige Dateinamen vergeben Startwebseite: „index.html“ Kleinschreibung keine Umlaute sprechende Namen verwenden Vermeidung von fehlerhaftem HTML-Code Beginn-Tag + End-Tag Achten auf richtige Verschachtelung (Reihenfolge) von Tags Einrücken der Tags (1x Tabulator-Taste) Abschlussprojekt 7
Funktionalität der Webseiten prüfen korrekte Verwendung von Verweisen (auf Bilder, …) und Links HTML-Dokumente + Bilder als Zip-Datei abgeben Kommentare in HTML: Kommentare in CSS: /* blabla */ Hilfestellungen/Informationen Abschlussprojekt 8
Einhaltung der Vorgaben bezüglich der Website Layout der Webseiten Originalität, farbliche Gestaltung, Aufbau der Seiten, Übersichtlichkeit, … Korrektheit des HTML- und CSS-Codes Einhaltung der im Unterricht besprochenen Stilregeln CSS: siehe Übersichtsbild (CSS.png) Abschlussprojekt 9
bis Schuljahr 2009/10Abschlussprojekt 10