Formation Newsletter / emailing Créer un e-mail marketing ou une newsletter en HTML : niveau 1

Programme de votre formation

1. #

   M2I START AVANT VOTRE FORMATION

   Contextualisation du projet de formation et prise en compte des besoins de chacun

   • Positionnement initial de l’apprenant par rapport aux objectifs
   • Définition des priorités et des objectifs personnels de l’apprenant
   • Vidéos de mise en situation
   • Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
   
2. #

   M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ^¹

   Programme

   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

   Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

   
3. #

   M2I BOOST APRÈS VOTRE FORMATION

   Réactivation et consolidation des acquis en situation de travail

   • 30 jours d’accompagnement personnalisé sur myM2i inclus ^²
   • Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
   

1. ^¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
2. ^² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.