Responsive Design
Suivez notre formation Responsive Design de 2 jours pour adapter votre design aux écrans utilisateurs !
Vue d'ensemble
Connaissances en web, CSS et HTML
Objectifs pédagogiques
Programme détaillé
Introduction
Définition du concept « Responsive Design »
Rappel des fondamentaux du web mobile
Les caractéristiques du web mobile et des différents terminaux
L’environnement design et l’ergonomie
Etat des lieux du Responsive Design
Répartition et usage des terminaux mobiles selon la cible et le contexte
Navigateurs haut de gamme, bas de gamme quelles différences ? Quelles caractéristiques ?
Etude de sites références pour expérimenter les possibilités du Responsive Web Design
Responsive Design : fondamentaux
Grands principes et enjeux
L’impact du Responsive Design sur la gestion de projet
Présentation des outils de conception
CSS3 et les médias Queries
Application au Responsive Design
Savoir placer les points de rupture de manière cohérente
Quelles unités CSS utiliser selon le contexte ?
Point de rupture en Java Script, comment les exploiter ?
Enjeux et contraintes
Adaptation des interfaces : gérer les contraintes du support mobile
Comment optimiser les menus de navigation ?
Gestion des contenus : réécriture des textes ou simple adaptation ?
Adaptation des visuels et éléments courants : règles de bonnes pratiques
Découvrir la notion de Mobil First
Optimisation de la performance
Connaitre les bonnes pratiques : point sur le travail du W3C
Le web mobile (HTLM 5, CSS, JavaScript …)
Adaptation du Viewport
Optimisation des requêtes
Usage de la minification
Technologies avancées RWD
Aller plus loin …
Prochaines sessions
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement