Formation Responsive webdesign

Un site responsive est une notion de conception de sites web qui regroupe différents principes et technologies dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui peuvent parfois dégrader l'expérience utilisateur.

Objectifs de la formation Responsive webdesign :

En connaissant les différences d'affichage du monde WebMobile, vous pourrez maîtriser une méthodologie de travail et adapter le design aux terminaux nomades, sans oublier d'optimiser les temps d'affichage…

Programme de la formation Responsive webdesign :

Le Web Mobile

• Périphériques, OS, navigateurs, moteurs, langages
• Les résolutions Web, mobile, tablette, TV
• Séparer contenant et contenu
• Maîtriser le contenant

Le design fluide

• Faire du "Responsive Webdesign"
• Tailles d'écran - Détection des résolutions : MediaQueries (screen-width, device-width, viewport)
• Les unités : pixel, em et %

Le contenu fluide

• Gestion des débordements de contenus texte
• Gestion des débordements de médias (images, vidéos…)
• Les colonnes fluides - Minimas et maximas

Adapter le design

• Les médias en CSS3
• Conditions avec MediaQueries : les critères pour mobiles (width, height, device-width, device-pixelratio…)
• Compatibilité de MediaQueries
• Prise en compte de l'orientation portrait et paysage
• Repenser son design pour les petits écrans
• Repenser l'ergonomie pour les mobiles

Optimisation Web Mobile

• Bande passante et bonnes pratiques
• Requêtes et chargements (fichiers, images, scripts)
• Feuille de style optimale
• JQueryMobile

Tester son site

• Émulateurs en ligne