说起邮件模板，并不是所有网页设计师都做过，虽然也只是个简单的html，但其中却包含着很多让人无可奈何的地方，谁叫今个这web邮件和客户端邮件那么多呢！
现在我就来说几点需要注意的问题，如果你还不会操作，请看文章结尾。
1。设计邮件模板一定要把握好尺寸，能用百分比当然最好，但多半情况下都不能，只能用固定宽度，宽度一般要在600px以内，过宽会导致在一些web邮件里无法正常显示。至于设计什么内容才具有吸引力，那就你自个去研究了。
2。新建的html的文档类型选择无，即<html>，而不是我们经常使用的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">，这点大家一定要注意，在邮件里这个是不起作用的，但也要记得将文档编码一句加进去，如：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />。注意在foxmail中html的后缀名应该为.htm，否则无法使用，不知道是不是所有版本的foxmail都是这样。
3。写CSS请用内部样式的方式来写，即<style></style>，关于link的写法在OUTLOOK2007中是可以的。
4。如果能用table就尽量用table，这样会为你节省很多时间，但是如果你很固执比如像我这样不达目的不罢休的话，那就要接受一些折磨。
5。写div的CSS样式时不能用背景图，但用table可以在foxmail中写背景属性，不过位置以及是否重复那也是没有保证的，outlook 2007是不能使用背景图的。
6。图片别跟html一起作为邮件发送，这样在web邮件里会将图片作为附件显示出来，让人看了不舒服。图片可以放在服务器上。
7。在tom邮件中span标签是块状。
8。虽然outlook 2007支持html邮件模板，但是却是以word的形式来使用的，这导致很多东西不起作用了，如样式中的float,position,width等，所以不用table就会遇到很多麻烦了，还好我们可以用foxmail就基本解决这些问题。outlook2007（word2007）支持的HTML和CSS作了详细说明：
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2):
http://msdn2.microsoft.com/en-us/library/aa338201.aspx
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2):
http://msdn2.microsoft.com/en-us/library/aa338200.aspx
2007 Office System Tool: Outlook HTML and CSS Validator: 点此查看
---------------------------------------------------------------------------------------------------------------------------------
使用table布局绝对是好的。
邮件模板使用方法：
一，foxmail (我的版本是5.0版)
1。将你的邮件html文件(html中有图片的话，要么图片地址使用绝对路径，并把图片先上传到服务器。)以及相关文件(例如图片：而且如果你非要作为附件一起发送的话)放到foxmail的安装目录下的模板文件下：例如新建邮件的模板是在new文件夹内，则将html放到以下位置：
D:\Foxmail\Template\New
2。打开foxmail在你需要设置模板的帐户名上点右键的属性，然后向下拉找到模板（有的高版本不叫模板，好像叫信纸，你自己看看相近的名称了），然后上面检查一下，新邮件格式选择html，下面的默认模板选择html格式邮件，然后点浏览选择你放进去的html模板，确定就OK了，然后就可以新建邮件测试试试，但注意新建时看到的邮件样子可能与接收到此邮件时的样子有些不一样，可能是foxmail对某些代码不支持的缘故，如area标签，但发送出去后显示是正常的。另外好像html模板编码是utf-8的，不能正常显示，最好是用gb2312编码
二，outlook 2007
1。将你的邮件html文件以及相关文件(例如图片：而且如果你非要作为附件一起发送的话)放到：
C:\Program Files\Common Files\Microsoft Shared\Stationery
2。打开outlook 2007 依次点击：
工具 - 选项 - 邮件格式 - 信纸和字体 - 个人信纸中的主题 - 然后选中你刚才放进去的那个html文件确定确定再确定就OK了。然后新建一个邮件就可以看到效果了。
Form:SeaLevel Design Blog[sugood.net] - http://www.sugood.net/blog/article.asp?id=261
http://wenku.baidu.com/view/b537945c3b3567ec102d8a78.html 比较好，很全
现在我就来说几点需要注意的问题，如果你还不会操作，请看文章结尾。
1。设计邮件模板一定要把握好尺寸，能用百分比当然最好，但多半情况下都不能，只能用固定宽度，宽度一般要在600px以内，过宽会导致在一些web邮件里无法正常显示。至于设计什么内容才具有吸引力，那就你自个去研究了。
2。新建的html的文档类型选择无，即<html>，而不是我们经常使用的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">，这点大家一定要注意，在邮件里这个是不起作用的，但也要记得将文档编码一句加进去，如：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />。注意在foxmail中html的后缀名应该为.htm，否则无法使用，不知道是不是所有版本的foxmail都是这样。
3。写CSS请用内部样式的方式来写，即<style></style>，关于link的写法在OUTLOOK2007中是可以的。
4。如果能用table就尽量用table，这样会为你节省很多时间，但是如果你很固执比如像我这样不达目的不罢休的话，那就要接受一些折磨。
5。写div的CSS样式时不能用背景图，但用table可以在foxmail中写背景属性，不过位置以及是否重复那也是没有保证的，outlook 2007是不能使用背景图的。
6。图片别跟html一起作为邮件发送，这样在web邮件里会将图片作为附件显示出来，让人看了不舒服。图片可以放在服务器上。
7。在tom邮件中span标签是块状。
8。虽然outlook 2007支持html邮件模板，但是却是以word的形式来使用的，这导致很多东西不起作用了，如样式中的float,position,width等，所以不用table就会遇到很多麻烦了，还好我们可以用foxmail就基本解决这些问题。outlook2007（word2007）支持的HTML和CSS作了详细说明：
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2):
http://msdn2.microsoft.com/en-us/library/aa338201.aspx
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2):
http://msdn2.microsoft.com/en-us/library/aa338200.aspx
2007 Office System Tool: Outlook HTML and CSS Validator: 点此查看
---------------------------------------------------------------------------------------------------------------------------------
使用table布局绝对是好的。
邮件模板使用方法：
一，foxmail (我的版本是5.0版)
1。将你的邮件html文件(html中有图片的话，要么图片地址使用绝对路径，并把图片先上传到服务器。)以及相关文件(例如图片：而且如果你非要作为附件一起发送的话)放到foxmail的安装目录下的模板文件下：例如新建邮件的模板是在new文件夹内，则将html放到以下位置：
D:\Foxmail\Template\New
2。打开foxmail在你需要设置模板的帐户名上点右键的属性，然后向下拉找到模板（有的高版本不叫模板，好像叫信纸，你自己看看相近的名称了），然后上面检查一下，新邮件格式选择html，下面的默认模板选择html格式邮件，然后点浏览选择你放进去的html模板，确定就OK了，然后就可以新建邮件测试试试，但注意新建时看到的邮件样子可能与接收到此邮件时的样子有些不一样，可能是foxmail对某些代码不支持的缘故，如area标签，但发送出去后显示是正常的。另外好像html模板编码是utf-8的，不能正常显示，最好是用gb2312编码
二，outlook 2007
1。将你的邮件html文件以及相关文件(例如图片：而且如果你非要作为附件一起发送的话)放到：
C:\Program Files\Common Files\Microsoft Shared\Stationery
2。打开outlook 2007 依次点击：
工具 - 选项 - 邮件格式 - 信纸和字体 - 个人信纸中的主题 - 然后选中你刚才放进去的那个html文件确定确定再确定就OK了。然后新建一个邮件就可以看到效果了。
Form:SeaLevel Design Blog[sugood.net] - http://www.sugood.net/blog/article.asp?id=261
http://wenku.baidu.com/view/b537945c3b3567ec102d8a78.html 比较好，很全
扫一扫
227
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
