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