CPF
Formations courtes

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

★★★★★
★★★★★
4.6667/5
(3 avis)
Expertise
3 jours - 21 heures
Paris
Code CPF
235908
Code Dokelio
29906
Télécharger (195.36 Ko)
Maîtriser l’intégration du HTML et des CSS dans une campagne e-mailing

CERTIFICATION DIGITT

Objectifs

Pour qui ?

Prérequis

Compétences acquises

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.

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.
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

Nos intervenants
Emmanuel GERARD
Avis sur cette formation
★★★★★
★★★★★
4.6667/5
(3 avis)
ANTONIN G.
publié le 17/03/2020
5/5
Le formateur est très intéressant et sympathique, et nous étions un petit groupe de 4 personnes, ce qui a permis aussi d'avancer assez vite et d'apprendre beaucoup de choses.
CATHERINE T.
publié le 04/12/2019
5/5
Conforme à mes attentes, je recommande
CELINE B.
publié le 04/12/2019
4/5
Formation condensée en trois jours qui permet de connaître les bases du xhtml et du Css intégré. Contente de cette formation.
Informations complémentaires
Moyens Humains et techniques
Alternance de théorie, de démonstration par l’exemple et de mise en pratique grâce à de nombreux exercices.

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

Prochaines sessions

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

Paris
Prochaines sessions
16 au 18 nov. 2020
16-11-2020
18-11-2020
Cette formation vous intéresse ?