Comment créer un email HTML dans Dreamweaver

Dreamweaver (outil de développement web Adobe) permet de créer tout document HTML : page web ou email. Si vous connaissez le HTML, utilisez la vue Code. Sinon, la vue Design offre des outils de mise en forme proches d'un traitement de texte. La vue Partagée affiche Code et Design simultanément.

Définir le formatage

Étape 1

Lancez Dreamweaver, sélectionnez « HTML » sous « Créer nouveau ».

Étape 2

Cliquez « Design » en haut pour passer en vue Design si pas déjà sélectionné.

Étape 3

Cliquez « Propriétés de la page... » dans la fenêtre Propriétés (bas). Choisissez police/taille par défaut, couleur texte, fond (couleur/image), marges.

Étape 4

Catégorie « Liens (CSS) » : police/taille/couleur des liens selon état (survol, actif, visité). Style de soulignement.

Étape 5

Catégorie « Titres (CSS) » : police/taille/couleur pour chaque niveau de titre.

Étape 6

Catégorie « Titre/Encodage » : titre du document (ex: objet de l'email), type de document (ex: « HTML5 »), encodage (ex: « Unicode (UTF-8) »). Validez « OK ».

Rédiger et formater le message

Étape 1

Tapez votre email. Formatez en appliquant les styles de la fenêtre Propriétés pendant ou après la saisie.

Étape 2

Sélectionnez un type de titre dans « Format » pour styliser un en-tête. « G » pour gras, « I » pour italique.

Étape 3

Surlignez du texte pour en faire une liste : bouton « Liste non ordonnée » ou « Liste ordonnée » dans Propriétés. « Citation » pour bloc de citation, « Supprimer citation » pour annuler.

Étape 4

Surlignez le texte à transformer en lien, collez l'URL dans « Lien » dans Propriétés. Choisissez la cible dans « Cible » : « _blank » pour ouvrir dans nouvelle fenêtre.

Étape 5

« Insertion » > « Tableau » pour insérer un tableau. Définissez lignes/colonnes, largeur, bordure. Espacement interne (cellpadding) et entre cellules (cellspacing). Légende et résumé optionnels. « OK ». Saisissez le contenu.

Étape 6

« Insertion » > « Image » > « Image » pour insérer une image. Sélectionnez le fichier. Ajustez sa position en glissant.

Aperçu et transfert

Étape 1

« Fichier » > « Aperçu dans le navigateur » > choisissez votre navigateur. Vérifiez que les liens fonctionnent.

Étape 2

« Ctrl+A » (tout sélectionner), « Ctrl+C » (copier). Basculez vers votre logiciel email, nouveau message, passez en mode « HTML » si nécessaire.

Étape 3

« Ctrl+V » (coller). Adressez, mettez un objet, envoyez.