Zum Inhalt

Beispielarbeiten · E-Mail & Newsletter

Newsletter-Vorlage, die auch ohne Stylesheet hält

Eine HTML-Mail aus Tabellen, wie Mailprogramme sie verlangen: Spalten stapeln sich auf dem Handy, Bilder haben Alternativtext, und das Layout bricht auch dann nicht, wenn ein Programm die Styles entfernt.

Musterarbeit (Demo), kein Kundenauftrag. Gebaut als Probeaufgabe mit erfundenen Beispieldaten; die Prüfzahlen unten stammen aus dem automatischen Prüflauf und sind nicht geschönt.

Was gebaut wurde

  • Layout aus Tabellen mit role=presentation, ohne Skript und ohne Formular
  • Handy: Spalten untereinander; Bildschirm: nebeneinander
  • Eine Textfassung für Programme, die kein HTML zeigen

Bildschirmfoto aus dem Prüflauf: Newsletter-Vorlage, die auch ohne Stylesheet hält

Bildschirmfoto aus dem Prüflauf: Newsletter-Vorlage, die auch ohne Stylesheet hält

Live ansehen newsletter-vorlage.zip herunterladen

Wie geprüft wurde

Automatischer Prüflauf vom 18.10.2026, aus dem Protokoll (Testdaten erfunden, Zahlen gemessen):

  • Newsletter 4.3 KB: 5 Tabellen role=presentation, 3 Bilder mit Alt-Text, 3 Links https/mailto, kein Script/Formular
  • Chromium 375/600 px mit und ohne <style>: Scrollbreite 375=375/375, 600=600/600, ohne_style_375=375/375, ohne_style_600=600/600, Spalten 375 gestapelt=True/600 nebeneinander=True

Grenzen

Was diese Probe nicht abdeckt, steht hier, damit niemand mehr erwartet:

  • geprueft in Chromium (375/600 px, mit und ohne <style>) - echte Mailprogramme (Outlook Desktop mit Word-Engine, Gmail-App, Apple Mail) nicht; dafuer braeuchte es Litmus/Email on Acid …
  • nichts versendet: Zustellbarkeit, Spamfilter, SPF/DKIM/DMARC sind nicht Teil der Probe
  • Dunkelmodus der Mailprogramme (Farbumkehr) nicht maschinell geprueft
  • Bilder lokal erzeugt; in der echten Mail muessen sie unter absoluten https-Adressen liegen

So etwas für deinen Betrieb?

Beschreib kurz, was du brauchst. Du bekommst einen Festpreis, bevor ich anfange; ohne dein Ja passiert nichts.

Zur Werkstatt