Title: A4.1: CSS entwickeln
Course: LF10a - Benutzerschnittstellen gestalten und entwickeln > Section: LS4: HTML-Seite mit CSS gestalten

Entwickeln einer CSS Datei

Als Erstes sollte dem Kunden der Anmeldedialog präsentiert werden. Ein erster Entwurf liegt vor (siehe unten). Ein Kollege der IT-Abteilung hat bereits ein erstes HTML-Gerüst entwickelt (cssUebung.html). Tipp: Verwenden Sie die "Speichern unter"-Funktion Ihres Browsers, um die Datei auf Ihrem Rechner zu speichern.

Ihre Aufgabe ist es nun eine entsprechende CSS-Datei zu entwickeln, die "möglichst nahe" an den Entwurf kommt. Entsprechende Anpassungen der HTML-Datei sind ebenfalls zu implementieren.

Geben Sie im Anschluss daran ihre CSS-Datei hier ab.

Bewerten Sie die Einreichungen Ihrer Mitschüler anhand der genannten Kriterien.

Assessment form: Farben

Ist die Farbgebung wie im Entwurf vorgesehen umgesetzt worden?

Assessment form: Anordnung

- Ist die Anordnung der Elemente wie im Entwurf vorgesehen?
- Sind die Abstände der Elemente gemäß dem Entwurf?

Assessment form: CSS Validation Service

Auf der Seite https://jigsaw.w3.org/css-validator/ findet sich ein CSS Validation Service. Benutzen Sie diesen, um die Validität der CSS-Datei zu überprüfen.

Bewerten Sie die Validität.

Assessment form: Markup Validation Service

Benutzen Sie den Markup Validation Service aus der LS3, um die Validität der HTML-Datei zu überprüfen.

Bewerten Sie die Validität.