Formation Responsive Web Design
Publié le 31/05/2012
Tout comme Alice, offrez à vos sites Internet une adaptabilité parfaite !
Profitez de notre offre de lancement !
399€ la formation collective
Responsive Web Design
Formation collective le 4 juillet 2012
(pour d'autres dates, n'hésitez pas à demander)
Attention : places limitées
Maîtriser le Responsive Web Design
Grâce au html et au css, apprenez à maitriser le concept et la méthode Responsive Web Design et préparez vos sites pour qu'ils soient adaptés à toutes les formes : smartphone, tablette, tv...
Objectifs
- Comprendre les principes et les enjeux du responsive web design
- Identifier les différences d'affichage entre les terminaux
- Intégrer une méthodologie pour adapter son design
Pré-requis techniques
- Bonnes connaissances xHTML/CSS
Programme
Etat des lieux & évolutions du web mobile
- Marché (périphériques, OS, langages...) et chiffres clés
- Evolutions des normes et des standards (html5, css3...)
- Résolutions et tailles en Web, mobile, tablette et TV
Principes du design fluide
- Philosophie : concept, tailles, unités, limites
- Design Fluide/liquide VS Design figé
- Séparation contenant / contenu
- Bonnes pratiques du responsive web design
Méthode & préparation du design
- Penser ergonomie, taille et lisibilité
- Critères pour mobiles (width, height, device-width, device-pixel-ratio, orientation, etc.)
- Mode paysage et portrait
Adapter un contenu unique
- Gestion des coupures de mots
- Gestion des médias (visuels, vidéos, flash,...)
Intégrer en CSS sa responsive charte
- Blocs principaux (header, content, menu, footer…)
- CSS des blocs (mise en place d'un affichage liquide) et CSS des caractères
- Les medias queries en fonction des tailles écran et des positions (portrait ou paysage)