Das Webinar am 14.12.2012, geleitet von Dr. Nicole Paschke und Dr. Sabine Brylak-Niemann, thematisiert die Entwicklung von responsiven Webseiten für mobile Endgeräte und die Herausforderungen, die sich durch unterschiedliche Bildschirmgrößen und -auflösungen ergeben. Es wird die Notwendigkeit betont, dass Webseiten sich an die verwendeten Geräte anpassen müssen, um eine optimale Benutzererfahrung zu gewährleisten. Es werden verschiedene Lösungsansätze und Unterschiede zwischen responsiven Webseiten und Apps diskutiert.

1. Webseiten auf mobilen Endgeräten-
Responsive Web Design
Webinar, 14.12.2012

2. 2
Dr. Nicole Paschke Dr. Sabine Brylak-Niemann
Gründung der Firma “KOVALENZ – Individuelle Internetkonzepte”
(Dr. Paschke, Dr. Brylak-Niemann GbR)
im Juni 2003
Webinar, 14.12.2012
Coesfeld, 22.11.2011

3. kovalenz – ganz kurz
Entwicklung von Websites basierend auf Open Source
Content Management Systemen und Shopsystemen:
•Webseiten • Klassische Werbung
•Online-Shops • Online-Beratung
•Mobile Webseiten • Social-Media
•SEO • Schulungen
•Webhosting
Webinar, 14.12.2012

4. Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen hat ein Smartphone?
Iphone? Android? Blackberry?
Webinar, 14.12.2012

5. Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen hat ein Tablet?
Ipad? Samsung Galaxy?
Webinar, 14.12.2012

6. Prognose 2016
Anzahl mobiler Endgeräte
>
Zahl der Weltbevölkerung
Webinar, 14.12.2012

7. zunächst Webseitenentwicklung für Desktop …
Webinar, 14.12.2012

8. dann Webseitenentwicklung für Laptops …
Webinar, 14.12.2012

9. Auflösungen ändern sich 1024 x 768 bzw. 800 x 600
Webinar, 14.12.2012

10. Auflösungen ändern sich 1920 x 1080
Webinar, 14.12.2012

11. Endgeräte werden vielfältig… drehbar!
etc., etc.
Webinar, 14.12.2012

12. Lösungsansätze
●
mobile Webseite
●
iphone-App, ipad-
App
●
Android-App
●
ipad Mini
Und nun?
Für jedes Gerät eine andere App oder Seite??
Webinar, 14.12.2012

13. Responsive Webdesign (respondere (lat.) – antworten)
>> Webseite passt sich dem Endgerät an!
• flexible Gitter
• keine festen Schriftgrößen
• Skalierung von Bildern, kleinere Bildgrößen für
kleinere Endgeräte
• Vereinfachung/Reduktion von weniger wichtigen
Seitenelementen
• keine Flash-Elemente
Webinar, 14.12.2012

14. kovalenz.de - Desktop
Webinar, 14.12.2012

15. kovalenz.de – ipad hochkant
Webinar, 14.12.2012

16. kovalenz.de – iphone hochkant
Webinar, 14.12.2012

17. Unterschiede Responsive Site und App
Responsive Site App
• jederzeit veränderbar ohne Freigabe • Icon auf dem Screen des mobilen
durch Apple etc. Endgerätes
• funktioniert auf verschiedensten • Verknüpfung mit Gerätehardware
mobilen Endgeräten möglich, z.B. Standortbestimmung,
Kamera
• ein System
• Datenspeicherung auf dem mobilen
Endgerät
• Vermarktung durch App Store, z.B.
über gute Bewertungen App Store
Webinar, 14.12.2012

18. Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen denkt über eine Optimierung für
Mobile Endgeräte nach?
Webinar, 14.12.2012

19. Fragen und Antworten?
Wir freuen uns auf Ihr Feedback.
Webinar, 14.12.2012

20. www.kovalenz.de
www.facebook.com/kovalenz
Dr. Paschke, Dr. Brylak-Niemann GbR
Sebastian-Bach-Str. 26, 48249 Dülmen
Tel. 02594 991356, info@kovalenz.de
Webinar, 14.12.2012