CSS3 AUFGABE
Vorgaben:
-
für Desktop und für Mobilgeräte ()media-querie(s)) (3 Punkte)
-
keine feste Auflösung oder Orientierung
-
CSS-Datei(en) sollten grundsätzlich ausgelagert sein (auch wenn es für die mobilen Geräte da einen entgegengesetzten Trend auf Grund der Performance gibt). (1 Punkte)
-
Inline-styles verwenden Sie nur in schriftlich begründeten Ausnahmefällen
-
Sie entscheiden bitte und begründen in Form eines Kommentars: (2 Punkte)
Desktop-first oder mobile-first oder Auslieferung vollkommen getrennter Dateien Befolgen Sie u.a. diese Vorgehensweisen:
- viele verschiedenartige Selektoren verwenden (2 Punkte)
- Spezifität ausprobieren und beachten
- Sparsam die HTML-Dateien verändern
- box-sizing explizit verwenden (1 Punkt)
- Media-Queries einsetzen
- möglichst relative Einheiten verwenden (2 Punkte)
- Basisgröße für Schrift angeben, weitere Schriften relativ zur Basisgröße ausrichten (1 Punkt)
- Verwenden Sie mindestens einmal transition, transform oder animation (2 Punkte) //DONE
- Bedenken Sie auch Accessibility und Usability. (2 Punkte)
- Alle Dateien (auch HTML-Dokumente), müssen valide sein. (2 Punkte)
- Sie können Fragen beantworten (4 Punkte)
Verzichten Sie auf Frameworks. //ohno habe für die Transition Keyframes ??
HTML AUFAGBE
Planen Sie das HTML-Gerüst für diese Aufgabe dann wie folgt:
mindestens drei HTML-Dokumente (3 Punkte)
- regelmäßigen Beiträge, (Einträge)
- über die Personen, die den blog betreiben (About)
- Blogroll
- Formular (Umfrage)
-
verwenden Sie Grafiken und Texte, verwenden Sie keine Blindtexte, verwenden Sie Quellenangaben, wenn nötig (3 Punkte)
-
regelmäßig wöchentlich, je Blogeintrag einen Punkt
-
Umfrage in Form eines Formulars an, auch wenn die Umfrage-Ergebnisse noch nicht ausgewertet werden können.
-
mindestens drei verschiedene Formularfelder (3 Punkte)
-
die Dokumente sind untereinander verlinkt mit einer Navigation, die auf jeder Datei zugänglich ist. (2 Punkte)
-
die Dokumente sind syntaktisch und semantisch korrekt aufgebaut (4 Punkte)
Diese Aufgabe ist abgeschlossen mit drei HTML-Dokumenten, syntaktisch und semantisch korrekt und ohne CSS-Dateien. Weiterhin ist schon eine vollständige Verzeichnisstruktur (2 Punkte) anzulegen, auch für die weiteren Dateien, wie CSS und js.
Die Abgabe erfolgt unter Fragestellungen. (4 Punkte).