Mon site en version mobile
•
0 j'aime•867 vues
Intervention dans le cadre de la Webschool de Bourges, session mobilité. Mon site en version Mobile :pourquoi ? Comment ?
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Mon site en version mobile
Similaire à Mon site en version mobile (20)
Plus de ESTACOM Bourges - Communication | Créativité | Digital
Plus de ESTACOM Bourges - Communication | Créativité | Digital (20)
Mon site en version mobile
- 1. MON SITE EN VERSION MOBILE Novembre 2012 André Gentit
- 2. POURQUOI ? André Gentit
- 3. Source : http://www.le-webmarketeur.com André Gentit
- 4. André Gentit
- 5. Les mobinautes Source : http://fr.slideshare.net/agencedagobert/ André Gentit
- 6. André Gentit
- 7. André Gentit
- 8. Le développement du m-commerce Source : http://www.warrendunlop.com/ André Gentit
- 9. Le développement du m-commerce Source : http://www.warrendunlop.com/ André Gentit
- 10. M-commerce André Gentit
- 11. NOEL 2013 André Gentit
- 12. Taux de pénétration des QR codes André Gentit
- 13. COMMENT ? André Gentit
- 14. 10 bonnes pratiques pour un site mobile Source : http://www.google.com André Gentit
- 15. André Gentit
- 16. Un site mobile doit • Répondre à l’attente des utilisateurs tant au niveau ergonomique que des fonctionnalités • Elle doit proposer une fonctionnalité principale et non une profusion d’options • Proposer des innovations visuelles ou ergonomiques. • Les interfaces épurées sont très en vogue… • S’adapter à la taille de l’écran qui le lit ! André Gentit
- 17. Les techniques • Un framework comme Jquery mobile • Détection Javascript • Responsive design • Plugins • Wordpress (mobilize, Wptouch, Mobilepress) • Spip (cimobile, iTwX, iSpip) • Etc… André Gentit
- 18. Responsive design André Gentit
- 19. Responsive design André Gentit
- 20. Facile ? Il vous faudra comprendre : • les Media Queries • @media screen and (min-width: 800px) • @media screen and (min-width: 1024px) and (max-width: 1280px) • @media screen and (orientation:landscape) • Le concept du viewport • La densité des pixels • La capacité des mobiles à vous berner ! • Gérer l’affichage des polices • Gérer la taille et le poids des images André Gentit
- 21. En résumé André Gentit
- 22. Autre solution • Les plateformes de génération de sites mobiles André Gentit
- 23. Quelques plateformes • http://mobile.wix.com/ • http://www.parumobile.com/ • http://www.myelefant.com/gratuit • http://www.wobile.fr/ • http://fr.jimdo.com/ avec le tutoriel • http://www.onbile.com/fr/creez-sites-web-mobile/ • Etc… André Gentit
- 24. FIN A très bientôt… André Gentit