CPF
Formations courtes

Créer un e-mail marketing ou une newsletter responsive

Perfectionnement
3 jours (21 heures)
Paris
Développer efficacement le code HTML avec les Media Queries

Objectifs

Pour qui ?

Prérequis

Objectifs

Cerner les enjeux et identifier les différentes solutions pour adapter une campagne sur mobile
Identifier les bonnes pratiques de codage d'une newsletter ou d'un e-mail pour desktop
Garantir la qualité d'affichage des images pour les écrans HD ou Retina
Concevoir le code HTML d'un e-mail responsive avec les Media Queries
Organiser les tests de rendu et résoudre les bugs

Pour qui ?

Toute personne réalisant des newsletters ou des e-mailings.


Code dokélio :
Code CPF : 235908

Prérequis

Avoir déjà réalisé des newsletters ou des e-mailings. Une pratique régulière du HTML et des CSS dans le code est également indispensable.



Compétences acquises:
Développer efficacement le code HTML avec les Media Queries

Programme

Créer un e-mail marketing ou une newsletter responsive

Cerner les enjeux et identifier les différentes solutions pour adapter une campagne sur mobile
• Repérer les usages en France et dans le monde
• Connaître l'état des lieux de la compatibilité des principaux clients mails
• Identifier les outils de test de rendu
• Cerner les différentes stratégies d'intégration HTML d'un e-mail responsive (Mobile First, approche hybride…)
➔ Étude de cas : analyse d'exemples

Identifier les bonnes pratiques de codage d'une newsletter ou d'un e-mail pour desktop

• Structurer efficacement une mise en pages avec les tableaux HTML
• Utiliser les styles intégrés (CSS inline)
• Lister les propriétés CSS compatibles
• Identifier les bugs de rendu et solutions dans les principaux clients mails et Webmails
• Utiliser la technique de l'amélioration progressive avec CSS3 (arrondi, ombre, Web Font…)
• Tester le rendu et garantir la qualité du code HTML
➔ Exercice : réaliser le code HTML d'une newsletter pour desktop

Garantir la qualité d'affichage des images pour les écrans HD ou Retina

• Extraire les images à la dimension et au format appropriés
• Optimiser les images avec Photoshop
➔ Exercice : extraire des images depuis une maquette Photoshop

Concevoir le code HTML d'un e-mail responsive avec les Media Queries

• Créer la structure tabulaire appropriée : tableaux fixes et / ou en pourcentage, tableaux fl ottants
• Ajouter les contenus et les images
• Mettre en place les styles intégrés
• Définir les conditions de changement de mise en forme
• Modifier la structure de la mise en pages sur mobile : passer de 2 à 1 colonne ou de 3 à 1 colonne
• Améliorer la lisibilité du texte sur smartphone
• Améliorer la qualité des interactions : concevoir des boutons “finger friendly”
• Masquer certains contenus sur mobile
• Remplacer une image par une autre sur smartphone
➔ Exercice : réaliser différents types d'e-mails responsive (e-mail d'invitation, newsletter…)

Organiser les tests de rendu et résoudre les bugs

• Organiser les tests de rendu
- utiliser les outils de tests rendering (E-mail on Acid / Litmus)
- tester directement sur smartphones
• Résoudre les bugs de rendu
- utiliser des commentaires conditionnels pour Outlook (tableaux et colonnes fantômes)
- empêcher l'affichage de la version mobile sur desktop dans le Webmail d'Orange
- modifier l'aspect visuel des liens sur les téléphones, les dates et les adresses sur iOS
- empêcher le redimensionnement automatique dans l'application mobile Gmail
➔ Exercice : utiliser les outils de test-rendering (E-mail on Acid ou Litmus) / Tester en réel sur son propre smartphone
Créer un e-mail marketing ou une newsletter responsive
Ref
WM06319
Tarif
1650€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

Paris
Prochaines sessions
02 au 04 déc. 2019
02-12-2019
04-12-2019
06 au 08 avr. 2020
06-04-2020
08-04-2020
15 au 17 juil. 2020
15-07-2020
17-07-2020
21 au 23 sept. 2020
21-09-2020
23-09-2020
07 au 09 déc. 2020
07-12-2020
09-12-2020
Cette formation vous intéresse ?