电子邮件制作规范和建议

转载：
通过基于许可的电子邮件营销，不仅可以大大的降低营销和推广的成本，更能够直接地、准确地把信息传递到客户手中。

今天我研究的问题是，如何从技术方面入手，制作一个优秀，且同时兼容用户视觉和邮件客户端的电子邮件。

1.选择HTML还是文本(Plain Text)
有人喜欢简单的文本，有人喜欢看丰富的HTML，我们怎么选择？
对于营销型的邮件，建议使用HTML格式来制作(图)；

而对于确认/提醒/告知型邮件，建议使用文本或者简单的HTML来制作(图)。

为什么针对这两种不同类型的邮件，采用不同的制作方式，这基于这些原因：
营销型邮件的内容丰富性、多样性；确认型邮件的内容单一性，独特性；
在营销型邮件中，客户会更注重内容的丰富性和视觉效果的美观性；
在确认型邮件中，我们要让客户非常直接的看到确认信息，复杂的内容和视觉效果只会让客户忽略了邮件的主要内容——即确认信息；
(下文将对营销型邮件的HTML制作做重点讨论)

2.基于表格布局+CSS的HTML基本功
功夫分两种，一种至阳至刚，另一种则至阴至柔，张三丰之所以登峰造极，因为其武功底子好，少林基本功扎实，才悟出这道即能至阴，又能至阳的太极拳。
HTML 的邮件也是如此，我们知道，当今邮件阅读客户端有很多种，传统的Outlook，Thunderbird，Lotus Notes，以及在线的Mac Mail，Gmail，Hotmail等，对邮件的解释都会不同，大多数在线邮件系统会屏蔽掉<head></head>标签之间的代码。

要让所有用不同客户端的用户看到的邮件相同，这就要非常好的掌握好HTML的基本功。有人说DIV+CSS，有人说是SEO标签语义化，不可否认作为一个网页开发人员，能有这两种时下流行的HTML开发思想会很吃香，但是，这并不适用于邮件制作。我们的目的是让客户在不同邮件客户端下看到相同的信息内容，这就用到一个最原始的排版方式：表格布局+CSS。让我们看下时下邮件客户端对HTML和CSS的支持(图)：

*Hotmail能解析<body></body>间的<style>，但同样屏蔽<head></head>间的<style>

3.做HTML邮件时，就要着重注意以下几点：

1. 把样式写入HTML标签内部，不要独立在某个外部文件中，也不要写在<style></style>代码中(图)；

2. 给每一个有内容标签内部都加上CSS，即使重复和繁琐

3. 不要用CSS来对HTML元素标签定位；
用绝对大小(像素)和相对大小(百分比)相结合的表格嵌套方式来定位。

4. 不要在邮件中插入任何的Javascript和Flash和一些效果标签
      绝大部分邮件客户端会屏蔽Flash和Javascript，以及一些特殊标签和属性；
   5. 不要使用背景图片
      background-image属性在多数在线邮件客户端被屏蔽掉，尤其是Gmail；
   6. 给每张图片都指定宽和高以及Alt属性值；
      图片的src属性一定要用绝对地址：
      正确：<img src=”http: // blog.54575.com/logo.gif” width=”297″ height=”160″ alt=”好好活=有意义” />
      错误：<img src=”logo.gif” />
   7. 重要的内容请不要用图片标示
      展览会的时间，地点，内容等信息是非常总要的，考虑到图片可能无法显示，这些内容不建议放在图片中显示；
      即使放在图片中，也请在邮件内容中以文字形式表示出来，并给把内容加入图片的Alt属性中。
   8. 使用统一的utf-8编码；

4.邮件的宽度，650px?还是600px?
我们都知道，时下网页的宽度标准是950/960px，这取决于我们的显示器分辨率；
而电子邮件经常是通过两种途径打开，软件客户端和在线客户端，这两种邮件客户端(图)。
*Microsoft Outlook 2003

*网易163邮箱

由图可见，邮件往往并不是全屏显示的，
如果延续使用网页的960/950px标准宽度，则势必会造成邮件一部分内容被遮盖住，这样，就产生了横向和纵向的两个滚动条，不方便于客户浏览；
而太窄的宽度又会造成空间的浪费(图)

那么，对于HTML邮件的宽度，到底定在多少才是最佳的呢？我们首先来参考下几家知名企业HTML邮件制作时所用的宽度：

网易有道：600px

QQ会员：650px

Dell家庭与办公：650px

Cisco Webex：600px

可见，这些知名IT企业的营销邮件宽度就两种600px和650px，
而据我4年EDM和Web设计经验，我更倾向于选择后者，即650px作为HTML营销邮件的标准宽度。
650px的优势：
当邮件的内容被分成2栏时候，650px可以分割成X+10+Y，其中X=左栏，Y=右栏，10为间隔空隙，X+Y=640，而640恰好能被20整除，640=2×2x2×2x2×2x10，
当邮件的内容被分成3栏时候，650px可以分割成X+10+Y+10+Z，同样的，X+Y+Z=630，630恰好又能被30整除，630=3×3x7×10。
这就是我选择650px而不选择600px的原因。
当然，这仅仅是我自己的标准，还未成为全球统一的标准，但我希望有一天这个宽度能被绝大多数的HTML邮件制作者和接受者所认可。

转载于:https://www.cnblogs.com/yuzhongwusan/archive/2009/09/08/1562343.html

电子邮件制作规范和建议相关推荐

邮件营销EDM模板制作规范
最近在做一些活动项目,时不时会有邮件发送页面(简称EDM)的制作,做好的页面,经过无数次的测试,总结出下面的EDM制作标准,现与大家分享下,希望对大家有帮助. 第一部分邮件模板概括 1.邮件类型: ...
Docker镜像制作规范
Docker镜像制作规范镜像(Image)是在基础文件集(root filesystem)之上依次变更的集合,及在容器运行的默认执行参数. 术语层(layer) 镜像由层(layer)组成.每一层 ...
关于拼板邮票孔制作规范
关于拼板邮票孔制作规范 1. 邮票孔:建议5至8个0.60mm(直径)的孔为一排(要双排)为一组. 2. 双排板与板之间至少要保证1.2mm以上间距(常规是1.6或2.0mm). 3. 孔边到另一个 ...
崩三类卡通渲染解析及制作规范
一.本篇文章分为三部分 1,卡通材质解析. 2,优化方向. 3,制作规范. 二.正文部分 1,卡通材质解析卡通渲染属于非真实感计算机图形学(NPR)的范畴,然而崩三的卡通渲染又在国内被称为行业的标杆 ...
PCB拼板邮票孔制作规范！
嘉立创关于PCB拼板邮票孔制作规范: 邮票孔:建议5至8个0.60mm(直径)的孔为一排(要双排)为一组. 双排板与板之间至少要保证1.2mm以上间距(常规是1.6或2.0mm). 孔边到另一个孔边间 ...
制作html5移动端页面,移动端H5页面制作规范
计量单位的使用 css的计量单位有三种选择:px: 固定的相素值 em: 相对父级元素的font-size设置来作为当前元素1em所代表的像素值,如父节点的font-size:10px,当前节点的fo ...
数字模型制作规范（转自Unity3D群）
本文提到的所有数字模型制作,全部是用3D MAX建立模型,即使是不同的驱动引擎,对模型的要求基本是相同的.当一个VR模型制作完成时,它所包含的基本内容包括场景尺寸.单位,模型归类塌陷.命名.节点编辑, ...
Unity3d 数字模型制作规范
数字模型制作规范本文提到的所有数字模型制作,全部是用3D MAX建立模型,即使是不同的驱动引擎,对模型的要求基本是相同的.当一个VR模型制作完成时,它所包含的基本内容包括场景尺寸.单位,模型归类塌陷 ...
u3d美术制作规范总结
一．资源命名规范: 1. 模型制作命名:模型的制作要遵循模型英文名加扩展名的命名方法.例如:Player.Fbx 2. 贴图制作命名:贴图的制作要遵循模型名_贴图英文缩写的命名方法 ...

电子邮件制作规范和建议

电子邮件制作规范和建议相关推荐

最新文章

热门文章