Comment créer un e-mail HTML dans Dreamweaver
Dreamweaver, l'outil de développement Web d'Adobe, vous permet de créer tout type de document HTML, tel qu'une page Web ou un message électronique. Si vous avez l'habitude d'écrire des balises HTML, vous pouvez utiliser la vue Code pour saisir un e-mail avec des balises HTML. Si vous préférez styliser l'e-mail visuellement, Dreamweaver offre la plupart des capacités de formatage qu'offre un programme de traitement de texte. Vous pouvez également sélectionner la vue Fractionnée pour voir simultanément les vues Code et Affichage sur le même écran.
Établir le formatage
Étape 1
Lancez Dreamweaver, puis sélectionnez "HTML" dans la colonne Créer nouveau.
Étape 2
Cliquez sur le bouton "Design" en haut pour passer du mode Code au mode Design si Design n'est pas déjà sélectionné.
Étape 3
Cliquez sur le bouton "Propriétés de la page..." dans la fenêtre Propriétés en bas de l'écran, puis sélectionnez la police et la taille par défaut, la couleur du texte, la couleur d'arrière-plan ou l'image, le cas échéant, et les marges de la page.
Étape 4
Choisissez "Liens (CSS)" dans la colonne Catégorie, puis sélectionnez la police, la taille et la couleur des liens dans le message en fonction de la position de la souris, comme le survol, et de l'état du lien, comme actif ou visité. Choisissez un style de soulignement pour les liens dans le message.
Étape 5
Cliquez sur ":En-têtes (CSS)" dans la colonne Catégorie, puis choisissez la police, la taille et la couleur des différents en-têtes que vous souhaitez utiliser dans votre message.
Étape 6
Sélectionnez "Titre (Encodage)" dans la colonne Catégorie, saisissez un titre pour votre document, tel que l'objet du message, puis choisissez le type de document, tel que "HTML5" et le codage de caractères, tel que "Unicode (UTF-8 )." Sélectionnez "OK" lorsque vous avez terminé.
Tapez et formatez le message
Étape 1
Tapez votre message électronique sur l'écran vide. Formatez le texte en appliquant des styles à partir de la fenêtre Propriétés en bas de l'écran lorsque vous saisissez votre message ou après l'avoir saisi.
Étape 2
Sélectionnez un type d'en-tête dans la zone Format de la fenêtre Propriétés pour styliser le texte en tant qu'en-tête. Cliquez sur "B" pour mettre le texte en gras ou sur "I" pour le faire apparaître en italique.
Étape 3
Mettez en surbrillance le texte de votre message que vous souhaitez styliser comme une liste non ordonnée ou ordonnée, puis cliquez sur le bouton "Liste non ordonnée" ou "Liste ordonnée" dans la fenêtre Propriétés. Choisissez le bouton "Blockquote" pour formater le texte en bloc de citations ; choisissez le bouton "Supprimer Blockquote" pour supprimer la mise en forme.
Étape 4
Mettez en surbrillance le texte que vous souhaitez transformer en lien cliquable, puis saisissez l'URL du lien dans la zone Lien de la fenêtre Propriétés. Sélectionnez le mode d'ouverture du lien dans la zone de sélection Cible. Par exemple, choisissez "_blank" pour forcer le lien à s'ouvrir dans une nouvelle fenêtre.
Étape 5
Sélectionnez "Insérer", puis cliquez sur "Tableau" pour insérer un tableau dans votre message. Sélectionnez le nombre de lignes et de colonnes, spécifiez la largeur du tableau et entrez l'épaisseur de la bordure. Tapez le nombre d'espaces que vous souhaitez utiliser pour remplir les cellules du tableau et pour espacer les cellules du tableau. Tapez une légende et un résumé du tableau si vous souhaitez les inclure, puis cliquez sur "OK". Entrez le texte dans le tableau qui apparaît à l'écran.
Étape 6
Sélectionnez "Insérer", cliquez sur "Image", puis sélectionnez à nouveau "Image" pour insérer une image. Localisez et sélectionnez le fichier image à afficher. Ajustez le placement de l'image dans votre message en la faisant glisser avec la souris.
Prévisualiser et transférer
Étape 1
Sélectionnez "Fichier", cliquez sur "Aperçu dans le navigateur", puis choisissez un navigateur si plusieurs navigateurs sont installés pour prévisualiser l'e-mail et sa mise en forme. Cliquez sur les liens hypertexte que vous avez inclus dans le message pour vous assurer qu'ils se résolvent correctement.
Étape 2
Appuyez sur "Ctrl-A" pour sélectionner l'intégralité du message, puis appuyez sur "Ctrl-C" pour le copier. Basculez vers votre programme de messagerie, créez un nouvel e-mail, puis modifiez le type de message en "HTML", si nécessaire.
Étape 3
Appuyez sur "Ctrl-V" pour coller le message dans votre programme de messagerie. Adressez le message à vos destinataires, saisissez un objet pour le message, puis envoyez-le.
Astuce
Testez l'e-mail en vous l'envoyant avant de l'envoyer à d'autres personnes pour vous assurer que le code HTML a été interprété et envoyé correctement.
Avertissement
Les informations contenues dans cet article s'appliquent à Dreamweaver CC. Il peut varier légèrement ou significativement avec d'autres versions ou produits.