{{:header-responsive.jpg?nolink|}}

> Wir lernen heute, wie wir das Responsive Webdesign anwenden: die Webseite soll sich an die Seitenbreite des Benutzermonitors anpassen.
\\

===== Arbeitsmaterial =====

> Einführung \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d40019503a098160612/609/4217894025422041088/00%20arbeitsblatt-responsiveWebdesign.pdf|Arbeitsblatt]]

> Was ist Responsive Webdesign? \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d40019539a315b97c63/635/-7607483472608277567/01%20info-einfuehrung.mp4|05-1 Info-Video "Einführung"]]

> Was ist ein 12-Spalten-Layout? \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d40019539a31a637c67/636/5976037603371908115/02%20info-12spalten.mp4|05-2 Info-Video "12 Spalten"]]

> Was hat es mit dem Umbruch auf sich? \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d40019539a31ef57c6b/637/6141040214909652361/03%20info-umbruch.mp4|05-3 Info-Video "Umbruch"]]

> Was ist die Schachtelung von Containern? \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d40019539a323a17c6f/638/9033455670244828353/04%20info-schachtelung.mp4|05-4 Info-Video "Schachtelung"]]

> Wie erstelle ich eine eigenes Layout? \\ [[https://filr.dws-vs.de/filr/public-link/file-download/4028810a92299d400195bf8060503ef6/791/6420468962348779853/06%20info-layout.pdf|06 Info-Dokument "Hilfe"]]