Beschreibung
Responsive Web-Design
Responsive Webdesign ist die technische Herangehensweise, die Internetseite in Bezug auf Entwicklung, Design und Programmierung anhand der technischen Umgebung des Benutzers, aufeinander reagieren zu lassen. In unserem Seminar werden die Konzeption und Erstellung von Webseiten behandelt, welche für unterschiedliche Ausgabegeräte optimiert sind. Mobile Endgeräte stellen eine große Herausforderung an die Webdesigner.
Voraussetzungen
Gute Kenntnisse in HTML und CSS.
Unterrichtszeit
von 9:00 bis 16:30 Uhr
Inhalt
Grafischer Aufbau und Strukturierung von Elementen * CSS Media Queries (CSS3) | Grundlagen und Syntax von Media Queries * Die „Mobile first“ Maxime * Erstellen einer flexiblen anpassungsfähigen Webseite mit Hilfe von Dreamweaver * Angemessene Schriftgrößen sicherstellen * Flexible Grid, Fluid-Content und -Images * Layoutraster für Mobil-, Tablet- und Desktop-Rechner * Reaktionen für den Internet Explorer * Homebuttons für Apple-Touch-Geräte erstellen * Javascript Lösungen * FTP-Upload – Browser-Testing auf Smartphone und iPad.