为了保证最大的兼容性,在制作HTML的email页面时,请严格按照规范来书写:

1.页面宽度推荐500px,最大不要超过750px;

2.制作HTML的email页面时,不使用css+div来布局,最好请使用table表格来布局。

3. 定义文字或图片的样式时,请不要使用外链的css样式(外链的css样式在邮件里将不能被读取,所以发送出去的邮件因为没有链接到样式,将会使你的邮件看 起来很难看),正确的做法请将样式书写在<td>或<font>里,写法如下: <td style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</td><font style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</font>

4.不使用Flash、Java、Javascript、frames、i-frames、 ActiveX 以及 DHTML,如果页面中的图片一定要是动态的,请将FLASH文件转换成GIF动画使用。(Outlook 2007限制GIF动画,在Outlook 2007里,GIF将不能正常显示)

5.<table></table>以外的body、meta和html之类的标签是可以无视的,邮箱系统里会把这些过滤掉。

6. 有背景图时,代码写法如下:<table background="background.gif" cellspacing="0" cellpadding="0">(在outlook中查看邮件时,背景图片不显示,这是因为outlook中对背景图片无法识别。)

7. 如果文字内容是写在<li>里,那么样式请尽量写在<ul>里,在sohu中写在<td>或<tr>里 的样式会被过滤,其它邮箱没有问题。例如:<ul style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;"><li>你的文字</li></ul>

8.在同一个<td>里最好只放一个图片。如<td><img src=" photo.JPG" ></td>;所有的图片都要定义高和宽。

9.邮件内容里不要出现鼠标经过的事件"onMouseOut" "onMouseOver",即使在<td>里设置了,发送到邮箱后也将被过滤,将不能显示设定鼠标经过所显示的内容。

10.同一段文字请尽可能放在同一<td>里。

11.制作一份和邮件内容一样的web页面,然后在邮件顶部写一句话:“如果您无法查看邮件内容,请点击这里查看”, 链到放有同样内容的web页面,这样即使用户收到的邮件图片无法浏览,通过链接也能正常查看内容;

12.HTML代码和图片尽量不要超过50kb(各个邮箱的收件标准不一样,如果超出50kb您的邮件很有可能会进入垃圾邮件箱里)。

13.邮件模板内的图片地址写成本地路径,例如:<img src="data:image/menu-5.gif" alt="" />(邮件模板在CRM安装过程中会把路径替换成绝对路径)。

14.邮件模板内的所有超链接请写成绝对地址,例如:<a href=" www.shopex.cn ">文字或图片</a>;(以确保收信人在点击超链接时能够正常浏览您的内容)。

15.在样式表中,可以省略font-family属性,如果font-family:后属性为空,会被QQ屏蔽为垃圾邮件。

16.在制作HTML邮件内容时,请尽量保持您的链接数量不要超过10个,如果同一模板内所有图片的链接地址一样,请将所有的小图拼和成一张大图加链接。

17.制作模板时,希望邮件内容全部左右居中显示的话,请在设定table里设align="center",而不要使用<div align="center">设定居中。

18.设定邮件主题时,请不要在主题中加入带有网站地址的信息,比如“shopex.cn商派公司祝您新年好”

19.页面的文字中不要出现网站地址,例如: www.shopex.cn,此类文字即使加了超链接,被屏蔽为垃圾邮件的风险也是及高的。

20.为避免文字在各个主流邮箱中的显示有所不同,尽量使用图片。显示有区别的在于qq和gmail。

21.书写标题时,在中文输入法下输入的标点符号在21CN中标题会显示乱码,请大家尽量将标点符号转化成英文输入法下的标点符号。

22.如果在图片上加map连接时,请不要使map重叠放置。

23.不要再邮件模板中加入psd文件。

24.代码主要修改区域添加相关注释,方便客户修改。

EDM模板制作规范的更多相关文章

  1. (转)EDM邮件制作规范完整版

    转载:http://www.maildesign.cn/archives/1380 在我们的日常工作中,经常需要发送邮件和我们的会员沟通.如注册确认.营销推广等.这些由站方发给会员的信件,往往纯文本格 ...

  2. EDM文件编写规范及注意事项

    [设计EDM邮件] (1)乱码:你没法知道所有用户的系统环境,因此使用utf8来避免乱码是非常重要的 (2)绝对URL:若是相对URL,用户在打开页面是将看不到图片 (3)图片Alt属性:大多数邮件服 ...

  3. phpcms v9模板制作教程

    phpcms v9模板制作教程(转载) 第一节 1.首先下载phpcms v9的集成安装包并安装,这里就不详细说明了. 2.本地调试建议大家使用APMserver,或者wampserver等,可以到P ...

  4. phpwind9.0模板制作教程——制作论坛风格

    由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...

  5. Altium Designer 文档信息设置以及模板制作

    原理图文档模板制作方法一.在DXP原理图设计环境下,新建一个自由原理图文档.单击:文件→新建→原理图,或者使用快捷键Ctrl+N打开Files资源面板,在“新建”项目下的选择“Schematic Sh ...

  6. magnetom模板制作

    我个人认为Magento模板制作的难点在于不了解Magento的架构,不会调动block.Magento的block调动几乎都是靠xml.在下面的内容会提及如何操作. 制作Magento模板的前提是: ...

  7. Xen虚拟机磁盘镜像模板制作(四)—CentOS 7

    在<Xen虚拟机磁盘镜像模板制作(三)—CentOS 7>一文中,我们已经成功制作出了 CentOS7 磁盘镜像.下面我们说明下如何通过它来生成目标虚拟机,同时测试下之前制作好的虚拟机磁盘 ...

  8. Xen虚拟机磁盘镜像模板制作(二)—Windows Server 2008(2012)

    在<Xen虚拟机磁盘镜像模板制作(一)—Windows Server 2008(2012)>一文中,我们已经成功制作出了Windows Server磁盘镜像.下面我们说明下如何通过它来生成 ...

  9. 如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表

    随着大数据时代的到来,多种移动阅读终端方兴未艾 —— Amazon Kindle不再小众.各互联网巨头纷纷推出旗下的电子书阅读软件.有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了.ePub格 ...

随机推荐

  1. ffmpeg源码分析四:transcode_step函数 (转4)

    原帖地址:http://blog.csdn.net/austinblog/article/details/25099979 该函数的主要功能是一步完整的转换工作,下面看看源代码: static int ...

  2. Angularjs Ng_repeat中实现复选框选中并显示不同的样式

    最近做了一个选择标签的功能,把一些标签展示给用户,用户选择自己喜欢的标签,就类似我们在购物网站看到的那种过滤标签似的: 简单的效果如图所示: 首先看一下html代码: 1 <!DOCTYPE h ...

  3. MySQL 中随机获取数据

    由于需要大概研究了一下MYSQL的随机抽取实现方法. 目前采用的方法: SELECT * FROM tablename ORDER BY RAND() LIMIT 实现原理: 通过ORDER BY R ...

  4. VS Code 在新Tabs打开文件

    添加如下设置即可 "workbench.editor.enablePreview": false

  5. IT 360服务器监控

  6. 高性能Web服务器Nginx的配置与部署研究(16)小议location匹配模式优先级

    1 location 的匹配符 1.1 等于匹配符:= 等于匹配符就是等号,特点可以概括为两点: 精确匹配 不支持正则表达式 1.2 空匹配符 空匹配符的特点是: 匹配以指定模式开始的 URI 不支持 ...

  7. 高性能Web服务器Nginx的配置与部署研究(3)Nginx请求处理机制

    1. 处理什么样的请求 处理访问到 Nginx 所在 IP 地址的请求,并且这些请求的 HTTP 头信息中的 Host 为所要处理的域名(如下以80端口为例),如下几个 server 就对应响应的请求 ...

  8. 114. Flatten Binary Tree to Linked List (Stack, Tree; DFS)

    Given a binary tree, flatten it to a linked list in-place. For example, Given 1 / \ 2 5 / \ \ 3 4 6 ...

  9. Java 代理机制

    Table of Contents 1 引言 2 常见的代理 3 代理模式UML图 4 代理模式实例 5 java动态代理 5.1 java动态代理UML图 6 代理模式与装饰者模式的区别 6.1 装 ...

  10. Python将阿拉伯数字转化为中文大写-乾颐堂

    利用Python将阿拉伯数字转化为中文大写,其实最麻烦的地方就是中间空多个0的问题,这种情况下,采用拆分法则,将一个大数字,先拆分成整数部分和小数部分,再对整数部分按照仟.万.亿.兆分位拆分为四个字符 ...