CPF
À distance
Formations courtes

Formation - Créer un e-mail ou une newsletter en HTML : niveau 2

★★★★★
★★★★★
4.8/5
(5 avis)
Expertise
3 jours - 21 heures
À 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é ».

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
Parcours pédagogique
  • E-quiz amont
  • Présentiel
  • Modules vidéos
  • E-quiz aval
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
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.
anonymous a.
publié le 04/12/2019
5/5
Conforme à mes attentes, je recommande
anonymous a.
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, Techniques et Pédagogiques

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 ou une newsletter en HTML : niveau 2
Ref
WM06219
Tarif
1660€ HT
1920€ TTC
Prochaines sessions

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

À distance
Prochaines sessions
08 au 10 nov. 2021
08-11-2021
10-11-2021
Cette formation vous intéresse ?