说起邮件模板,并不是所有网页设计师都做过,虽然也只是个简单的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相关推荐

  1. 记录一下开发邮件模板兼容outlook客户端以及其他主流邮箱客户端所引发的无数问题,头发要薅没了

    最近整了一个钓鱼网站,然后会发送模板邮件,模板内容如下 等等诸如此类的样式布局,这个直接用原生的html+css写的模板内容,发送邮件之后在邮箱里面显示的很正常,结果出现了一个outlook邮箱. 这 ...

  2. 使用XSLT制作HTML邮件模板并发送

    之前有写过能发送邮件的小工具,基本做法就是先在代码中写死一封HTML邮件的格式,然后用适当的方法取得外部的几个值填到预设的参数里,最后把合体后的string类型邮件发出去.简单的邮件还好,当内容稍微多 ...

  3. java 邮件模板_Spring Boot 优雅地发送邮件

    最近在项目开发中有向使用者发送报警通知的功能,其中报警媒介就包括邮件,这篇文章就简单介绍了 Spring Boot 如何快速集成实现邮件发送. 通常在实际项目中,也有其他很多地方会用到邮件发送,比如通 ...

  4. 初次联系导师短信模板_2020考研复试:提前联系导师的6点注意事项(附邮件模板)...

    申明:之前在一篇文章中,有对大家做出承诺,专门会写一篇关于考研复试要不要联系导师,如何联系导师以及联系导师有哪些注意事项的文章. 所以说,希望下面这篇文章能够帮助到大家,特别是2020年的考生. 文章 ...

  5. 邮件格式转换html,HTML邮件模板 - lenglingx的个人页面 - OSCHINA - 中文开源技术交流社区...

    邮件要求兼容 outlook 等邮箱软件,发现很多样式都不生效.找到的模板如下: 尊敬的开发者: "xxx"在此次的'网络友好度测试'评级:4颗星(最高5颗星). 注意点 不支持头 ...

  6. java velocity 邮件_邮件集成java mail + 读取邮件模板

    项目做异地登录提醒功能,通过java mail发送邮件.读取邮件模板sendMail.vm文件. 1.邮件发送 import java.io.StringWriter; import java.uti ...

  7. Devise邮件模板路径

    以重置密码发送的邮件为例: devise发送邮件的模板在:[项目]/app/views/devise/mailer/reset_password_instructions.html.erb 如果此路径 ...

  8. EDM系统看板多邮件模板邮箱配置地址簿​EDM营销推送邮件系统开发

    多用途市场调查推广销售活动EDM营销推送邮件系统开发 EDM营销(Email营销),帮助企业向目标客户发送EDM邮件,建立同目标顾客的沟通渠道,向其直接传达相关信息,是促进销售的一种营销方式. EDM ...

  9. 电子病历模板编辑器_这几个邮件模板网站,帮助提升工作效率

    AUTOKLOSE: 一些免费的邮件正文模板. Autopilot Templates: ree customer journey templates for marketing automation ...

  10. outlook邮件模板_如何在Microsoft Outlook中创建和使用电子邮件模板

    outlook邮件模板 Email templates in Microsoft Outlook are easy to create, but not so easy to navigate to ...

最新文章

  1. 哈希表的分类,创建,查找 以及相关问题解决
  2. App启动闪屏黑屏问题
  3. GRE写作-学生选择有助于就业的课程or根据兴趣选课?
  4. ceph pg_num 数值计算
  5. C语言代码规范(四)命名规则
  6. 模拟产品展示 Flash无法展示的追踪过程
  7. 机器学习--01建立开发集与训练集
  8. Silverlight中使用MVVM(9)-绑定Enum类型数据
  9. Linux-dmidecode 下面查看主机BIOS信息命令
  10. Django学习笔记5-url
  11. Netlink 0007 --- 创建实现分析
  12. linux 驱动程序 设备模块 设备号 设备文件创建 设备注册 字符驱动设备分析
  13. 获取微信小程序邀请码并下载
  14. 谷歌面试题:两个玻璃球摔碎的楼层高度
  15. 科学技术法-正则表达式-QT
  16. 3的16次方用计算机怎么算,excel2016次方公式怎么用
  17. Emoji表情后台处理
  18. 单片机胡汉才第四版答案_单片机课后习题答案__胡汉才编
  19. form表单提交数据的两种方式——submit直接提交、AJAX提交
  20. oracle基础|oracle多表查询用法|什么是等值连接(inner join)|什么是不等值连接(between)|什么是左连接(left join)|什么是右连接(right join)

热门文章

  1. 【python】nonebot--QQ接口库
  2. [FROM VIJOS]安装服务器
  3. 天堂2经典服务端源代码ver2.0-2.7
  4. 直流无刷电机无感检测电路原理
  5. matlab傅里叶变换处理图像,MATLAB数字图像处理(1)基本操作和傅里叶变换
  6. 舆情监控系统python开源_开源舆情监控系统
  7. jquery表单美化组件实例
  8. Java程序员常用网站
  9. python图像标记工具怎么用_图像标注教程(使用LabelImg标注工具)
  10. Esri官网购买个人版ArcGIS Pro激活方法