Créer une newsletter ou un e-mailing avec Dreamweaver

Introduction

• Flux de production d’un e-mailing.
• Les contraintes de base (résolution, poids, compatibilité, routage, spam).
• Conception graphique, outils de tests de rendu.
• Panorama des différents types d’outils de routage.

Prise en main de Dreamweaver

• Organisation des fichiers.
• Règles pour nommer ses fichiers et dossiers.
• Choix de l’encodage des caractères.
• Choix du doctype.
• L’interface de Dreamweaver.

Préparation des images avec Photoshop

• Les formats d’images pour l’e-mailing.
• L’outil Tranche et extraire les fichiers.
• Optimisation et exportation.

Techniques de mise en pages

• Les styles :
  • création de styles intégrés (CSS inline),
  • syntaxe CSS (propriétés, valeur),
  • création et modification d’un style dans le code,
  • liste des styles compatibles dans le cadre de la création d’une newsletter ou d’un e-mailing,
• Les tableaux :
  • structure HTML d’un tableau (table, tr, td) et ses différents attributs (align, width…),
  • création de tableaux simples,
  • création de tableaux imbriqués,
  • création de tableaux fixes et élastiques,
  • centrage des tableaux,
  • alignement des contenus dans les cellules.

Insertion des images

• La balise et ses différents attributs.
• L’attribut alt (texte secondaire).
• Trucs et astuces :
  • gérer la couleur de fond,
  • créer un faux arrière-plan.
• Mise en ligne :
  • configuration du serveur distant,
  • publication de la page miroir et des images sur un serveur distant,
  • modification des liens relatifs en absolus,
  • envoi avec un logiciel de routage,
  • tests et optimisation du code.
• Optimisation :
  • bugs de rendu dans les principaux clients de messagerie et solutions,
  • rendre son e-mailing ou sa newsletter “mobile friendly”.