EDM模板制作规范
为了保证最大的兼容性,在制作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模板制作规范的更多相关文章
- (转)EDM邮件制作规范完整版
转载:http://www.maildesign.cn/archives/1380 在我们的日常工作中,经常需要发送邮件和我们的会员沟通.如注册确认.营销推广等.这些由站方发给会员的信件,往往纯文本格 ...
- EDM文件编写规范及注意事项
[设计EDM邮件] (1)乱码:你没法知道所有用户的系统环境,因此使用utf8来避免乱码是非常重要的 (2)绝对URL:若是相对URL,用户在打开页面是将看不到图片 (3)图片Alt属性:大多数邮件服 ...
- phpcms v9模板制作教程
phpcms v9模板制作教程(转载) 第一节 1.首先下载phpcms v9的集成安装包并安装,这里就不详细说明了. 2.本地调试建议大家使用APMserver,或者wampserver等,可以到P ...
- phpwind9.0模板制作教程——制作论坛风格
由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...
- Altium Designer 文档信息设置以及模板制作
原理图文档模板制作方法一.在DXP原理图设计环境下,新建一个自由原理图文档.单击:文件→新建→原理图,或者使用快捷键Ctrl+N打开Files资源面板,在“新建”项目下的选择“Schematic Sh ...
- magnetom模板制作
我个人认为Magento模板制作的难点在于不了解Magento的架构,不会调动block.Magento的block调动几乎都是靠xml.在下面的内容会提及如何操作. 制作Magento模板的前提是: ...
- Xen虚拟机磁盘镜像模板制作(四)—CentOS 7
在<Xen虚拟机磁盘镜像模板制作(三)—CentOS 7>一文中,我们已经成功制作出了 CentOS7 磁盘镜像.下面我们说明下如何通过它来生成目标虚拟机,同时测试下之前制作好的虚拟机磁盘 ...
- Xen虚拟机磁盘镜像模板制作(二)—Windows Server 2008(2012)
在<Xen虚拟机磁盘镜像模板制作(一)—Windows Server 2008(2012)>一文中,我们已经成功制作出了Windows Server磁盘镜像.下面我们说明下如何通过它来生成 ...
- 如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表
随着大数据时代的到来,多种移动阅读终端方兴未艾 —— Amazon Kindle不再小众.各互联网巨头纷纷推出旗下的电子书阅读软件.有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了.ePub格 ...
随机推荐
- ffmpeg源码分析四:transcode_step函数 (转4)
原帖地址:http://blog.csdn.net/austinblog/article/details/25099979 该函数的主要功能是一步完整的转换工作,下面看看源代码: static int ...
- Angularjs Ng_repeat中实现复选框选中并显示不同的样式
最近做了一个选择标签的功能,把一些标签展示给用户,用户选择自己喜欢的标签,就类似我们在购物网站看到的那种过滤标签似的: 简单的效果如图所示: 首先看一下html代码: 1 <!DOCTYPE h ...
- MySQL 中随机获取数据
由于需要大概研究了一下MYSQL的随机抽取实现方法. 目前采用的方法: SELECT * FROM tablename ORDER BY RAND() LIMIT 实现原理: 通过ORDER BY R ...
- VS Code 在新Tabs打开文件
添加如下设置即可 "workbench.editor.enablePreview": false
- IT 360服务器监控
- 高性能Web服务器Nginx的配置与部署研究(16)小议location匹配模式优先级
1 location 的匹配符 1.1 等于匹配符:= 等于匹配符就是等号,特点可以概括为两点: 精确匹配 不支持正则表达式 1.2 空匹配符 空匹配符的特点是: 匹配以指定模式开始的 URI 不支持 ...
- 高性能Web服务器Nginx的配置与部署研究(3)Nginx请求处理机制
1. 处理什么样的请求 处理访问到 Nginx 所在 IP 地址的请求,并且这些请求的 HTTP 头信息中的 Host 为所要处理的域名(如下以80端口为例),如下几个 server 就对应响应的请求 ...
- 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 ...
- Java 代理机制
Table of Contents 1 引言 2 常见的代理 3 代理模式UML图 4 代理模式实例 5 java动态代理 5.1 java动态代理UML图 6 代理模式与装饰者模式的区别 6.1 装 ...
- Python将阿拉伯数字转化为中文大写-乾颐堂
利用Python将阿拉伯数字转化为中文大写,其实最麻烦的地方就是中间空多个0的问题,这种情况下,采用拆分法则,将一个大数字,先拆分成整数部分和小数部分,再对整数部分按照仟.万.亿.兆分位拆分为四个字符 ...