Come il codice HTML Newsletters

May 21

Vecchia scuola HyperText Markup Language (HTML) programmatori possono gioire --- codifica newsletter via email HTML è molto simile a codifica di una pagina Web normale di un decennio fa. Ti consigliamo di mantenere le cose semplici, concentrarsi sul contenuto piuttosto che campane e fischietti e non cercare di controllare il layout --- lasciar fluire. Se sei un coder HTML che viene utilizzato per il nuovo mondo di Sheets (CSS) di controllo e HTML dinamico Cascading Style, dovrete disimparare un sacco di regole per creare stabili, belle newsletter basati su HTML.

istruzione

1 In primo luogo, non apportare modifiche di codifica nella parte di intestazione della vostra newsletter HTML. Oppure, se si sta creando "WYSIWYG" (ciò che vedi è quello che ottieni) HTML invece di hard-codifica, non si imposta nulla per essere uno stile globale: no CSS globale, non le impostazioni dei margini e non il corpo del testo = Impostazioni . Vi sarà la creazione tutto dentro tabelle, perché diversi programmi di posta elettronica, tra cui Gmail, striscia le informazioni nell'intestazione. Se è necessario creare la formattazione, è necessario usare i CSS in linea nel corpo del documento. Tutto il vostro codice deve cadere all'interno del tag <BODY>.

2 Mantenerlo semplice e non essere un maniaco del controllo. Come ai vecchi tempi di regolare codice HTML, diversi client di posta elettronica interpretano HTML in modi molto diversi. Non si può avere un controllo perfetto; invece, codice in modo che starà bene non importa come interpretato.

3 Inizia codifica una tabella che conterrà le regioni generali del bollettino: l'intestazione, le colonne e un piè di pagina. Se si sta creando una newsletter con due colonne, per esempio, codificare il vostro tavolo come segue:

<Table>

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

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

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

</ Table>

La vostra prima riga conterrà l'intestazione; la seconda fila conterrà i tuoi due colonne; e la vostra terza fila conterrà il vostro piè di pagina. Impostare il margine di tabella generale al 98 per cento o meno, o non sarà visualizzato correttamente in Yahoo! mail. All'interno i codici di cella separata, è possibile impostare dei caratteri e lo sfondo per l'intera cella. Impostare imbottitura cella 10 px.

4 Costruire le tabelle di contenuti all'interno di quattro cellule del vostro tavolo contenitore. Evitare l'uso di qualcosa di fantasia, come le aree div galleggiante. Bastone con HTML di base, e seguire le stesse regole hai seguito per la tabella al punto 3, ad eccezione di ogni tabella contenuto può essere impostata al 100 per cento di larghezza.

5 Metti alla prova la tua newsletter e-mail HTML in una varietà di client di posta elettronica prima di inviarlo. Assicurarsi che si prova al minimo in quelli più comunemente utilizzati: Outlook, Gmail, Lotus Notes e Yahoo! Mail.

Consigli e avvertenze

  • Tenere il contenuto più importante all'inizio della tua newsletter; in questo modo, se ci sono errori più avanti nel bollettino che farla non visualizza correttamente, le informazioni essenziali saranno probabilmente ancora essere letto.
  • Provare a utilizzare le immagini che sono .jpegs singoli. immagini a fette spesso non vengono visualizzati correttamente in tutti i messaggi di posta elettronica diversi.
  • Tenere immagini piccole; immagini di grandi dimensioni nella parte superiore di e-mail sono spesso interpretati come spam.
  • Assicurarsi che le immagini non sono essenziali per la comprensione della posta elettronica, in particolare le immagini all'inizio della tua newsletter. Alcuni clienti di posta elettronica predefinito per nondisplaying grafica.
  • Anche se è possibile usare i CSS in linea, è ancora meglio evitare anche che, se possibile, in quanto alcuni client di posta elettronica elimina CSS in linea.
  • Si avrà probabilmente ottenere risultati migliori se si codifica la newsletter e-mail al di fuori della finestra e-mail, quindi tagliare e incollare come testo.