Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.

Präsentation zum Thema: "Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt."—  Präsentation transkript:

1 Abschlussprojekt

2  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt 2

3  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

4  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

5  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

6  „HTML-Grunddokument“ erstellen (de.selfhtml.org)  HTML-Gerüst (nur 1x pro Webseite) ▪ inkl. Doctype-Statement Abschlussprojekt 6

7  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

8  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  http://de.selfhtml.org http://de.selfhtml.org Abschlussprojekt 8

9  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

10  bis 17.01.2012 Schuljahr 2009/10Abschlussprojekt 10