Perché le pagine e-mail e Web sono entrambi i componenti di Internet, è ovvio che si dovrebbe essere in grado di usare il linguaggio globale di Internet, HTML, per la codifica sia una pagina Web e una e-mail. Tuttavia, la codifica e-mail HTML è un po 'più complesso, in quanto i programmi di posta elettronica basati sul Web come Hotmail, Gmail e Yahoo! utilizzano i fogli di stile per formattare tutti i messaggi di posta elettronica lo stesso aspetto. È necessario codificare l'e-mail in formato HTML a parte, quindi inviarlo utilizzando uno specifico sito web mailer HTML.

istruzione

1 Registrati per un sito web e-mail HTML. Non pochi di questi sono liberi o hanno opzioni gratuite, come MailChimp, Benchmark Email e piccoli Letter (vedi Risorse). Il tuo programma di posta elettronica non ti consente di copiare e incollare il codice HTML, dal momento che legge tutto in un corpo e-mail come testo, quindi è necessario un servizio che può inviare e-mail ai destinatari e usare l'HTML.

2 Aprire il programma HTML o Blocco note, se si codifica tutto manualmente, e cominciare la posa fuori la tua email HTML. Tenete a mente che i programmi di posta elettronica più basati sul web, non vengono visualizzati i messaggi su uno schermo pieno, quindi non è possibile creare un progetto a livello di 900 pixel. Utilizzare 600 pixel come una linea guida di base. Creare una tabella inserendo il <table width = "600px"> codice per iniziare. Questo conterrà tutti gli elementi del vostro email all'interno di una singola tabella, e si fermerà i fogli di stile di diversi siti di e-mail da trascinare gli elementi intorno. Inserire il codice finale </ table> alla base del documento. Pensate al tavolo come una scatola che tutti gli altri contenuti andrà in. Anche se avete intenzione di utilizzare altre tabelle per visualizzare le informazioni, avete bisogno di questo primo tavolo come un contenitore per tenere tutto.

3 Inserire il testo nella tabella. Se si utilizza un editor WYSIWYG come Dreamweaver o Front Page per creare la tua e-mail, è possibile progettare con la parte grafica del programma utilizzando le funzioni di controllo ortografico e di manipolazione del testo, poi prendete il codice in seguito. Ricordate di inserire caratteri HTML per lettere accentate o caratteri speciali come trattini invece di copia e incolla da un word processor - browser di alcuni utenti non possono leggere il tipo di carattere utilizzato, ma tutti i computer in grado di leggere i codici di carattere HTML.

4 Inserire le immagini in email utilizzando percorsi assoluti. Ciò significa che non si può semplicemente collegare direttamente le immagini sul disco rigido. Il codice <img src => deve puntare a un'immagine in linea che non ha intenzione di muoversi. Quando si utilizza le immagini in una e-mail, assicurarsi di includere l'e informazioni "larghezza" "altezza", soprattutto per le immagini più grandi che si sta utilizzando HTML di ridimensionare. È necessario utilizzare percorsi assoluti per i collegamenti troppo - niente come "index.html", ma "http://www.yoursite.com/subfolder/index.html."

5 Codice inline CSS. Non è necessario utilizzare i fogli di stile, ma se si preferisce il loro aspetto, è necessario definire gli stili di codice HTML - prima che il codice tavolo - con la creazione di un tag come <p style = "size: 12px; colore = # FFF>. Poi, quando si inserisce un codice <p> dopo, il browser del destinatario e-mail legge i fogli di stile.

6 Copia e incolla il codice HTML nella tua provider di posta dal punto 1. Questi siti hanno una opzione "incolla in codice" quando si creano i programmi di posta newsletter. Invia l'e-mail a voi stessi per vedere come si visualizza, quindi modificare il codice.