A B E G

Startseite Skripte für das Wintersemester 2017/18 Webdesign DOM und Desktop-Layouts Übung 6: Venedig Fotos


Übung 6: Venedig Fotos

Achtung: Diese Übung ist noch nicht für Smartphone-Größen! Bitte macht Eurer Browserfenster deswegen deutlich breiter …

Diesmal besteht die Übung aus drei Seiten eines fiktiven Fotografen-Webauftritts, die Ihr miteinander verlinken müsst!

Aufgabenbeschreibung

  1. Ladet das Übungspaket runter
  2. Schaut Euch die Screenshots an, wie die Startseite, Venedigseite & Kontakseite aussehen sollen
  3. Aus der Datei Texte_roh/texte.txt könnt Ihr die benötigten Texte herauskopieren – bitte nicht abtippen!
  4. Baut die drei Seiten zuerst in HTML auf und fügt die benötigten Bilder ein, diese befinden sich im Ordner „p“
  5. Für das waagrechte Menü könnt Ihr viel Code verwenden, den ich bei „Waagrechte Navigationsmenüs“ gezeigt habe!
  6. Die Portfolio-Seite ist die „index.html“ …
  7. macht dann erst das dazugehörige CSS – Achtung: Ihr dürft nur eine gemeinsame CSS-Datei für alle drei Seiten verwenden!
  8. Verlinkt die drei Seiten so, dass man mit Hilfe des Navigationsmenüs von einer Seite zur anderen wechseln kann

Dateistruktur

Ich habe Euch die nötige Dateistruktur schon vorbereitet – bitte verwendet diese!