Vous êtes ici : Accueil > Formation informatique > Développement web et mobilité > Concevoir des interfaces ergonomiques et optimisées UX/UI

Fantom Tag

Formation - Responsive Web Design

Créer des interfaces adaptables à différents formats d'écrans

  • Présentiel ou classe à distance
  • Fondamental
InterIntra
PRESENTIEL OU CLASSE A DISTANCE
Durée
2 jours (14 heures)
Prix 2026
1 650,00 €  HT
Référence
CE959
Consulter les dates et villes
Choisir une session
Dans vos locaux ou à distance
Durée
2 jours (14 heures)
Forfait intra - En savoir plus
3 050,00€ HT
Prix pour un groupe de 12 personnes max
Référence
CE959
Demander un devis
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Nous contacter
L'avènement des terminaux mobiles de type tablettes et smartphones a révolutionné le monde de la conception web puisque les sites aujourd'hui créés sont susceptibles d'être consultés sur un très large éventail d'écrans. Aussi assiste-t-on à l'émergence d'un nouveau concept : le Responsive Web Design ! Et force est de constater que plus aucun projet n'est lancé sans que ne se pose la question du choix de cette approche de conception ! Mais de quoi parle-t-on précisément ? Il s'agit d'un ensemble de méthodes et techniques (notamment les Media Queries dans le CSS3) permettant d'universaliser un site web, donc de l'adapter à tous les types de terminaux. Ainsi, qu'il soit consulté sur ordinateur, tablette ou mobile, le site ainsi conçu s'adaptera automatiquement à la taille de l'écran. Cette formation permettra aux participants de maitriser toutes les techniques permettant de créer des sites responsive design.
Consulter le programme 2025
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeur
  • Intégrateur HTML

Prérequis

Programme

Le programme

1 - Tour d'horizon

  • Le monde de la mobilité
  • Les usages en mobilité
  • Qu'est-ce que le responsive design
  • Les standards du web

2 - Une procédure à suivre

  • Une conception Mobile First
  • Problématiques d'affichage
  • Prendre en compte l'orientation et le tactile
  • Les outils de conception
  • Les plans et outils de tests

3 - Media Queries

  • Comment adapter le CSS fonction du terminal
  • Les opérateurs logiques CSS
  • Les critères à utiliser pour mobiles (width, device-width, orientation, etc.)
  • La compatibilité navigateurs des media queries
  • Risques et limites des media queries

4 - Grilles flexibles et/ou fluides

  • Quelles différences avec un positionnement classique
  • Les blocs
  • Les problèmes de débordements de contenus ou de médias
  • Les points de rupture
  • Gérer les écrans Retina
  • Présentation des Framework de grilles responsives (Boostrap, Foundation, etc.)

5 - Optimisation et performance

  • Outils de mesure
  • Rapidité, importance majeure pour Google
  • Optimisation des CSS, des fichiers JavaScript
  • La minification (minify.js)
  • Les images
  • Les sprites CSS
  • Côté serveur, bonnes pratiques

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • Connaitre les spécificités du Responsive web design
  • Maîtriser les techniques d'adaptation des contenus à différentes résolutions
  • Être en mesure d'optimiser les performances d'affichage
  • Connaître les bonnes pratiques en terme de conception Responsive Web Design
Evaluation

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Points forts

Les points forts de la formation

  • Une pédagogie riche : l'alternance de phases théoriques et de travaux pratiques favorise l'ancrage des acquis dans le temps ainsi que l'autonomie des participants à l'issue de la formation.
  • Les participants bénéficient de l'expertise et de l'expérience d'intervenants fréquemment impliqués dans la conception de sites Responsive Web Design.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

En savoir plus

Mesurez l'impact environnemental de votre formation

Sessions

Mise à jour le 14/12/2025
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    24 rue du Prado
    13006 Marseille
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26, Bd du President Wilson
    67000 Strasbourg
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69006 Lyon
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35700 Rennes
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26, Bd du President Wilson
    67000 Strasbourg
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35700 Rennes
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    24 rue du Prado
    13006 Marseille
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69006 Lyon
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35700 Rennes
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26, Bd du President Wilson
    67000 Strasbourg
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69006 Lyon
  • 1 650,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    24 rue du Prado
    13006 Marseille
Consulter les dates 2025
Formation - Responsive Web Design