Come creare e-mail HTML in Dreamweaver

Codici HTML

HTML è un linguaggio di markup per lo styling dei documenti Web.

Credito immagine: Janka Dharmasena/iStock/Getty Images

Dreamweaver, lo strumento di sviluppo Web di Adobe, consente di creare qualsiasi tipo di documento HTML, come una pagina Web o un messaggio di posta elettronica. Se hai familiarità con la scrittura di markup HTML, puoi utilizzare la vista Codice per digitare un'email con tag HTML. Se preferisci dare uno stile visivo all'e-mail, Dreamweaver offre la maggior parte delle funzionalità di formattazione fornite da un programma di elaborazione testi. È inoltre possibile selezionare la vista Divisa per vedere contemporaneamente le viste Codice e Display sulla stessa schermata.

Stabilire la formattazione

Passo 1

Avvia Dreamweaver, quindi seleziona "HTML" nella colonna Crea nuovo.

Video del giorno

Passo 2

Fare clic sul pulsante "Progettazione" in alto per passare dalla visualizzazione Codice alla visualizzazione Progettazione se Design non è già selezionato.

Passaggio 3

Fare clic sul pulsante "Proprietà pagina..." nella finestra Proprietà nella parte inferiore dello schermo, quindi selezionare il carattere e la dimensione predefiniti, il colore del testo, il colore di sfondo o l'immagine, se presente, e la pagina margini.

Passaggio 4

Scegli "Collegamenti (CSS)" nella colonna Categoria, quindi seleziona il carattere, la dimensione e il colore dei collegamenti nel messaggio in base alla posizione del mouse, ad esempio rollover, e allo stato del collegamento, ad esempio attivo o visitato. Scegli uno stile di sottolineatura per i collegamenti nel messaggio.

Passaggio 5

Fare clic su ":Titoli (CSS)" dalla colonna Categoria, quindi scegliere il carattere, la dimensione e il colore per i diversi titoli che si desidera utilizzare nel messaggio.

Passaggio 6

Seleziona "Titolo (codifica)" nella colonna Categoria, digita un titolo per il documento, come l'oggetto del messaggio, e quindi scegli il tipo di documento, come "HTML5" e la codifica dei caratteri, come "Unicode (UTF-8)." Seleziona "OK" quando fatto.

Tipo e formato messaggio

Passo 1

Digita il tuo messaggio di posta elettronica sullo schermo vuoto. Formatta il testo applicando gli stili dalla finestra Proprietà nella parte inferiore dello schermo mentre digiti il ​​messaggio o dopo averlo digitato.

Passo 2

Selezionare un tipo di intestazione nella casella Formato della finestra Proprietà per definire lo stile del testo come intestazione. Fare clic su "B" per rendere il testo in grassetto o "I" per farlo apparire in corsivo.

Passaggio 3

Evidenzia il testo nel messaggio che desideri impostare come elenco non ordinato o ordinato, quindi fai clic sul pulsante "Elenco non ordinato" o "Elenco ordinato" nella finestra Proprietà. Scegli il pulsante "Blockquote" per formattare il testo come block quote; scegli il pulsante "Rimuovi citazione" per rimuovere la formattazione.

Passaggio 4

Evidenzia il testo che desideri trasformare in un link cliccabile, quindi digita l'URL del link nella casella Link nella finestra Proprietà. Selezionare come si desidera aprire il collegamento nella casella di selezione Target. Ad esempio, scegli "_blank" per forzare l'apertura del collegamento in una nuova finestra.

Passaggio 5

Seleziona "Inserisci", quindi fai clic su "Tabella" per inserire una tabella nel tuo messaggio. Seleziona il numero di righe e colonne, specifica la larghezza della tabella e inserisci lo spessore del bordo. Digitare il numero di spazi che si desidera utilizzare per riempire le celle della tabella e per spaziare tra le celle della tabella. Digita una didascalia e un riepilogo della tabella se desideri includerli, quindi fai clic su "OK". Inserisci il testo nella tabella che appare sullo schermo.

Passaggio 6

Seleziona "Inserisci", fai clic su "Immagine", quindi seleziona nuovamente "Immagine" per inserire un'immagine. Individua e seleziona il file immagine da visualizzare. Regola la posizione dell'immagine nel messaggio trascinandola con il mouse.

Anteprima e trasferimento

Passo 1

Seleziona "File", fai clic su "Anteprima nel browser", quindi scegli un browser se hai più browser installati per visualizzare in anteprima l'e-mail e la sua formattazione. Fai clic sui collegamenti ipertestuali che hai incluso nel messaggio per assicurarti che vengano risolti correttamente.

Passo 2

Premi "Ctrl-A" per selezionare l'intero messaggio, quindi premi "Ctrl-C" per copiarlo. Passa al tuo programma di posta elettronica, crea un nuovo messaggio di posta elettronica, quindi modifica il tipo di messaggio in "HTML", se necessario.

Passaggio 3

Premi "Ctrl-V" per incollare il messaggio nel tuo programma di posta elettronica. Indirizza il messaggio ai tuoi destinatari, digita un oggetto per il messaggio e quindi invialo.

Consiglio

Prova l'e-mail inviandola a te stesso prima di inviarla ad altre persone per assicurarti che l'HTML sia stato interpretato e inviato correttamente.

Avvertimento

Le informazioni contenute in questo articolo si applicano a Dreamweaver CC. Può variare leggermente o in modo significativo con altre versioni o prodotti.