HTML est un langage de balisage pour le style des documents Web.
Crédit d'image : Janka Dharmasena/iStock/Getty Images
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 êtes habitué à écrire un balisage 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 fournit la plupart des fonctionnalités de mise en forme qu'un programme de traitement de texte offre. Vous pouvez également sélectionner la vue fractionnée pour voir les vues Code et Affichage simultanément sur le même écran.
Établir le formatage
Étape 1
Lancez Dreamweaver, puis sélectionnez "HTML" dans la colonne Créer un nouveau.
Vidéo du jour
Étape 2
Cliquez sur le bouton "Conception" en haut pour passer de la vue Code à la vue Conception si la conception n'est pas déjà sélectionnée.
É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 ou l'image d'arrière-plan, le cas échéant, et la page marges.
Étape 4
Choisissez "Liens (CSS)" dans la colonne Catégorie, puis sélectionnez la police, la taille et la couleur des liens dans la message basé sur la position de la souris, comme le survol, et l'état du lien, comme actif ou visité. Choisissez un style de soulignement pour les liens dans le message.
Étape 5
Cliquez sur ": Titres (CSS)" dans la colonne Catégorie, puis choisissez la police, la taille et la couleur des différents titres 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, et puis choisissez le type de document, tel que "HTML5" et l'encodage des caractères, tel que "Unicode (UTF-8"). Sélectionnez « OK » lorsque terminé.
Tapez et formatez le message
Étape 1
Tapez votre e-mail sur l'écran vide. Mettez en forme le texte en appliquant des styles à partir de la fenêtre Propriétés en bas de l'écran pendant que vous tapez votre message ou une fois que vous avez fini de le taper.
É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 mettre en forme 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 sous forme de bloc de citation; 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 la manière dont vous souhaitez que le lien s'ouvre 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". Saisissez le texte dans le tableau qui apparaît à l'écran.
Étape 6
Sélectionnez "Insérer", cliquez sur "Image", puis sélectionnez "Image" à nouveau pour insérer une image. Recherchez et sélectionnez le fichier image à afficher. Ajustez le placement de l'image dans votre message en la faisant glisser avec la souris.
Aperçu et transfert
É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 hyperliens 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 nouveau message électronique, 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.
Conseil
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.
