Startseite Skripte für das Wintersemester 2018/19 Webdesign Semantic Web Übung/Hausaufgabe


Übung/Hausaufgabe

  1. Unterlagen herunterladen
  2. Kochrezept in semantisch sinnvolle Tags zerlegen: Dazu die Apfelkuchen_Vorlage.jpg öffnen (z.b. in Photoshop) und alle zu verwendenden HTML-Tags einzeichen
  3. Bitte möglichst viele sinnvolle HTML5-Tags verwenden
  4. entsprechend das HTML-Dokument aufbauen
  5. via CSS so gestalten, dass es wie die Vorlage aussieht

Briefing:

  • Schriftgröße: 100%; Zeilenabstand: 1.45; Font-Stack: Geogia, Times, Serif; Schriftfarbe: #444;
  • die vorhandene Dateistruktur beibehalten und die Dokumente „index.html“ und „style.css“ verwenden!
  • Das Hintergrundmuster soll das gesamte Browserfenster ausfüllen – egal wie groß dieses aufgezogen wird!
  • Die weisse Hintergrundfläche und das Nussstrudel-Bild sollen ebenfalls mitwachsen, wenn man das Browserfenster vergrößert/verkleinert
  • Das Bild „Leckerer-Apfelkuchen.tif“ ist viel zu groß und hat das falsche Format – bitte in Photoshop auf die Breite 960px reduzieren und in einem Web-tauglichen Format speichern!