Formation Responsive Web Design

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 15 Ans d'expérience 57 formations 98% Clients satisfaits1


Le saviez-vous ?

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

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.

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 Voir les dates

Objectifs de cette 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

A qui s'adresse cette formation ?

  • Webmasters
  • Webdesigners
  • Chefs de projets web
  • Chefs de produits
  • Responsables communication
  • Responsables Web Marketing…
  • Infographistes
Recevoir une documentation Voir les dates

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 Voir les dates

Recevez une documentation, les dates disponibles et le programme détaillé.

  • 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
Recevoir une documentation

Protection des données et informations légales

A la suite de votre demande, vous ne recevrez pas de messages commerciaux de tiers, nous ne cédons et ne revendons pas vos adresses et informations personnelles. Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant (art. 34 de la loi Informatique et Libertés du 6 Janvier 1978). Pour exercer ce droit, contactez nous par email à : ou par courrier à l'adresse : Visiplus - 1300 route des Crêtes, 06560 Sophia Antipolis.

Visiplus SAS se réserve le droit de refuser l'accès à ses services, unilatéralement et sans notification préalable, à tout utilisateur fournissant des données erronées, incomplètes et/ou exerçant une activité entrant dans le champ de compétences de la société Visiplus. Inscription gratuite d’une seule personne par société.


Prochaines Dates de formation Disponibilités mises à jour le : 21/10/2017

Dates Lieu Inscription
&

Paris

Places disponibles
&

Paris

Places disponibles

Les participants à cette formation, ont également consulté les thématiques ci-dessous :

Ils ont déjà suivi nos formations Web Marketing & Communication Digitale10 000 professionnels

arte
banque-populaire
casino
chambre-commerce-industrie
cnp
Ricard
Yahoo
Saint Gobain
axa
france5
hec-paris
la-depeche
La poste
Voyages SNCF
Décathlon
hilti
Editions Grasset
Ministère de la défense
Rians
Green Peace
Caisse des dépôts
Assurance Maladie
TNT
ouest-france
pierre-fabre
plaza-athenee
region-paca
rochebobois
sap
British Airways
walt-disney

Plus de 50 formations pour s’approprier le Marketing Digital de A à Z


Ce que nos clients disent de nous

Cliquez sur les cercles pour naviguer

Une formation très intéressante que je peux mettre en pratique immédiatement. Djamila Fatmi, Chargé de promotion et développement - SOCIETE FRANCAISE DE CARDIOLOGIE
Formation très vivante. Alternance de théorie, méthodologie, vidéos…Les 2 jours passent vite, beaucoup de notions abordées Anne Kajzer, Chargée de Communication - NL International
Très bonne formation sur le référencement, je ne connaissais pas Visiplus Academy mais je recommande… Formateur Tonique, sympathique. Et de plus j’ai apprécié la logistique. Marianne Herrmann, Responsable communication - Caisse des dépôts
Je me suis inscrit à cette formation avec un petit doute sur sa réelle utilité, car déjà utilisateur de Facebook je pensais en cerner l'utilisation. Hors c'est tout le contraire ! Cette formation m'a permis de tout remettre à plat et repartir sur d'autres bases ! Jérôme Pouille, Rédacteur Graphique - Les Échos du Pas-de-Calais
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ésentiel (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