科技助力经济发展

© 2024  TMTforum
首页 声音 运营 正文

浅谈电子邮件页面（EDM）的制作

作者：搜狐mdc 时间：2013-04-16 0

电子邮件页面（EDM），就是能通过邮件形式发给对方的网页。相比普通邮件，网页邮件更能夺人眼球，精心设计的网页邮件，能在很短时间内将你要传达的信息灌输给接收者。

我们在做邮件页面的时候，都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面，但是邮箱对HTML页面的渲染与在浏览器中的渲染不同，渲染能力小了很多，在浏览器中正常显示的效果，在邮件中却会出错，或者无法渲染。

首先我们看下时下邮件客户端对HTML和CSS的支持(图)：

由于邮箱客户端系统对css的支持存在天壤之别，那么为了尽量减少邮件页面在用户端出现错误，我们要注意以下几点：

1、文件内容编码要是UTF-8；

2、不包含图片或者flash的页面应控制在10k以内，含图片的大小应控制在30k-120k以内;

3、邮件页面的宽度一般保持在600px至800px之间，推荐宽度为650px或者600px，邮件的高度没有具体要求，应以邮件内容多少而定，建议最长不要超过1200px，即 2.5屏，否则必须修改；

4、布局要用表格布局，不要用div，css样式要把样式写入html标签内部，不要引入外部样式文件，也不要写在间，table如果里有margin：0 auto；这个样式不管用，建议写成具体数字如margin：0px  15px；邮件内容居中时，在table里设定align=”center”,字体和字号最好定义在每个table里的td里;

5、不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)绝大部分邮件客户端会屏蔽Flash和Javascript，以及一些特殊标签和属性；如果有动画效果就用gif图片，最好控制在3个以内；

6、不要使用背景图片background-image属性，在多数在线邮件客户端会被屏蔽，尽量使用纯色背景；

7、给每张图片都指定宽和高以及alt属性值，而且图片的src属性一定要用绝对地址，包着图片的td也应加高宽限制，以避免部分客户端的图片显示出现异常，重要的内容信息不要用图片，考虑到图片可能无法显示，重要内容可以选择文字显示；

8、邮件页面当中的所有点击应使用弹出新窗口

 最后就是邮件页面的测试相对麻烦一些，多测几遍，你懂的。

TAG：

fengsan

海内存知己,天涯若比邻
觉得文章不错，微信扫描分享好友

热门文章

© 2011 - 2024  钛锋网  TMTForum.com