RESPONSIVE WEBDESIGN
Formation
À Paris
Description
-
Typologie
Formation
-
Niveau
Niveau intermédiaire
-
Lieu
Paris
-
Heures de classe
21h
-
Durée
3 Jours
Un site web adaptatif (anglais RWD pour responsive web design, conception de sites web adaptatifs selon l'OQLF1) 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.
Précisions importantes
Documents
- Ellipse-Formation-responsive-webdesign.pdf
Les sites et dates disponibles
Lieu
Date de début
Date de début
À propos de cette formation
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…
Cette formation s’adresse aux graphistes et à toute personne en charge de la création de pages web.
Connaître le langages HTML et les styles CSS.
Nous travaillons avec des formateurs, experts dans leurs domaines.
Professionnels en activité, ils gardent un contact permanent avec les évolutions et les aléas des contraintes de leur métier.
Nous vous garantissons ainsi de bénéficier de contenus pédagogiques constamment actualisés.
En amont de la formation
Audit gratuit et sans engagement par téléphone par nos formateurs.
Les Avis
Les matières
- Mobile
- Webdesigner
- Site internet
- Sites dynamiques
- Responsive
- Site responsive
- HTML
- Design
- Blog
- Graphisme et multimédia
Professeurs
Stéphane Issaurat
Formateur indépendant
Graphisme, design sonore, image de synthèse, web design... la communication visuelle s'enrichit de nombreux canaux au fur et à mesure de la multiplication des écrans et des réseaux sociaux. Diplômé d'ATI (Arts et Technologies de l'Image) à Paris 8, Stéphane Issaurat évolue dans le monde du design graphique depuis plus de 15 ans au sein de grandes agences de communication (EuroRSCG, Groupe Publicis, Ogilvy...). Il met à votre disposition son sens créatif et son exigence professionnelle dans les domaines du motion design, du print, du web et de l'illustration 3D.
Le programme
Contenu
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-pixel-ratio…)
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
Emulateurs en ligne
RESPONSIVE WEBDESIGN
