CPF
À distance
Formations courtes

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

★★★★★
★★★★★
4.8/5
(5 avis)
Expertise
3 jours - 21 heures
Paris
À distance
Code CPF
235908

Maîtriser l’intégration du HTML et des CSS dans une campagne e-mailing

CERTIFICATION DIGITT

Le certificat DiGiTT est l’opportunité de faire reconnaître officiellement ses compétences digitales.
Le test DiGiTT s’articule autour de 3 dimensions clés : la connaissance des termes utilisés et propres au digital, la capacité à actionner une compétence dans un cas approprié, la capacité à comprendre et à interagir sur des points d’expertise liés aux métiers du digital.

Sur la dernière année : taux de réussite 100%, moyenne « Avancé ».

Objectives
Concerned public
Prerequisite
Compétences acquises

Objectives

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

Concerned public

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

Prerequisite

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
Parcours pédagogique
  • E-quiz amont
  • Présentiel
  • Modules vidéos
  • E-quiz aval

Program

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
Julien WALD
Avis sur cette formation
★★★★★
★★★★★
4.8/5
(5 avis)
MAUD B.
publié le 02/12/2020
5/5
Très bon formateur qui a su extrêmement bien s'adapter au distanciel.
NATHALIE B.
publié le 23/11/2020
5/5
adapté à mon niveau, et bien préparée. Les outils ont permis d'avoir un bon niveau d'échange malré la distance.
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

En présentiel : 1 poste informatique / apprenant. Logiciels : Brackets, DreamWeaver, Photoshop

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
Pricing
1660€ HT
1920€ TTC

Coming Sessions

The choice of session will be asked when you register.

Paris
Coming Sessions
07 au 09 juil. 2021
07-07-2021
09-07-2021
08 au 10 nov. 2021
08-11-2021
10-11-2021
Are you interested in this training ?