Projekt:2018/HTML Diff 8.1

Aus HG Wiki
Wechseln zu: Navigation, Suche

Projektziel

Erstellt alleine oder zu zweit einen Steckbrief von euch als HTML-Seite. Wenn ihr zu zweit arbeitet, dann könnt ihr entweder zwei einzelne Steckbriefe erstellen (zwei HTML-Dateien) oder euch gemeinsam auf einer HTML-Seite vorstellen.

Die Ergebnisse des letzten Schuljahres könnt ihr unter diff.ngb.schule ansehen.

Ablauf

Im Laufe des Unterrichts lernt ihr immer neue Elemente zur Gestaltung von HTML-Seiten kennen. Ihr werdet jedesmal Gelegenheit haben, das Gelernte in euren Steckbrief einzubauen. Am Ende sollte eure Seite möglichst viele der Elemente enthalten. Darunter werden unter anderem Tabellen, Bilder und Multimedia-Objekte sein.

Abgabe der Steckbriefe

Abgabe der Steckbriefe ist am Do., 29.11.2018 im Tauschordner. Wer Probleme mit der Abgabe im Tauschordner hat, der kann die Dateien bis Fr., 30.11.2018 um 23:59 Uhr per Mail an schule@neugebauer.cc schicken.

Abzugeben ist der komplette HTML-Ordner, inklusive der Unterordner "bilder" und "css" mit ihren Inhalten. (Am besten in Form einer ZIP-Datei.)

Icon Warning.png Achtet darauf, dass die Abgabe alle wichtigen Dateien enthält! Alle Bilder müssen im Unterordner "bilder" abgegelgt sein, alle CSS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also gegebenenfalls vorher auf anderen Computern.

Anforderungen

Jeder Steckbrief muss ein oder mehrere Vorkommen der folgenden im Unterricht behandelten Elemente enthalten:

  1. Tags zur Textauszeichnung
    1. Absätze
    2. Fett, Kursiv, Unterstreichungen, ...
    3. Überschriften
  2. Bilder
  3. Links
  4. Listen
  5. Tabellen

Außerdem muss der HTML-Steckbrief mit einer CSS-Datei verknüpft sein, welche verschiedene Elemente des Steckbriefs mit CSS-Regeln formatiert. Darunter sollen folgende Elemente sein:

  1. Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)

Optional können diese Elemente in den Steckbrief eingebaut werden:

  1. Formatierung mit Pseudoselektoren (z.B. Links mit :visited, Änderungen mit :hover, ...)
  2. Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...)
  3. Strukturierungselemente (<div>, Navigationselemente, ...)
  4. Formulare
  5. Icons (z.B. Font Awesome)

Bewertung

Bewertet wird die Vollständigkeit der Steckbriefe nach den obigen Vorgaben, Aufbau und Struktur des Quelltextes (wie ordentlich der Quelltext geschrieben ist) und wie sinnvoll die Inhalte des Steckbriefes sind.

Hilfreiche Links

Links aus dem Unterricht

Weiterführende Links