Formation Responsive Web Design

Vous souhaitez adapter votre site web aux différents types de terminaux sans avoir recours à plusieurs ressources ? 
Cette formation responsive design de 2 jours vous apporte les réponses pratiques aux problématiques de conception ergonomique et de gestion des contraintes liées au Responsive Web Design.


Réservé aux Professionnels 10 000 Participants 16 Ans d'expérience 52 formations 98% Clients satisfaits1


ADAPTEZ VOTRE SITE POUR LE WEB MOBILE !

L’essor incroyable du web mobile et le nombre croissant de terminaux permettant de se connecter à Internet ont bouleversé les comportements des internautes.Désormais, les internautes sont ultra connectés et réclament une accessibilité constante. Il devient donc crucial pour les entreprises, à la fois du secteur privé et public, 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 l’expérience utilisateur la plus confortable et ergonomique possible.

Le saviez-vous ?

Le temps passé sur le Web mobile a dépassé celui sur PC aux Etats-Unis !


Encore trop de sites ne possèdent qu’une navigation "classique", uniquement adaptée au desktop design, et passe ainsi à côté de leurs cibles.Il s’agit donc d’un nouvel enjeu de taille pour les marques, qui doivent répondre aux nouvelles attentes des internautes mobiles, faisant naître une nouvelle approche dans la conception de sites web : le responsive design.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 la formation responsive web design dispensée par VISIPLUS academy !Et pour cause, de plus en plus plébiscité, 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.Cette formation responsive 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.
RECEVOIR UNE DOCUMENTATION

A qui s'adresse cette formation ?

  • Webmasters
  • Webdesigners
  • Chefs de projets web
  • Chefs de produits
  • Responsables communication
  • Responsables Web Marketing…
  • Infographistes

RECEVOIR UNE DOCUMENTATION

Objectifs de la formation

  • 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

Quelques thèmes abordés lors de la formation

  • Les chiffres clés du marché mobile
  • Rapprochement mobile-desktop : vers un seul développement ?
  • La notion de points de rupture
  • La notion de Mobile First
  • Les unités de mesure fluides (% et em)
  • L’approche contenu/contenant
  • Rendre les images flexibles : images de fond / adaptation HTML5
  • Gérer les règles conditionnelles (orientation, device-width…)
  • Modification dynamique des contenus
  • Avantages et inconvénients d’un framework RWD
  • Tester son site responsive sur tous les terminaux
  • Bande passante et bonnes pratiques

RECEVOIR UNE DOCUMENTATION

Prochaines Dates de formation Disponibilités mises à jour le : 07/12/2018

Dates Lieu Inscription

Nous sommes désolés, aucune session en présentiel n'est pour le moment planifiée.


Disponible en digital learning 10 Disponible en Intra-Entreprise

Ce que nos clients disent de nous

Cliquez sur les cercles pour naviguer

Une formation idéale pour sortir de sa routine : trouver de nouvelles idées, de nouveaux outils et méthodes de travail. Hâte d’appliquer toutes ces nouveautés dès demain au travail ! Apporte une réelle confiance en soi. Laurie Riva, Community manager - IAE de Lyon
Une découverte dynamique et intense des possibilités offertes par les réseaux sociaux Patrick Semerdjian, Gérant - ANAO
Des lexiques, des expériences professionnelles concrètes, des boites à outils, une formation personnalisée, des conseils avisés, toute une session très pratique pour aborder l’e-commerce avec sérénité ! Merci. Caroline Loubier, Chef de produits - Laboratoire Noreva
Formateur à l’écoute de nos problématiques professionnelles et des échanges intéressants sur les dispositifs à mettre en place dans le cadre de la transformation digitale du marketing Dorine Delivertoux, Assistante Marketing Direct - CNPP
Voir tous les témoignages

Pourquoi réaliser une Formation Responsive Web Design avec VISIPLUS academy ?

Métier énigmatique et encore peu connu il y a une dizaine d’années, le graphiste web designer est désormais un acteur incontournable du service informatique de l’entreprise et a pour fonction de répondre au besoin de communication du site web, tant sur le plan graphique qu’au niveau de la hiérarchisation des informations.

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 !
Appréhendez les logiciels graphiques et réalisez les maquettes de votre site web en vous intégrant de nouvelles connaissances liées à la conception de supports responsive et au design adaptatif en suivant notre formation responsive web design en format e-learning ou présentiel.

Montez en compétences, augmentez votre employabilité et convoitez une hausse de votre salaire en devenant un acteur du webdesign. Les techniques, astuces et conseils personnalisés de nos formateurs spécialistes du design mobile vous guident tout au long de votre formation pour vous assurer un contenu de cours de qualité et un apprentissage réussi ! Soucieux de nous adapter au mieux à vos attentes et exigences, nous vous proposons différents formats d’apprentissage : plateforme de formation en ligne ou cours présentielle (formation webdesigner disponible à Paris, Lyon et Sophia Antipolis) c’est à vous de décider !

Programme de la Formation Responsive Web Design

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

live chat !

Merci d’entrer votre prénom, nom, email, société et votre message pour commencer à chatter avec nous.