Formation responsive design : créer un site compatible PC, Tablette et Smartphone

Formation responsive design : créer un site compatible PC, Tablette et Smartphone

Durée de la formation : 2 jours

Demander un devis ?

Le(s) petit(s) plus de votre formateur : 5 ans d'expérience en développement, 6 ans d'expérience en formation

La formation responsive design : créer un site compatible sur PC, Tablette et Smartphone en bref :

  • Comprendre les enjeux du responsive design.
  • Comment bien structurer son site pour permettre une adaptabilité.
  • Gérer les compatibilités entre navigateurs, mobiles et types d'affichage.
  • Utiliser toute la panoplie de balises HTML/CSS vous permettant de concevoir votre site responsive design.
  • Niveau : Intermédiaire et +
  • Durée de la formation : 2 jours

Après avoir enregistré le nom et le prénom du stagiaire qui suivra la formation, n'oubliez pas de réserver la formation.

Identité du stagiaire qui suivra la formation (les deux champs sont obligatoires)

* champs requis

Cette formation au responsive design initira les stagiaires aux bonnes pratiques du HTML/CSS pour créer un site internet qui s'adaptera parfaitement aux tailles des terminaux, que ce soit des ordinateurs, des tablettes ou des Smartphones.

Les deux jours de formation s'articuleront autour d'un support de cours, d'exemples concrets et de la mise en pratique des notions HTML/CSS abordées.

Supports et moyens pédagogiques

Vous disposerez des éléments nécessaires ci-dessous pour le bon déroulement de votre formation:

  • Power Point
  • Ordinateur/PC
  • Vidéoprojecteur
  • Paperboard
  • Supports pédagogiques
  • Livret de formation

Cette formation est modulable.

Plan de cours du formateur réalisant la formation créer un site en responsive design

Les Fondamentaux

  • La notion d'héritage en cascade
  • Les sélecteurs css et leurs propriétés
  • Le modèle de boîte, box-sizing, margin-collapsing
  • Les mesures : px, em, %, rem

Introduction au responsive design

  • Notions d'adaptabilité
  • Bien cibler les medias

Les différents types de gabarits

  • Fixes, élastiques, fluides
  • La notion de viewport
  • Gérer l'affichage : min-width, min-height, float, clear, clearfix, overflow 
  • Bien positionner ses block (absolute, fixed, static, relative)
  • Les display (inline, inline-block, table, table-cell)

Le responsive CSS3

  • Les Media Queries 
  • S'adapter aux mobiles (width, height, device-width, device-pixel-ratio, orientation, etc.)
  • Compatibilité avec les navigateurs (Chrome, Safari, Firefox, IE...)
  • La structure en colonne la notion d'orientation (portrait, landscape)
  • Tableaux responsive
  • Repenser son design pour tous les écrans
  • Comprendre les enjeux du responsive design.
  • Comment bien structurer son site pour permettre une adaptibilité.
  • Gérer les compatibilités entre navigateurs, mobiles et types d'affichage.
  • Utiliser toute la panoplie de balises HTML/CSS vous permettant de concevoir votre site responsive design.

Cette formation s'adresse à toute les personnes qui connaissent déjà l'environnement web et qui souhaitent développer leurs compétences dans l'accessibilité mobile / tablette. Pour assister à cette formation, il est conseillé d'avoir déjà créé un site internet ou de connaître les principes de base du HTML/CSS. 

PRÉ-REQUIS

Un questionnaire de faisabilité vous sera envoyé afin de valider les pré-requis de cette formation.

  • Maîtrise des principes de base du HTML / CSS.

Formation groupée :Nous acceptons un maximum de 10 stagiaires pour cette formation.

    Niveau : Intermédiaire et +

    Durée de la formation : 2 jours

Donner votre avis

Formation responsive design : créer un site compatible PC, Tablette et Smartphone

Formation responsive design : créer un site compatible PC, Tablette et Smartphone

La formation responsive design : créer un site compatible sur PC, Tablette et Smartphone en bref :

  • Comprendre les enjeux du responsive design.
  • Comment bien structurer son site pour permettre une adaptabilité.
  • Gérer les compatibilités entre navigateurs, mobiles et types d'affichage.
  • Utiliser toute la panoplie de balises HTML/CSS vous permettant de concevoir votre site responsive design.

Donner votre avis