À distance
Formations courtes

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

★★★★★
★★★★★
4.5/5
(6 avis)
Initiation
3 jours - 21 heures
À distance
Paris

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

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

 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
Julien WALD
Avis sur cette formation
★★★★★
★★★★★
4.5/5
(6 avis)
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.
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.
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.
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.

Inter
Intra
Sur mesure

en présentiel ou à distance

Créer un e-mail ou une newsletter en HTML : niveau 1
Ref
WM06219
Tarif
1720€ HT
1949€ TTC
Prochaines sessions

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

À distance
Prochaines sessions
22 au 24 août 2022
22-08-2022
24-08-2022
21 au 23 nov. 2022
21-11-2022
23-11-2022
05 au 07 déc. 2022
05-12-2022
07-12-2022
Paris
Prochaines sessions
10 au 12 oct. 2022
10-10-2022
12-10-2022

dans vos locaux ou à distance

Créer un e-mail ou une newsletter en HTML : niveau 1
Ref
WM06219
Demander un devis

creation à la demande

Vous avez un projet dans ce domaine ?
Contactez notre équipe pour votre formation sur mesure.

Nous contacter
Cette formation vous intéresse ?