Codificatori di HyperText Markup Language (HTML) di vecchia scuola può gioire---codifica newsletter via email HTML è molto simile a una normale pagina Web di codifica un decennio fa. Ti consigliamo di mantenere le cose semplici, concentrarsi sul contenuto anziché campane e fischietti e non cercare di layout del controllo---let it flow. Se sei un programmatore HTML che viene utilizzato per il nuovo mondo di controllo di Cascading Style Sheets (CSS) e HTML dinamico, dovrete disimparare un sacco di regole per creare stabile, bella newsletter basate su HTML.

Istruzioni

1

In primo luogo, di non apportare modifiche codifica nella parte di intestazione della tua newsletter HTML. O, se si sta creando "wysiwyg" (quello che vedete è che cosa ottenete) HTML anziché codificare, non impostare nulla di essere uno stile globale: nessun CSS globale, senza impostazioni di margine e nessun testo di corpo = impostazioni. Tutto all'interno di tabelle, verrà creato perché diversi programmi, tra cui Gmail, striscia fuori informazioni nell'intestazione di posta elettronica. Se avete bisogno di creare la formattazione, sarà necessario utilizzare i CSS in linea nel corpo del documento. Tutta la codifica del dovrebbe cadere all'interno del tag < body >.

2

Mantenere le cose semplici e non essere un maniaco del controllo. Come ai vecchi tempi di codifica HTML regolari, diversi client e-mail interpretare HTML in modi molto diversi. Non hai il controllo perfetto; codice invece, in modo che sembrerà buono, non importa come interpretato.

3

Iniziare da una tabella che conterrà le regioni generali della tua newsletter di codifica: l'intestazione, un piè di pagina e colonne. Se si sta creando una newsletter con due colonne, ad esempio, di codificare il vostro tavolo come segue:

< table >

< tr >< td >< /td >< /tr >

< tr >< td >< /td >< td >< /td >< /tr >

< tr >< td >< /td >< /tr >

</tavolo >

La riga superiore conterrà l'intestazione; la seconda riga conterrà due colonne; e la terza riga conterrà il tuo piè di pagina. Impostare il margine tabella generale al 98% o meno, o esso non visualizza correttamente nell'e-mail di Yahoo!. All'interno i codici di cella separata, è possibile impostare il tipo di carattere e lo sfondo per l'intera cella. Impostare la spaziatura interna delle cellule di 10 px.

4

Costruire tabelle contenute all'interno del vostro contenitore quattro celle della tabella. Evitare di utilizzare qualcosa di fantasia, come div aree di galleggiamento. Bastone con HTML di base e seguire le stesse regole che hai seguito per la tabella nel passaggio 3, tranne ogni tabella di contenuto può essere impostato su 100 per cento di larghezza.

5

Testare la tua newsletter email HTML in una varietà di client di posta elettronica prima di inviarlo. Assicurarsi che si prova a minimo in quelle più comunemente utilizzate: posta elettronica di Lotus Notes, Outlook, Gmail e Yahoo!.

Consigli & Avvertenze

• Mantieni i tuoi contenuti più importanti all'inizio della tua newsletter; in questo modo, se ci sono errori più tardi nella tua newsletter che causare a non essere visualizzato correttamente, informazioni essenziali saranno probabilmente essere ancora leggere.
• Se si tenta di utilizzare immagini che sono GIF singolo. Immagini affettati spesso non vengono visualizzati correttamente in tutti i messaggi di posta elettronica diversi.
• Tenere le immagini piccole; immagini di grandi dimensioni nella parte superiore di email sono spesso interpretati come spam.
• Assicurarsi che le immagini non sono essenziali per comprendere l'email, soprattutto immagini all'inizio della tua newsletter. Alcuni client di posta predefinito per grafica nondisplaying.
• Sebbene sia possibile utilizzare CSS in linea, è ancora meglio evitare anche che, se possibile, come alcune email client eliminano inline CSS.
• Probabilmente otterrete risultati migliori se codice tua newsletter email di fuori della vostra finestra di posta elettronica, quindi tagliare e incollare come testo.