CPF
Formations courtes

Créer un e-mail marketing ou une newsletter en HTML

Approfondissement
3 jours (21 heures)
Paris
Télécharger (195.36 Ko)
Maîtriser l'intégration du HTML et des CSS dans une campagne e-mailing

Objectifs

Pour qui ?

Prérequis

Objectifs

Définir la place de l'intégration HTML dans le flux de production d'un e-mail marketing ou d'une newsletter 
Connaître les bases du HTML
Préparer et optimiser les images avec Photoshop
Réaliser une mise en pages élaborée

Pour qui ?

Webdesigners, graphistes, chargés de communication ou de marketings.


Code dokélio : 29906
Code CPF : 235908

Prérequis

Il est nécessaire d'avoir suivi la formation “Les fondamentaux de l'e-mailing” pour accéder à ce stage. Une connaissance minimum de Photoshop facilitera l'accès à cette formation.



Compétences acquises:
Identifier les contraintes spécifiques à l'intégration HTML d'un e-mailing. Créer une mise en pages élaborée en HTML/CSS. Tester le rendu et créer ses pages miroir

Programme

Créer un e-mail marketing ou une newsletter en HTML

Définir la place de l'intégration HTML dans le flux de production d'un e-mail marketing ou

d'une newsletter

  • Identifier le flux de production (cahier des charges, wireframe, design visuel, intégration HTML, mise en ligne, tests, envoi)
  • Appréhender les grandes contraintes de production et leur incidence sur la délivrabilité d'un e-mailing
  • Connaître les principaux outils permettant de coder un e-mail
  • Connaître les principaux outils permettant de tester l'affichage dans les messageries

 

Étude de cas : analyse d'e-mailings / Panorama d'outils

 

Connaître les bases du HTML

  • Organiser et nommer ses fichiers
  • Choisir l'encodage des caractères
  • Choisir le Doctype HTML
  • Connaître la syntaxe de base du langage HTML (élément, attribut et valeur)
  • Coder la structure de base de l'e-mail
  • Appréhender la structure HTML de base d'un tableau
  • Insérer du texte et coder les caractères spéciaux
  • Créer un lien
  • Vérifier la validité du code HTML
  • Identifier les techniques HTML à éviter dans un contexte d'e-mailing

 

Exercice : réaliser un e-mailing d'invitation (une colonne)

 

Préparer et optimiser les images avec Photoshop

  • Connaître les formats d'image pour l'e-mailing
  • Extraire les images avec la fonction Exporter sous
  • Utiliser l'outil Tranche de Photoshop
  • Optimiser le poids des images

 

Exercice : extraire des images à partir d'une maquette graphique créée dans Photoshop

 

Réaliser une mise en pages élaborée

Mettre en place la structure tabulaire

  • Imbriquer les tableaux HTML
  • Utiliser les tableaux en pourcentage
  • Ajouter des fonds de couleur

 

Placer et enrichir le texte grâce aux styles intégrés (CSS inline)

  • Choisir la police de caractère et sa taille
  • Modifier la couleur du texte
  • Modifier l'interlignage et l'alignement
  • Modifier la couleur des liens

 

Intégrer les images

  • Ajouter un texte alternatif et le styliser (attribut alt)
  • Ajouter un lien et supprimer la bordure bleue
  • Créer un “faux arrière-plan”

 

Créer des boutons en HTML

  • Créer la structure tabulaire
  • Styliser (bordure, arrondi, ombre)

 

Vérifier le code et tester le rendu

  • Vérifier le code avec HTMLHint et HTML Validator

 

Optimiser un e-mailing pour les principaux clients de messagerie

  • Résoudre les bugs de rendu dans les principaux clients de messagerie
  • Rendre un e-mailing ou une newsletter “mobile friendly”

 

Mettre en ligne la page miroir et les images

  • Utiliser un logiciel FTP
  • Configurer le serveur distant
  • Publier la page miroir et des images sur un serveur distant
  • Modifier des liens relatifs en absolus

 

Envoyer la newsletter pour test

  • Envoyer avec l'outil en ligne gratuit PutsMail
  • Tester le rendu dans les principaux outils de messagerie grâce aux outils de test-rendering (E-mail on Acid, Litmus)

Exercice : réaliser une newsletter complète


Créer un e-mail marketing ou une newsletter en HTML
Ref
WM06219
Tarif
1550€ HT

Prochaines sessions

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

Paris
Prochaines sessions
27 au 29 nov. 2019
27-11-2019
29-11-2019
09 au 11 déc. 2019
09-12-2019
11-12-2019
10 au 12 mars 2020
10-03-2020
12-03-2020
15 au 17 juil. 2020
15-07-2020
17-07-2020
16 au 18 nov. 2020
16-11-2020
18-11-2020
Cette formation vous intéresse ?