Responsive Design : Adapter son site aux supports mobiles

Objectifs

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

Programme de la formation

Principes du Responsive Web Design

Une grille de mise en page flexible

  Composition flexible,

  Créer une grille flexible (flex et Grid CSS)

  Marge et espacements flexibles

Des éléments multimédias flexibles

  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

  Gestion des medias queries

  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 stratégique, « le mobile first », principe de
l'amélioration progressive

Ressources et liens supports

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique