/we-foodblog

Primary LanguageHTML

we-activityblog

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)

  1. regelmäßigen Beiträge, (Einträge)
  2. über die Personen, die den blog betreiben (About)
  3. Blogroll
  4. 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).