SFGZ, Tag 5

Nachmittag

Responsive Designs

Uebung Responsiveness

tag-5-1
Baut dieses Beispiel mit den unterschiedlichen Bildern für unterschiedliche Devices: http://responsiveimages.org/demos/variable-width/index.html Bilder als Zip

tag-5-2
Baut eine Seite mit Responsive Verhalten. Ihr könnt dazu eine extra Seite aufbauen oder ihr könnt auch eine eurer einfacheren Seiten nehmen. Die about page oder die mit dem Menü. Versucht, den Layoutfluss zu ändern. (Bsp. https://www.w3schools.com/html/html_responsive.asp) Beispiel Schriftrichtung

(Extra, optional wer will) Responsive Navigation
Lest das Tutorial zur Responsive Navigation auf W3C. Versucht, die Navigation auf eurer Prozess index Seite responsive zu machen. Tutorial Responsive Navigation

Aufgaben auf 2. Juli, 8:00

Individueller Support und Besprechungen

Sario
Mirjam
Catharina
Flavia
Nach Bedarf