Nouvelle formation

Formation Responsive Web Design

Maîtriser le Responsive Web Design

Présentation

RWD
2 jours ( 14 heures )
Présentation
Ce stage vous permettra de découvrir toutes les techniques concrètes permettant d'adapter un design sur un terminal nomade actuel et d'optimiser les performances et temps d'affichage
Objectifs du cours
Ce stage vous permettra d’avoir réponses pratiques aux problématiques de conception ergonomique et de gestion des contraintes liées au Responsive Design.
Pré-requis
Connaissances de base en HTML et CSS.

Programme

 

Les terminaux

Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution. Périphériques, OS, navigateurs.
Le marché mobile et parts de marché.
Standards HTML, HTML5, CSS3 (API, sélecteurs...).

Démarche de conception

Concept de Marcotte, Mobile First.
Séparation contenu/contenant.
Approche portrait/paysage, tactile, impact sur l'ergonomie.
Créer un plan de tests.
Différence entre design Web et design Mobile.

MediaQueries

Adaptation des CSS aux caractéristiques du terminal.
Règles conditionnelles (orientation, device-width...).
JavaScript et les anciens navigateurs.
Réglage complémentaire de rendu visuel (Viewport).

Principe de grille flexible, fluide

Conception classique vs conception selon une grille.
Importance des blocs, approche contenu/contenant.
Unités de mesure (% em px), mode Retina.
Eviter les débordements. Points de rupture.
Principe des box, layout avec CSS3.

 

Composants graphiques

Images flexibles : images de fond, adaptation HTML5, adaptation de la qualité graphique selon le terminal.
Contenu responsive : rupture texte, multicolonnes. Césure et découpe.
Polices fluides : format des polices, taille.
Marges et espaces flexibles.
Menus adaptables, carrousel adaptatif.
Créer des images et des vidéos adaptées.

Framework et librairies responsive

Détecter les ressources avec "Modernizr".
Librairies de substitution (less, css3pie...).
Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap, Foundation, Skeleton, 320...

Optimisation et performance

Mesurer la performance de chargement, optimisation de bande passante. Répartition Client/Serveur.
Optimisation des ressources graphiques.
Gestion du cache.

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus