Formation Concevoir une NewsLetter Web Responsive (Smartphone – tablette – écran)
Concevoir une NewsLetter Web Responsive (smartphone – tablette – écran)
Cette formation vous permettra de concevoir une Newsletter Web Responsive :
– Savoir préparer et optimiser des emailings responsive pour garantir un affichage correct sur les différents clients mail.
– Être capable de mettre en œuvre un design responsive dans le cadre d’une newsletter ou d’un e-mailing.
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)
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
- Travailler avec des arrière-plans en pourcentages
- Travailler avec des images en pourcentages
- Concevoir des pages en pourcentages
- Bloquer la taille maximale de la page
Le travail des textes
- Comprendre l’unité em
- Travailler avec des polices en unité em
- L’unité em comme unité décimale
Exercices :
Réalisation complète et mise en ligne d’un E-mailing responsive :
- Réaliser une page en responsive web design pour les smartphones
- Réaliser une page en responsive web design pour les tablettes
- Réaliser une page en responsive web design pour les écrans
- Mise en ligne et tests
Support de cours remis à chaque stagiaire.
Le temps passé sur chaque partie peut varier selon les questions des participants et leur niveau. Chaque partie est accompagnée d’exercices pratiques.
Cette formation peut être adaptée spécifiquement à vos besoins tant au niveau des contenus que de la durée. Suite à un entretien avec nos formateurs et/ou une évaluation, nous vous proposerons un nouveau plan de cours ajusté à votre demande.
Contactez-nous au +33 1 53 76 00 00 ou postez-nous un message via le formulaire de contact.