Développer son site grâce au Responsive Web Design Présentiel
Dernière mise à jour : 20/02/2026
Description
Etat de l'art de la mobilité
Les supports, les OS, les navigateurs, les technologies
Les statistiques d'usage
Les standards, le HTML5 et CSS3
Ressources utiles : les outils disponibles en ligne et quelques galeries de sites mobiles
Présentation du Responsive
Les principes et la philosophie du Responsive Web Design
Définir les tailles d'écran
Les unités pixel, em et % : pour quel usage ?
Les contraintes ergonomiques et fonctionnelles
Les modes portrait et paysage
MediaQueries
Adaptation des CSS aux caractéristiques du terminal
Règles conditionnelles (orientation, device-width...)
JavaScript et les anciens navigateurs
Réglage complémentaire de rendu visuel (Viewport)
Principe de grille flexible, fluide
Conception classique vs conception selon une grille
Importance des blocs, approche contenu/contenant
Unités de mesure (% em px), mode Retina
Eviter les débordements
Points de rupture
Principe des box, layout avec CSS3
S'adapter au média
Penser « touch »
Designer pour mobile
Iframes / Vidéos
Graphiques
Tableaux
Navigation
Framework et librairies responsive
Détecter les ressources avec « Modernizr »
Librairies de substitution (less, css3pie...)
Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap...
Objectifs de la formation
- Appréhender les tenants et aboutissants du Responsive Web Design (RWD)
- Intégrer dans leur gestion de projet les implications du Responsive Web Design
- Mettre en oeuvre les techniques de conception de sites web adaptatifs
Public visé
Prérequis
Modalités pédagogiques
-Synchrone ou asynchrone
Méthodes interactives privilégiant la mise en œuvre d'outils au travail de jeux, simulations, mises en situation avec des apports en outils et connaissances pour bien réaliser les exercices pratiques.
Moyens et supports pédagogiques
ADEOS FORMATIONS met à disposition de ses stagiaires des salles de formation équipées des outils nécessaires à la bonne acquisition des compétences visées par la formation :
- Matériel informatique et audio-visuel pour les formations qui le nécessitent.
- Matériel pour la prise de notes.
- Supports de cours dématérialisé ou papier.
- Cahiers d'exercices le cas échéant.
Modalités d'évaluation et de suivi
L'évaluation des acquis se fait tout au long de la session au travers des multiples exercices, mise en situation et étude de cas à réaliser. Le formateur remet en fin de formation une attestation avec les objectifs acquis ou non par le stagiaire.
Dispositif de suivi de l'exécution de la formation :
- Feuilles de présence.
- Formulaire d'évaluation de la qualité de la formation.
Dispositif d'évaluation des résultats de la formation :
- Auto-diagnostic réalisé par le stagiaire avant et après la formation.
- Questions orales et écrites (QCM).
- Mises en situation.
Sur la base de ces éléments, le formateur remet en fin de formation une attestation avec les objectifs acquis ou non par le stagiaires.
Profil du / des Formateur(s)
Informations sur l'accessibilité
Modalités d'accès :
Adeos valide avec le candidat, qu'il possède bien les compétences et les prérequis nécessaires au suivi de la formation.
Délais d'accès :
Nous contacter, ADEOS Formations s'engage à vous faire un retour dans les 72 heures. Démarrage de la formation possible sous un maximum de 6 mois.
Accessibilité aux personnes handicapées :
Nos locaux sont aux normes d'accueil pour les PMR, pour les autres handicaps nous contacter afin de pouvoir adapter la formation ou bien vous orienter vers un organisme partenaire. Vous pouvez contacter notre référente handicap : Catherine BAREAU - catherine.bareau@adeos-formations.com