Come creare e-mail HTML in Dreamweaver

March 19

Come creare e-mail HTML in Dreamweaver


Dreamweaver, strumento di sviluppo Web di Adobe, consente di creare qualsiasi tipo di documento HTML, come ad esempio una pagina Web o un messaggio di posta elettronica. Se si ha familiarità con la scrittura di markup HTML, è possibile utilizzare la vista Codice da digitare un'e-mail con i tag HTML. Se si preferisce l'e-mail acconciare visivamente, Dreamweaver fornisce la maggior parte della capacità di formattazione che un programma di elaborazione testi fornisce. È anche possibile selezionare la vista Spalato per vedere sia il codice e display viste contemporaneamente sullo stesso schermo.

istruzione

stabilire formattazione

1 Avviare Dreamweaver, quindi selezionare "HTML" nella colonna Crea nuovo.

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

3 Fare clic sul pulsante "Proprietà pagina ..." nella finestra Proprietà nella parte inferiore dello schermo, quindi selezionare il font di default e la dimensione, il colore del testo, il colore di sfondo o l'immagine, se del caso, e i margini della pagina.

4 Scegliere "Links (CSS)" nella colonna Categoria, quindi selezionare il tipo di carattere, dimensione e colore dei link nel messaggio in base alla posizione del mouse, come rollover, e lo stato del collegamento, come ad esempio attiva o visitato. Scegliere uno stile di sottolineatura per i collegamenti nel messaggio.

5 Fai clic su ": intestazioni (CSS)" dalla colonna Categoria e quindi scegliere il tipo di carattere, dimensione e colore per le varie voci che si desidera utilizzare nel tuo messaggio.

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

Tipo e Formato messaggio

7 Scrivi il tuo messaggio e-mail sullo schermo vuoto. Formattare il testo applicando stili dalla finestra Proprietà nella parte inferiore dello schermo mentre si digita il tuo messaggio o dopo aver finito digitarlo.

8 Selezionare un tipo di intestazione nella casella Formato della finestra Proprietà di testo stile come un colpo di testa. Fai clic su "B" per rendere il grassetto testo o "I" per farlo apparire in corsivo.

9 Evidenziare il testo nel messaggio che si desidera stile come una lista non ordinata o ordinato, e quindi fare clic su "Elenco non ordinato" o il pulsante "ordinato List" nella finestra Proprietà. Scegliere il pulsante "Blockquote" per formattare il testo come un preventivo blocco; scegliere il pulsante "Rimuovi Blockquote" per rimuovere la formattazione.

10 evidenziare il testo che si desidera trasformare in un link cliccabile, e quindi digitare l'URL per il link nella casella Collegamento nella finestra Proprietà. Selezionare come si desidera che il collegamento per aprire nella casella di selezione di destinazione. Ad esempio, scegliere "_blank" per forzare il collegamento per aprire in una nuova finestra.

11 Selezionare "Inserisci" e poi cliccare su "tabella" per inserire una tabella nel messaggio. Selezionare il numero di righe e colonne, specificare la larghezza della tabella e inserire lo spessore del bordo. Digitare il numero di spazi che si desidera utilizzare per riempire dentro celle della tabella e per lo spazio tra le celle della tabella. Digitare una didascalia e una sintesi tavolo se si desidera includere loro, e poi cliccare su "OK". Inserire il testo nella tabella che appare sullo schermo.

12 Selezionare "Inserisci", fare clic su "Immagine", quindi selezionare "Immagine" per inserire un'immagine. Individuare e selezionare il file di immagine da visualizzare. Regolare la posizione dell'immagine nel messaggio trascinandolo con il mouse.

Anteprima e trasferimento

13 Selezionare "File", fai clic su "Anteprima nel browser", e poi scegliere un browser, se si dispone di più browser installati per visualizzare in anteprima l'e-mail e della sua formattazione. Fare clic sui collegamenti ipertestuali si incluso nel messaggio per assicurarsi che si risolvono in modo corretto.

14 Premere il tasto "Ctrl-A" per selezionare l'intero messaggio, quindi premere "Ctrl-C" per copiarlo. Passare al tuo programma di posta elettronica, creare un nuovo messaggio di posta elettronica, e quindi modificare il tipo di messaggio a "HTML", se necessario.

15 Premere il tasto "Ctrl-V" per incollare il messaggio nel vostro programma di posta elettronica. Indirizzare il messaggio ai destinatari, digitare un oggetto per il messaggio, e quindi inviarlo.

Consigli e avvertenze

  • Testare l'e-mail con l'invio a voi stessi prima di inviarlo ad altre persone al fine di garantire che l'HTML è stato interpretato e inviato correttamente.
  • Le informazioni contenute in questo articolo si applicano a Dreamweaver CC. Essa può variare leggermente o significativamente con altre versioni o prodotti.