Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
236
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Webseiten auf mobilen Endgeräten- Responsive Web DesignWebinar, 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 kurzEntwicklung von Websites basierend auf Open SourceContent Management Systemen und Shopsystemen:•Webseiten • Klassische Werbung•Online-Shops • Online-Beratung•Mobile Webseiten • Social-Media•SEO • Schulungen•WebhostingWebinar, 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ölkerungWebinar, 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 600Webinar, 14.12.2012
  • 10. Auflösungen ändern sich 1920 x 1080Webinar, 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 MiniUnd 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-ElementeWebinar, 14.12.2012
  • 14. kovalenz.de - DesktopWebinar, 14.12.2012
  • 15. kovalenz.de – ipad hochkantWebinar, 14.12.2012
  • 16. kovalenz.de – iphone hochkantWebinar, 14.12.2012
  • 17. Unterschiede Responsive Site und AppResponsive 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 StoreWebinar, 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.deWebinar, 14.12.2012