Responsive Web-Design – Webseiten-Optimierung für mobile Geräte

21.06.2014 - 10:00 to 17:00
Beginn
21.06.2014 - 10:00
Ende
21. 06. 2014
60385
Frankfurt am Main
Berger Str. 175
Veranstaltungsort
CoworkingSpace Die Zentrale
Zielgruppe: Web-Designer/innen und –Entwickler/innen mit Kenntnissen in HTML und CSS   Webseiten müssen heute dem Besucher auf allen Plattformen gute Bedienbarkeit ermöglichen. Responsive Web-Design ist hier das Mittel der Wahl, damit der Auftritt im Web sowohl mit Maus, Tastatur und Touch-Eingabe genutzt werden kann.   Aber was steckt eigentlich hinter diesem Begriff, den man inzwischen in fast allen Anforderungsprofilen bei der Erstellung einer Webseite findet? Der Workshop bietet einen Überblick der wichtigsten Techniken, nennt die Fallsticke und zeigt Möglichkeiten, eine responsive Webseite aufzubauen. Dabei kommen CSS3 Media-Queries zum Einsatz und insbesondere für die Navigation auch einige Javascript-Beispiele.   Aus dem Inhalt:   Was bedeutet eigentlich “responsive” und wie passen CSS3 Media-Queries dazu? Aufrüsten (Mobile First) oder Abspecken (Desktop First)? Welcher Ansatz passt am besten? Wie reagieren die verschiedenen Browser und Plattformen? Wohin mit den Inhalten bei unterschiedlichen Screen-Größen? Die Planung ist das A und O. Wie muss die Navigation aussehen? Im Touch-Screen funktioniert kein Dropdown-Menü mit Hover-Effekt. Welche Werkzeuge erleichtern die Arbeit? Kurzer Blick auf Frameworks und Browser-Tools. Der Workshop gibt zunächst einen Überblick über die wichtigsten Begriffe und Techniken. Wir analysieren einige Beispiele und erstellen dann gemeinsam eine responsive Webseite von der Planung der Inhalte über die benötigten Screen-Layouts bis zum Navigationskonzept. Zur Unterstützung und schnelleren Entwicklung kommt das HTML5-Framework “Boilerplate” zum Einsatz. Es verfügt über eine Basisstruktur in HTML5 und bringt bereits CSS-Angaben für die Normalisierung, Media-Queries für die wichtigsten Bildschirmgrößen und verschiedene Javascripte mit.   Die Kosten für den Workshop belaufen sich auf: Für Webgrrls: 55,00 EUR Für Externe: 110,00 EUR   Tickets könnt Ihr hier kaufen: http://www.amiando.com/RNIFHXZ   Webgrrls vergessen bitte nicht, den per Mailingliste zugesandten Aktionscode einzutragen, damit sie den rabattierten Preis  erhalten.  

50.1254975, 8.7068248