编者注:本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年,我们将两个网站合并,以 Practical Ecommerce 作为继承者。
我犹豫是否提供一份关于格式化 HTML 电子邮件的指南,原因只有一个:网上关于这方面的内容很少,而且这篇文章很可能会引发大量的电话和邮件,询问更多细节。如果你承诺不就此操作步骤给我打电话或发邮件,我将分享一种简单的方法,可以生成可用的 HTML 电子邮件。此外,如果你有好的品味和一些网站设计技巧,它还能产生吸引人的设计。
- 在文字处理器中准备文本
-
-
我最喜欢的是 Word 97。Word 2000 生成的是一种特定形式的 HTML,而不是 Word 97 生成的那种通用的、美观的 HTML。由于我的文章最终大多都以 HTML 格式发布,所以我使用 Word 97 以 HTML 格式写作,并使用 H2、H3 和 H4 来标记标题。这种方法比 FrontPage 或 Word 在我完成编辑后将 .doc 文件“转换”为 HTML 的方式要一致得多。
-
- 打开 FrontPage 2000。Microsoft FrontPage 2000 作为一款所见即所得(WYSIWYG,即“What You See Is What You Get”)网页编辑器,有很多值得称赞的地方。但我不能对 FrontPage 97 和 98 说同样的话,它们会毫不犹豫地破坏精心编写的 HTML 代码。对于大多数网页,我使用 HotDog 5.5,但不用于 HTML 电子邮件,因为 WYSIWYG 功能对于精细布局至关重要。
-
- 使用命令“文件 | 新建 | 页面”打开一个新页面(或你已准备好的 FrontPage 模板)。
- 将光标移至模板中的合适位置,然后使用“插入”|“文件”命令在 Word 97 中插入你已准备好的 HTML 页面。虽然你也可以用 FrontPage 2000 撰写整份通讯,但作为文字处理软件,Word 97 的功能要强大得多。
- 选择“文件”|“保存”即可将该新文档另存为网页。接下来根据需要做出调整,使其看起来更美观。
- 选择“编辑”|“全选”可选中整个文档,然后使用“编辑”|“复制”将文档复制到 Windows 剪贴板。
- 打开你的电子邮件程序,并 打开一个格式化为 HTML 的空电子邮件消息。我使用 Outlook 2000,默认设置为纯文本电子邮件。因此,每次我想发送 HTML 电子邮件时,我都使用以下序列。使用“操作 | 新邮件消息”打开新电子邮件消息,当它打开后,选择“格式 | HTML”。
- 使用“操作 | 新邮件消息”打开新电子邮件消息
- 当它打开后,选择“格式 | HTML”
- 使用“编辑”|“粘贴”将剪贴板上的 HTML 通讯文档粘贴到电子邮件正文中。
- 然后……
- 给自己发一封测试邮件。持续测试,直到完美为止。
- 当你确认内容完美无缺后,将其发送至你的 HTML 电子邮件订阅者列表。
我第一次这样做时,花了几个小时试图让我的模板恰到好处。我试图最小化需要下载的图形。相反,我使用了带有反向文本的彩色“表格”作为标题,并在左侧使用垂直表格贯穿到底部以携带一些颜色。我还仔细设计了所有页眉、报头、联系信息和页脚,并将其保存为 FrontPage 2000 模板。现在,要以这种格式快速发布通讯,我只需打开模板,很多工作就已经完成了。
我发现 Woody’s Access Watch 的电子邮件版是一个很好的学习范例,由澳大利亚 HTML 电子邮件专家 Peter Deegan 制作。选择一个你喜欢的 HTML 电子邮件通讯,通过“文件 | 另存为 html”保存,然后检查 HTML 代码,看看他们是如何实现其效果的。
学习如何准备嵌入式样式表,以控制元素在读者眼中的呈现方式——尽管电子邮件客户端对 CSS 标准的支持方式并不统一。使用样式表比用 FONT 标签包裹所有内容来控制颜色、大小和字体要容易得多。
测试,测试,再测试。尽你所能进行尝试,然后将其发送给使用各种不同电子邮件程序的多位用户,请他们提供关于其设计中哪些元素可见、哪些在其电子邮件程序中无法工作的详细反馈。仔细记录他们的观察结果,以便指导你在下次省略哪些 HTML 特性。
例如,令我失望的是,发现位于新闻通讯顶部的目录中的内部链接指向更下方的 HTML 电子邮件新闻通讯中的锚点时,这些链接无法正常工作。真遗憾。
最好的说法是,HTML 电子邮件仍处于起步阶段。但如今有 60% 的用户更喜欢它,因此你需要学习如何在你的新闻通讯中使用 HTML 电子邮件。可能不是今天,也不是明天,但很快,并且将在你余生的时间里持续如此。

