À distance
Ref
WM06219

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

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

Initiation
3 jours - 21 heures
À distance
Paris
Si l'on reçoit tant d'e-mails, c'est bien parce qu'ils sont efficaces ! Mais comment faire en sorte qu'un e-mail se distingue des autres dans une boîte mail saturée ? Le contenu a certes son importance, mais les considérations techniques sont souvent mises de côté alors qu'elles sont au moins tout aussi cruciales. Avec notre formation Créer un e-mail ou une newsletter en HTML : niveau 1, PYRAMYD vous propose de réaliser des e-mails élaborés grâce à la maîtrise de l'HTML et du CSS. À l'issue de ces 3 jours de formations, vous serez en mesure de déployer un véritable flux de production d'emails marketing de très haute qualité, en déjouant les contraintes qui pèsent sur leur délivrabilité. La formation Créer un e-mail ou une newsletter en HTML : niveau 1 répondra aux problématiques de nombreux communicants et designers, à condition de posséder quelques bases dans l'utilisation de Photoshop.
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

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
Public
Webdesigners, graphistes, chargés de communication ou de marketings.

Prérequis

 Une connaissance minimum de Photoshop facilitera l’accès à cette formation.

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

Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.

Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus

Points forts
Nos intervenants
Julien WALD
Julien WALD
Modalités pédagogiques
Matériel et/ou logiciels nécessaires pour suivre cette formation : Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.Si vous utilisez votre ordinateur personnel (pour formation en présentiel ou classe virtuelle), merci d' installer au préalable : LA SUITE ADOBE 2022 ( photoshop + dreamweaver) . - Il est recommandé de se munir d'un double écran.Équipe pédagogique :Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.Techniques pédagogiques :Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation.Ressources pédagogiques :Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Avis sur cette formation
★★★★★
★★★★★
4.625/5
(8 avis)
FREDERIC D.
publié le 22/11/2022
5/5
Le formateur a su s'adapter aux attentes et au niveau des apprenants pour proposer une formation optimale sur le temps imparti.
FABRICE S.
publié le 03/11/2022
5/5
Formateur à l'écoute qui essaie de s'adapter à son auditoire. Une formation pragmatique avec beaucoup de manipulation. Une très bonne initiation qui donne les bases.
CELINE D.
publié le 26/11/2021
3/5
Bonjour, Bonne formation. Premier jour en distanciel ... on ne voit rien du code sur un pc. Aucun support de cours remis, ni ouvrage. Professeur très compétent mais extrêmement familier avec les adultes en formation.
anonymous a.
publié le 02/12/2020
5/5
Très bon formateur qui a su extrêmement bien s'adapter au distanciel.
anonymous a.
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.
anonymous a.
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.