HTML + CSS
description
Transcript of HTML + CSS
HTML + CSSAbschlussprojekt
2
Ablauf des Web-Projekts
Wahl eines beliebigen Themas (z.b. Hobby)
eigenständige Ausarbeitung des gewählten Themas in Form einer Website
Abschlussprojekt
3
Vorgaben für die Website 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
4
Vorgaben für die Website
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
StilregelnAbschlussprojekt
5
Vorgaben für die Website Bonuspunkte:
Eigenes Logo für Webseite Einbau von im Unterricht nicht
besprochenen Tags oder CSS-Properties (zu finden auf de.selfhtml.org)
Schuljahr 2009/10 Abschlussprojekt
6
Tipps (1)
„HTML-Grunddokument“ erstellen (de.selfhtml.org) HTML-Gerüst (nur 1x pro Webseite)▪ inkl. Doctype-Statement
Abschlussprojekt
7
Tipps (2)
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
8
Tipps (3) Funktionalität der Webseiten prüfen
korrekte Verwendung von Verweisen (auf Bilder, …) und Links
HTML-Dokumente + Bilder als Zip-Datei abgeben
Kommentare in HTML: <!-- blabla -->
Kommentare in CSS: /* blabla */
Hilfestellungen/Informationen http://de.selfhtml.org
Abschlussprojekt
9
Beurteilungskriterien
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
10
Abgabetermin
bis 17.01.2012
Schuljahr 2009/10 Abschlussprojekt