ADAPTER SON SITE AUX SUPPORTS MOBILES

Objectif

  • Adapter un site web aux différentes résolutions ou orientations de l’écran
  • Offrir une expérience utilisateur de qualité

Durée

35 heures

Pré-requis

  • Maîtrise du HTML 5 / CSS3 / Javascript
  • Pratique de Photoshop

Contenu de la formation

Principes du Responsive Web Design

• Une grille de mise en page flexible

  • composition flexible,
  • créer une grille flexible,
  • marge et espacement flexibles

• Des éléments multimédia flexible

  • images et éléments multimédia flexibles,
  • arrière plan flexible,
  • propriété overflow d’un élément en CSS,
  • typographie et gestion de la taille des textes

• Identification des points de rupture

  • connaître les points de rupture entre les différents supports d’affichage,
  • éléments de transitions entre les différents supports

• Mobile first et media queries

  • approche créative « le mobile first », principe de l’amélioration progressive
  • media queries, ou règles CSS spécifiques


• Ressources et liens supports

Déroulement

  • formation en petits groupes (8 pers. maximum)
  • un ordinateur par personne
  • des supports de cours
  • des ressources numériques
  • à l’issue de la formation : délivrance d’une attestation de formation

Coût de la formation

  • Financement pris en charge (OPCA, Pole Emploi, …) : 525 €
  • Financement personnel : 420 €
  • Adhérent : 210 €

Possibilité de payer jusqu’en 5 fois