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, vous découvrirez les avantages de maitriser le Web Design Adaptif mais aussi les contraintes liées à l'adoption de cette technologie. La formation pour débutants concerne les personnes ne connaisant pas le langage HTML5/CSS3 (une journée supplémentaire préalable de mise à niveau)

Ce stage peut également être suivi dans la cadre de notre Pack Formation WebDesign (HTML/CSS, Photoshop, Responsive Design, Illustrator)

Nos Stages

  • FORMATION RESPONSIVE WEB DESIGN (2 jours) 
  • FORMATION RESPONSIVE WEB DESIGN DEBUTANTS (3 jours) 
  • FORMATION RESPONSIVE WEB DESIGN SUR MESURE 

google-partner


Tarifs

Lyon
Stages Durée Coût HT
Formation Responsive Web Design 2 jour(s) / 14 heures 900€
Formation Responsive Web Design Débutant 3 jour(s) / 21 heures 1350€
Stage individuel sur mesure (intra-entreprise) sur devis

  Pour une formation en intra-entreprise dans votre ville, merci de nous contacter.


Programmes

Formation Responsive Web Design pdf Télécharger le programme

Public visé : Webmasters, designers, chefs de projet, développeurs.... toute personne amenée à développer des sites responsive web design.
Objectif : Savoir développer des sites web dont l'affichage s'adapte aux différentes résolutions.

Pré-requis : Connaître le langage HTML5 / CSS3.
Durée : 2 jour(s) / 14 heures
Points abordés :

  •       PRESENTATION
          • Le W3C et WHATWG
          • Les standards du web
          • Les normes W3C
          • Contraintes des supports mobiles
    •  HTML5/CSS3
          • Les innovations HTML5 et CSS3
          • Rappels HTML5
          • Utilité du CSS3
    •  INTRODUCTION
          • 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 APPLICATION
  • Formation Responsive Web Design Débutant pdf Télécharger le programme

    Public visé : Webmasters, développeurs web… toute personne désireuse de découvrir les fonctionnalités de l’HTML5/CSS3 afin d’ajouter des fonctionnalités à ses pages web et/ou de créer des applications en ligne (Web Apps).
    Objectif : Savoir créer des fonctionnalités pour enrichir ses pages web, ainsi que des applications en ligne.

    Pré-requis : Connaissance de l’HTML/CSS. Des notions du langage JavaScript sont un plus.
    Durée : 3 jour(s) / 21 heures
    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
  •  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)
  •  MISE EN APPLICATION