Wie man Code HTML E-Mail-Newsletter

February 10

Alten Schule (HTML = HyperText Markup Language) Programmierer kann sich freuen---Programmierung HTML e-Mail-Newsletter viel ist wie die Codierung einer normalen Web-Seite vor einem Jahrzehnt. Sie wollen Dinge einfach zu halten, sich auf Inhalte konzentrieren, anstatt Schnickschnack und nicht versuchen zu Steuerungslayout---lassen Sie es fließen. Wenn Sie ein HTML-Programmierer, die in die neue Welt der Cascading Style Sheets (CSS) Kontrolle und dynamisches HTML wird sind verwendet, müssen Sie eine Menge von Regeln, die stabile, schöne HTML-Newsletter erstellen zu verlernen.

Anweisungen

1 Stellen Sie zunächst keine Codierung Änderungen in den Kopfbereich des HTML-Newsletter. Oder, wenn Sie "wysiwyg" erstellen (was Sie sehen ist was Sie erhalten) HTML statt Hartcodierung, setzen nicht etwas zu einer globalen sein: keine globale CSS, keine Randeinstellungen und kein Text = Einstellungen. Sie werden alles in Tabellen, erstellen weil einige e-Mail-Programme wie Google Mail, Formatbeschränkung Informationen im Header. Benötigen Sie zum Erstellen, formatieren, müssen Sie Inline-CSS im Textkörper des Dokuments verwenden. Alle Ihre Codierung sollte in den < Body >-Tags fallen.

2 Halten Sie es einfach und lassen Sie sich keine Kontroll-Freak. Wie in den alten Tagen der regulären HTML-Programmierung interpretieren verschiedene e-Mail-Programme HTML in beträchtlichem Ausmaß unterschiedlich. Sie können keine perfekte Kontrolle haben; Stattdessen code, so dass sie, egal wie gut aussehen wird interpretiert.

3 Starten Sie durch Codieren eine Tabelle, die die allgemeinen Regionen Ihres Newsletters halten wird: den Header, Spalten und einen Footer. Wenn Sie einen Newsletter mit zwei Spalten erstellen, beispielsweise code Ihrer Tabelle wie folgt:

< Tabelle >

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

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

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

</table >

Ihre oberste Zeile enthält den Header; die zweite Zeile enthält Ihre zwei Spalten; und die dritte Zeile enthält Ihre Fußzeile. Legen Sie Ihre allgemeinen Tabelle Marge auf 98 Prozent oder weniger, oder es wird nicht korrekt in Yahoo! e-Mail angezeigt. In Ihren separaten Zelle-Codes können Sie Schriftart und Hintergrundfarbe für die gesamte Zelle festlegen. Legen Sie Textabstand 10 px.

4 Erstellen Sie Inhalt-Tabellen in Ihrem Container vier Zellen der Tabelle. Vermeiden Sie, mit etwas Phantasie, wie schwimmende Div-Bereiche. Mit einfachen HTML-Stick, und folgen den gleichen Regeln, die Sie für die Tabelle in Schritt 3 befolgt, außer jeder Tabelle Inhalt auf 100 Prozent Breite eingestellt werden kann.

5 Testen Sie Ihre HTML-Email-Newsletter in einer Vielzahl von e-Mail-Clients, bevor Sie es verschicken. Sicherstellen, dass Sie zumindest in den am häufigsten verwendeten Tests: Lotus Notes, Outlook, Google Mail und Yahoo! Mail.

Tipps & Warnungen

  • Halten Sie Ihre wichtigsten Inhalte am Anfang Ihres Newsletters; auf diese Weise, wenn gibt es Fehler später in Ihrem Newsletter, die dazu führen, dass es nicht richtig, wesentlichen Informationen angezeigt werden voraussichtlich noch werden gelesen.
  • Versuchen Sie, Bilder zu verwenden, die einzelnen JPEGs sind. Geschnittene Bilder werden oft nicht richtig in alle anderen e-Mails angezeigt.
  • Bilder klein zu halten; große Bilder an der Spitze der e-Mails werden oft als Spam interpretiert.
  • Stellen Sie sicher, dass Ihre Bilder nicht wesentlich zum Verständnis der Email, insbesondere die Bilder am Anfang des Magazins sind. Einige e-Mail-Clients standardmäßig die nondisplaying Grafiken.
  • Obwohl Sie Inline-CSS verwenden können, ist es noch besser, sogar zu vermeiden, wenn möglich, da einige e-Mail Klienten Inline-CSS zu löschen.
  • Sie werden wahrscheinlich bessere Ergebnisse erhalten, wenn Sie Ihren e-Mail-Newsletter-außerhalb von Ihrem e-Mail-Fenster Code, dann Ausschneiden und fügen Sie ihn als Text.

SIE KÖNNEN AUCH GERNE