BREAKING NEWS /// le FNE continue et finance jusqu’à 80% de votre formation !
En savoir plus

INTÉRESSÉ(E) PAR LA FORMATION Responsive Web Design ?

Remplissez le formulaire ci-dessous pour recevoir une documentation détaillée.

ou nous contacter au 01.86.95.27.81

En cliquant ci-dessus sur recevoir une documentation, vous acceptez nos conditions générales d'utilisation et notre politique de confidentialité.

Formation Responsive Web Design
Digital

Formation Responsive Web Design

Créer des interfaces Web adaptables à tout format d'écrans

Vous souhaitez adapter votre site web aux différents types de terminaux digitaux sans avoir recours à plusieurs ressources ? 
Cette formation vous permettra de maîtriser les bonnes pratiques de conception ergonomique liées au Responsive Web Design et d'adapter votre site pour le web mobile !

200 formations
200 formations
20 000 participants
20 000 participants
98% de clients satisfaits
98% de clients satisfaits
18 Ans d'expérience
18 ans d'expérience

Présentation de la formation

L’essor incroyable du web mobile et le nombre croissant de terminaux permettant de se connecter à Internet ont bouleversé les comportements des internautes. 
Il devient donc crucial pour les entreprises de réfléchir à l’optimisation de leur site web pour qu’il s’adapte aux différentes résolutions d’écran (ordinateur, mobile, tablette, télévision connectée) afin d’offrir aux visiteurs lexpérience utilisateur la plus confortable et ergonomique possible.

Mais qu’est-ce que le Responsive Web Design concrètement ? Quels en sont les avantages ? Comment concevoir un site responsive ? Autant de questions qui trouveront leurs réponses approfondies lors de notre formation Responsive Web Design.
 

Information
Le saviez-vous ?

37,4 millions de français naviguent chaque jour sur le web avec leur smartphone !

Pourquoi réaliser une Formation Responsive Web Design ?

Désormais incontournable, le responsive design permet de concevoir un site unique compatible quel que soit le support emprunté, évitant ainsi le développement de plusieurs versions d'un site web ou d'applications natives. Les avantages sont nombreux : un temps de maintenance réduit, un contenu unique, une URL unique, une seule expérience utilisateur, et enfin, des coûts de développement moins élevés.Toutefois, le responsive design impose des contraintes techniques lourdes et implique de revoir en profondeur les rôles et expertises de l’équipe projet.

Ajoutez la corde de la création et de l’intégration graphique à votre arc de compétences webmarketing en vous formant à l'adaptative web design ! Des connaissances en design adaptatif, css responsive et webdesign vous permettront d’optimiser et de rendre plus percutante votre communication numérique sur tous les types d’écrans et de supports digitaux.

Cette formation  a pour objectif de vous donner les clés pour appréhender les enjeux du Responsive Web Design, en termes de techniques, de design, et de bonnes pratiques à mettre en œuvre. N'attendez plus pour monter en compétences !

Objectifs

  • Appréhender les enjeux du Responsive Web Design
  • Mettre en œuvre les techniques de conception de sites web responsive
  • Maîtriser les contraintes ergonomiques et graphiques liées au RWD
  • Optimiser les performances d’un site responsive

Pour qui ?

Cette formation s'adresse entre autre aux Webmasters, Webdesigners, Chefs de projets web, Chefs de produits, Responsables communication, Responsables Web Marketing, Infographistes ou a tous professionnel souhaitant acquérir les bonnes pratiques du Responsive Web Design.

Programme

    1. Panorama du web mobile
    • Les chiffres clés du marché mobile
    • Lexique : périphériques, OS, navigateurs
    • Les usages
    • L’approche contenu / contenant
    • Les standards actuels (HTML5, CSS3)
    • Les différents types de terminaux
    • Différence entre résolution et taille d’affichage

    2. Définitions du Responsive Web Design
    • Définition du Responsive Web Design
    • Les impacts sur le web design classique
    • Interface Utilisateur (UI) et Expérience Utilisateur (UX)
    • Rapprochement mobile-desktop : vers un seul développement ?
    • Les contraintes ergonomiques et fonctionnelles

    3. Les principes fondamentaux du Responsive Web Design
    • La notion de points de rupture
      - Définition
      - Où se situent les points de rupture ?
    • La notion de Mobile First
      - Définition
      - « Progressive enhancement »
      - Les méthodes de développement
    • Optimiser la performance de chargement
    • Requêtes et chargements surperflus
    • Bande passante et bonnes pratiques

    4. Créer une grille d’affichage flexible
    • Grille fixe en pixels vs grille flexible en pourcentage
    • Les unités de mesure fluides (% et em)
    • La formule cible / contexte = résultat
    • L’approche contenu/contenant
    • Box, layout avec CSS3

    5. Utiliser des médias flexibles
    • Rendre les images flexibles : images de fond / adaptation HTML5
    • Optimisation des médias
    • Créer des vidéos adaptatives
    • Avoir des menus adaptatifs
    • Avoir des tableaux et des formulaires flexibles
    • Comment régler le problème de reconnaissance par les anciens navigateurs (polyfill, reset, …)

    6. Appliquer des Media Queries
    • Différence entre viewport et screen
    • Le principe des media queries
    • Gérer les règles conditionnelles (orientation, device-width…)
    • Javascript et les anciens navigateurs
    • Application aux navigateurs mobiles
    • Cibler la résolution rétina

    7. Javascript pour le Responsive Web Design
    • Tester les media queries
    • Tester le viewport
    • Tester le navigateur
    • Modification dynamique des contenus
    • Redirection par Javascript

    8. Les frameworks Responsive Web Design
    • Avantages et inconvénients d’un framework RWD
    • Etat des lieux des frameworks existants : Bootstrap, Foundation, 960 grid…
    • Zoom sur Bootstrap

    9. Tester son site responsive
    • Tester son site responsive sur tous les terminaux
    • Les émulateurs
    • Les solutions en ligne
    • Exemple d’un site responsive testé en temps réel

Prochaines dates de formation

Disponibilités mises
à jour le : 22/11/2020
Information

Contactez-nous pour connaitre la prochaine session de formation au format présentiel.

Financement

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Cycle de formation associé

Cette formation s'inscrit dans le cadre du cycle long de formation diplômante Web Designer / UX Designer. Ce Titre certifié de niveau 5 reconnu par l'Etat vous donne les clés pour réaliser des outils de communication numérique, et d’en élaborer le design graphique, tout en participant à la gestion et au suivi des projets. Il débouche sur les postes suivants : 
 

Commentaires clients

Lydie A.
Responsable service communication
AMELLIS
“Discours qui va à l’essentiel.”
Laetitia G.
Graphiste intégrateur
SNEF
“Formateur très professionnel.”
Aubert A.
Infographiste
Eurothemix
“Une formation claire, précise et efficace !”
Jérôme M.
Webmaster
Ministère De La Défense
“La formation est véritablement intéressante.”
Julien H.
Chef de produit Marketing Europe
EBSCO
“Un formation passionnante animée par un formateur passionné.”
Mickaël L.
Chef de produit
Izeos
“Formation très qualitative.”

Les avantages VISIPLUS academy

Une plateforme digital learning dédiée

Une plateforme digital learning dédiée

Fidèles à notre conviction que la transformations digitale est aujourd’hui incontournable, vous pouvez suivre l’intégralité de nos formation et cycles diplômants au format e-learning. Grâce à notre plateforme dédiée, vous suivez vos modules de formation depuis un appareil connecté où que vous soyez et à votre propre rythme, tout en bénéficiant du suivi individualisé de nos équipe.

Un suivi personnalisé

Un suivi personnalisé

Conseillers formation, coordinateurs pédagogiques, formateurs, mentors individuels, responsable de programme… nous mettons à votre disposition tous nos experts afin de vous accompagner dans votre projet de formation ! De l’élaboration de votre dossier de financement à la remise de votre certificat, en passant par le suivi de votre formation, l’équipe VISIPLUS academy est là pour vous à chaque étape de votre parcours.

Le soutien de toute une communauté

Le soutien de toute une communauté

Se former à distance oui, mais auprès de toute une communauté ! Echangez au quotidien avec vos pairs, mais aussi avec vos formateurs et toute notre équipe pédagogique. Questions, partage de connaissances, tips à échanger…la communauté VISIPLUS academy n’est toujours qu’à un clic pour partager !

Votre employabilité renforcée

Votre employabilité renforcée

L’ensemble de nos formations sont conçues spécifiquement pour des professionnels, par des professionnels experts dans leur domaine. Notre objectif, vous proposer des formations en phase avec le monde du travail d’aujourd’hui et de demain, afin de vous faire monter en compétences sur des sujets porteurs qui feront de vous un profil recherché sur le marché de l’emploi.

Un réseau d’Alumni pour échanger

Un réseau d’Alumni pour échanger

Notre cercle Alumni de plus de 20 000 diplômés vous permettra d’élargir votre réseau professionnel, de networker, d’échanger avec d’anciens diplômés mais aussi avec des participants qui suivent la même formation que vous. Rejoignez la communauté d’Alumni VISIPLUS academy, et développez votre réseau professionnel !

Ces formations pourraient également vous intéresser

Intéressé(e) par la formation

Responsive Web Design ?

Je suis un particulier

Je souhaite monter en compétences et réaliser une formation (format présentiel ou digital learning)

Je suis une entreprise

Je souhaite former un ou plusieurs de mes collaborateurs (format inter ou intra-entreprise, format présentiel ou digital learning)

Formation Responsive Web Design

Intéressé(e) par la formation Responsive Web Design ?