Formation Responsive Design
Responsive Design
La formation « Responsive Design » vous permettra de concevoir vos sites Web s’adaptant à plusieurs supports. Le programme est donné à titre indicatif et sera adapté à vos besoins et votre niveau après audit. N’hésitez pas à nous contacter pour toute demande spécifique.
En résumé
Distantiel
Présentiel
-
Pré-requis
Connaissances de bases en HTML et CSS
-
Public concerné
Développeurs, designers, chefs de projets et Webmasters.
-
Durée de la formation
La durée de la formation varie en fonction du niveau de base de l’apprenant et des objectifs d’utilisation formulés.
-
Lieux
Formation intra-entreprise au sein de votre établissement ou dans nos locaux de LA ROCHELLE (Charente-Maritime), NIORT (Deux-Sèvres) ou POITIERS (Vienne)
-
Téléchargement
Télécharger le programme de formation au format PDF
Contenu de la formation
Principes généraux
- Qu’est-ce-que le Responsive Web Design ?
- Les problématiques des différents supports de lecture (résolution, taille d’écran, etc…)
- Les différents types de clients e-mail (lecteur, boite mail, etc…)
- Les principes généraux du Responsive Web Design
- Fonctionnement et exemples
- État des lieux de la compatibilité des clients mails
Rappel des techniques de codage de base d’une newsletter ou d’un e-mailing
- Tableaux HTML
- Styles intégrés (inline)
- Liste des propriétés CSS compatibles
Le Responsive Web Design
- Déterminer les points de ruptures
- Les medias queries
- Les médias queries appliqués au Responsive Web Design
Réaliser une maquette en responsive Design
- Réaliser une maquette HTML pour smartphones
- Réaliser une maquette HTML pour tablettes
- Réaliser une maquette HTML pour écran
- Préparation des éléments graphiques
- Réaliser la maquette dans Photoshop ou Gimp
- Découper les images
Maitriser l’intégration en Responsive Design
- La balise méta pour les Smartphones et tablettes
- Media queries portrait et landscape
- La propriété background-size