Hvordan kode HTML e-post nyhetsbrev

Old-school Hypertext Markup Language (HTML) programmerere kan glede --- koding HTML nyhetsbrev er mye som koding en vanlig webside for et tiår siden. Det er lurt å holde ting enkelt, fokus på innhold i stedet for dilldall og ikke prøve å kontrollere oppsettet --- la det flyte. Hvis du er en HTML-koder som er vant til den nye verden av Cascading Style Sheets (CSS) kontroll og dynamisk HTML, må du unlearn en masse regler for å skape stabile, vakre HTML-baserte nyhetsbrev.

Bruksanvisning

1 Først, ikke gjør noen koding endringer i hodedelen av HTML-nyhetsbrevet. Eller, hvis du oppretter "WYSIWYG" (det du ser er hva du får) HTML i stedet for hard-koding, ikke sett noe til å bli en global stil: ingen global CSS, ingen marginnstillinger og ingen brødtekst = innstillinger . Du vil være å skape alt inni tabeller, fordi flere e-postprogrammer, inkludert Gmail, stripe ut informasjon i overskriften. Hvis du må opprette formatering, må du bruke in-line CSS i kroppen av dokumentet. Alle dine koding bør falle innenfor <body> kodene.

2 Hold det enkelt, og ikke være en kontroll freak. Som i gamle dager med vanlig HTML-koding, ulike e-postklienter tolke HTML på svært ulike måter. Du kan ikke ha perfekt kontroll; i stedet, kode, slik at det vil se bra ut uansett hvordan tolkes.

3 Start med koding et bord som vil holde de generelle delene av nyhetsbrevet: header, søyler og bunntekst. Hvis du oppretter et nyhetsbrev med to kolonner, for eksempel kode tabellen som følger:

<Table>

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

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

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

</ Table>

Din øverste raden skal inneholde header; ditt andre rad skal inneholde to kolonner; og tredje rad skal inneholde bunntekst. Sett din generelle tabellen margin til 98 prosent eller mindre, eller det vil ikke vises riktig i Yahoo! e-post. Inni separate celle kodene, kan du angi skrift og bakgrunn for hele cellen. Sett celle padding til 10 px.

4 Bygg innhold tabeller i din beholder tabell fire celler. Unngå å bruke noe fancy, som flytende div områder. Hold deg til grunnleggende HTML, og følger de samme reglene du fulgte etter tabellen i trinn 3, bortsett fra hver innholds tabell kan settes til 100 prosent bredde.

5 Test din HTML nyhetsbrev i en rekke e-postklienter før du sender den ut. Sørg for at du teste den på minimum i de mest vanlige: Outlook, Gmail, Lotus Notes og Yahoo! Mail.

Hint

  • Hold viktigste innholdet i begynnelsen av nyhetsbrevet; på den måten, hvis det er feil senere i nyhetsbrevet som forårsaker det å ikke vises riktig og viktig informasjon vil trolig fortsatt bli lest.
  • Prøv å bruke bilder som er enkle .jpegs. Skiver bildene ofte ikke vises riktig i alle forskjellige e-poster.
  • Hold bildene små; store bilder på toppen av e-poster blir ofte tolket som spam.
  • Sørg for at bildene ikke er nødvendig for å forstå den e-posten, spesielt bildene i begynnelsen av nyhetsbrevet. Noen e-postklienter som standard nondisplaying grafikk.
  • Selv om du kan bruke inline CSS, er det likevel bedre å unngå selv at hvis det er mulig, som noen e-postklienter slette inline CSS.
  • Du vil sannsynligvis få bedre resultater hvis du koden din e-nyhetsbrevet utenfor din e-vinduet, og deretter klippe og lime den som tekst.