Formation Responsive Web Design Lyon

Partager :

Maîtrisez le développement de sites web dont l’affichage s’adapte aux différents supports

Formation Responsive Web Design Lyon: apprenez à concevoir des sites web adaptatifs
Formation Responsive Web Design à Lyon avec Devictio Formations, votre centre de formation à Lyon

Cette Formation Responsive Web Design vous apportera la maîtrise de l’ensemble des méthodes et techniques, permettant de concevoir un site web capable de s’adapter aux différents terminaux : écran d’ordinateur, tablette, smartphone, iphone, ipad, tv… Cette façon de concevoir un site web capable de générer des mises en page et des mises en forme adaptatives (multiplateforme), en fonction de la résolution d’un écran, vous évitera la création de versions distinctes pour les différents supports d’affichage, tout en optimisant votre référencement naturel (SEO).

Lors de ce stage au Responsive Design, vous découvrirez les avantages de maîtriser le Web Design Adaptif mais aussi les contraintes liées à l’adoption de cette technologie. Ce stage, proposé en présentiel ou distanciel est dispensé par un professionnel du web, spécialisé en développement de sites web et sites e-commerce.

Infos pratiques Formation Responsive Web Design

  • Stage en présentiel ou distanciel (au choix)
  • Attestation de fin de formation
  • Sessions inter & intra sur site
  • Formateur expert confirmé
  • Centre certifié TOSA, PCIE, ENI

Nos formations Responsive Web Design

Formation Responsive Web Design sur mesure

Notre programme de formation :

Référence de la formation : WERES273

Nombre de stagiaires max. : 5

Public visé :

Webmasters, designers, chefs de projet, développeurs…. toute personne amenée à développer des sites responsive web design.

Objectifs :

Savoir développer des sites web dont l’affichage s’adapte aux différentes résolutions.

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Évaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

Uniquement en intra

Pré-requis :

Connaissance de l’outil informatique et d’Internet.

Points abordés :

Introduction

  • L’histoire de l’HTML5
  • L’HTML5 d’aujourd’hui
  • L’HTML5 de demain
  • Pourquoi faire le choix de l’HTML5
  • Connaitre la compatibilité des navigateurs

Le langage HTML5

  • Le Doctype
  • Les nouvelles balises
  • Les nouveaux attributs
  • Les balises et attributs obsolètes
  • Les principales balises
  • La structure d’une page
  • Balises Vidéo et audio
  • Balises de formulaire

Le W3C et WHATWG

  • Les standards du web
  • Les normes W3C
  • Contraintes des supports mobiles

Les APIs HTML5

  • Le dessin avec la balise Canvas
  • Le drag and drop
  • Le stockage de données
  • La gestion des évènements
  • La géo-localisation

Le CSS3

  • Les bordures arrondies
  • La transparence
  • Les ombres portées
  • Mise en page
  • Les animations (transitions et transformations)

Introduction au responsive

  • Les principes du responsive web design
  • Le concept du « Mobile First »
  • Les différentes résolutions
  • Contenant/Contenu
  • Comptabilité avec les navigateurs
  • Solutions techniques pour les navigateurs non compatibles

Le design fluide

  • % OU em
  • min-width et max-width
  • Les bonnes pratiques
  • Portrait ou paysage

Les medias queries

  • Screen
  • Média queries CSS2
  • Média queries CSS3
  • Les opérateurs logiques

Grille fluide

  • Le principe de base
  • Grille et design fluide
  • Images fluides et police fluide
  • Web font

Les outils

  • Les frameworks (Bootstrap, Foundation, …)
  • La suite d’outils Adobe Edge
  • Utilisation de Modernizr
  • HTML shiv
  • Respond.js
  • Outils de test
  • Utilisation de Dreamweaver

Optimisation

  • Sprite CSS
  • Polices d’icônes (icomoon, glyphicons, awesome font, …)
  • « Minifier » le code
  • Concept de l’Adaptative Design

Mise en pratique

Formation Responsive Web Design

Uniquement en intra

Formation Responsive Web Design

Uniquement en intra

Formation Responsive Web Design

Formation sur mesure

Formations complémentaires

Je m'inscris à cette formation Devictio Formations à Lyon

Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.
Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.
Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.