电子邮件页面(EDM)的制作_星亮_百度空间

用css还是表格布局?当图片无法显示时怎么办?


有人喜欢简单的文本,有人喜欢Html电子邮件内容的丰富性和视觉效果。但{zh1}都是客户说了算。

也许大部分的,已经掌握了普通页面做法的人,会认为这是小菜一叠,其实,基本上也是这样。只是在你开始做之前,先考虑一些基本的、特殊的因素,能够避免很多的麻烦,得到一个令你和客户都满意的结果。

首先,如何设计页面是首要问题,接着,是怎么制作成网页并且包含最基本的内容。同时,我们要认识到,在没有得到允许的情况下给人发送邮件,是很冒昧的,可以称之为垃圾邮件。


设计时要考虑图片无法显示的情况

很多的客户端邮件程序和并不能看到你发送的邮件中的图片,在默认的设置下。有些用户可能知道原因所在,经过正确的设置,能够看到正常的效果,但并不是所有的用户都会这样做,你发送的邮件可能马上被删除。

当邮件中的图片不能显示时,你发送的邮件可能不能完整地传达你的信息。因此我们不能忽视这个问题,首先需要注意以下几点:

1.不要用图片来显示重要地内容,像按钮、链接、标题等。
2.有可能地话,让你地用户把你地邮件地址加进联系人名单,这能让大部分邮件程序的默认状态正常显示图片。
3.在邮件中添加一个文本链接,连到邮件的网页版本。
4.给图片添加alt属性说明。
5.设定每张图片的宽和高,以保证页面排版设计的正常。

同时,大部分的用户只是先在一个小窗口中预览你的邮件,然后决定是否值得看。甚至有人只在预览窗口看邮件。而且大部分的邮件程序都越来越邮件预览功能。因此,如何让你的邮件在预览窗口中打开的几秒钟里吸引用户,也是一个不能忽略的问题。虽然预览窗口各种各样,以下几点值得参考:

1.在邮件的顶部或者左边放置一些独特的引人注意的东西,如邮件的摘要,或者公司的名称和标志等。
2.认真检查邮件发送报告,看哪些东西你的用户最感兴趣,下次做的时候可以让他们优先出现在客户的预览窗口。
3.确保邮件的主要内容都是文字,让所有的邮件接收者都能得到信息。


布局用css还是表格?

又碰到老问题,我们需要根据具体情况来说。时下流行的css加语义化html概念在这里并不xx适用,需要考虑的是大部分的邮件程序的支持。但是正确地使用css会让你的邮件获得更多展示的机会。

如果你的用户中有人使用了Lotus Notes邮件客户端系统,要让每一个用户看到的都是同一样的东西,表格布局加上css是{zh0}的选择。如果你能够向客户解释好,虽然你做的页面布局设计比较简单,但是,能让所有的收件人看到的邮件页面效果都是一样的,信息都是完整的,这样的话是否用css布局就不是最重要的了。

这里有一个调查,是关于各个邮件客户端系统对css的支持,可以先不考虑用户的邮件客户端系统,因为它们是不能xx确定的。{zh1},为了确定是用css还是表格来布局,你需要先作个假设。

如果你发送的是B2B邮件,假设你的大用户使用的是Outlook(约75%)或Lotus Notes(9%)是比较可靠的,Outlook对css有着良好的支持,但Lotus Notes却不如人意,这是必须考虑的。

如果你发送的是B2C邮件,Yahoo、Hotmail、163等是主要的对象,此外Gmail也可以考虑一下(虽然gmail并不像我们想象的那么流行,一直只保持着5%左右的web邮件客户端系统市场份额)。

为了看起来简单明了,下面是一个简单的总结:

邮件客户端系统     你可以使用的技术
Yahoo! Mail     CSS
Hotmail     CSS*
Gmail             Tables and inline CSS
Outlook and Outlook Express     CSS
Lotus Notes     Tables and inline CSS
AOL 9        CSS
Thunderbird     CSS
Mac Mail     CSS
Entourage     CSS
Eudora for the Mac     Tables and well, no CSS

* Hotmail有一个很烦人的问题,只有把你的样式<style>部分包含到<body>标签内,才能正常解析,<head>部分的<style>xx忽略。

再次重申一下:不要看不起这样的做法,如果你被迫使用表格布局css来进行格式化。因为邮件客户端系统对css的支持存在天壤之别,如果想让你的邮件在每个人的邮箱里看起来是一样的,你别无选择。

以下五点是要避免的,不管你是否使用css来布局,这些都是大忌:

1.把css部分用<style>放到页面中,不要把css独立成一个外部文件,如果邮件中的图片不能显示,别的文件也是一样的。
2.避免用css来定位。大部分的邮件客户端都不支持这个属性。
3.不要使用Flash和JavaScript。大部分的邮件客户端都不支持Flash,JavaScript会被阻挡或者带来安全警告。
4.保证HTML和CSS代码的格式正确工整。凌乱代码的邮件可能会被当作垃圾邮件。
5.如果你想针对gmail用户,确保你的css放在html标签内部,因为<style>标签部分将会被过滤掉。

当然测试也是必不可少的。一个新站只有经过几种不同浏览器的测试改进才会发布,这同样适用于页面电子邮件。如果你要发送大量的页面电子邮件,以下几种环境是必须测试的:

* 网站邮件 - Hotmail, Yahoo 和 Gmail 163等
* 客户端程序 - Outlook,Thunderbird 和 Lotus Notes
* 苹果机 - Mac Mail, Entourage 和 Eudora

以上测试都是免费的,同时,也可以发给你的朋友,让他们进行测试。当你做了一个好的电子邮件页面以后,你可以用作模板重复利用,给以后的工作带来很大的便利。


基本的要素

处理好布局和代码问题以后,你的页面还有许多方面需要注意,他们能够让你避免许多的问题。

必须有

1.取消订阅选项。
2.公司名称和地址。

应该有

1.一个外部连接,连到邮件页面的网页版本,让在邮件系统中不能正常浏览的用户可以在浏览器中浏览。
2.一个你得到用户邮件地址的简要说明(通过网站订阅,购买产品,注册等)。
3.用户的邮件地址,这样他们明确地知道邮件是专门发给他们的。
4.一个让用户把你的地址加入地址本的请求,以保证邮件中的图片正常显示。
5.全文本版本的邮件。有些用户可能将他们的邮件程序设置为只显示文本, 所以尽可能在邮件中包含html和纯文字两个版本。



郑重声明:资讯 【电子邮件页面(EDM)的制作_星亮_百度空间】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——