qq邮件模板下载
篇一:
利器:定制你的炫酷邮件模板
设计利器:定制你的炫酷邮件模板
使用HTML+CSS的方式,可以很大程度上来自定义自己的邮件样式。本片文章适合于有HTML和CSS基础的读者,如果你是前端工作人员,那可以说是小菜一碟,如果你没有任何前端基础,那么请你先作好相关知识的入门工作。下面先来一个效果图:
自定义邮件模板样式
首先是DIV+CSS的布局,这个工作其实已经很简单,不需要进行色彩和内容的构思,只需要根据你自己的想法进行布局,说白了,就是构造一个网页框架。那么,布局完了,就该添加一些你个人自定义的模板啦,这里的模板,是指公用的模块,比如标
、主题、称呼、落款以及底部标签等等。这里需要使用CSS来美化你的模块,加上适当的颜色搭配,从而形成看的舒服的邮件界面。
然后,就是如何使用构建好的模板来写邮件。在这里,你的邮件模板是通过HTML源码保存的。要将一个网页作为邮件内容发送,其实有很多种方法,一是直接通过编程方式,
1
这种方式应当是限制最小的,一般企业发送的邮件可以通过内部封装好的API来发送,在JDK的扩展包javax.mail就提供了很多收发邮件的方法。这里主要还是针对广大用户,使用傻瓜式的操作来构建自己的自定义邮件。如下:
一般使用QQ邮箱,或者网易邮箱来编写这种自定义的网页邮件。这里以网易邮箱为例:
1 切换编辑器至网页源码编辑模式
切换编辑器至网页源码编辑模式
2 将编辑好的邮件模板的HTML源码全部复制进去,这里是指包含已经写好的邮件内容。推荐将模板文件保存为单独的HTML文件,需要的时候,复制一份出来,然后修改其中的文本内容即可。
将写好的HTML邮件直接复制进去
3 直接切换为普通模式的时候你就可以预览你的邮件了
直接切换为普通模式的时候你就可以预览你的邮件了
4 最后点击发送就可以了,别人就能看到你的网页邮件了
QQ邮箱接收的邮件
值得注意的是:
1 要考虑兼容性,一般布局的时候采用百分比的方式来定义,而不能直接以绝对定位的方式来设计你的模板。这样才能保证在PC端、平板端或者手机上阅读的时候不会出现视觉障碍。如果你是专业的前端开发人员,那你一定觉得我在
2
说三岁小孩就会的东西+.+。
2 部分邮箱不支持特定的标签,在编辑时,比如腾讯QQ邮箱则不支持按钮等外链(以前是不行的,会将其链接失效,现在不知道改了没有),网易邮箱则是支持的。
好了,本次分享就到此为止,发送一封网页类型的邮件其实可以提高自己的逼格呢!当然了,需要一定的HTML和CSS基础。
篇二:邮件模板制作
S1.04
邮件模板制作规范
第一部分 邮件模板概括
1、 邮件类型:
1) 新闻订阅;
一般文字内容居多,每段文字具有相应的链接可供点击,同时加入少量图片进行点缀,模板顶部带有显著的公司logo和邮件发送内容标示,模板底部具有公司的联系方式,免责申明等栏目,邮件通常大于50K。
2) 产品订阅;
一般图片内容为主,图片带有相应的链接可供点击,目的是有针对性的介绍最新的产品或活动信息,由于采用图片为主的形式,邮件大小通常在20k以内。
注:以上类型的模板制作均采用
的html语言,并插入具有绝对地址链接的图片和链接。
3
2、 邮件模板显示尺寸:
考虑到现在显示器不同分辩率的问题,一般建议邮件模板的显示宽度为800px至1024px之间;模板高度在1280px左右(即用户之需要一次滚动屏幕就可浏览全部内容)。
模板最佳尺寸:显示宽度400px-800px,模板高度控制在一屏以内。
3、 标准邮件模板中需包括以下内容:
1) 标准页眉页脚应用
必须含有邮件无法正常显示的引导入口,如下的类似文字,如:
如果无法浏览此邮件,请点击这里;
另外,最好建议用户将发件人加入联系人列表。
必须含有明显的退订链接标示(退订链接可直接由发送系统提供或链接到用户自己提供的退订链接);
2) 其他页眉页脚应用:
表明邮件的主要目的
邮件退订
选择订阅内容
修改订阅邮箱
隐私保护
企业服务标准等
注:目前网民使用的主流的浏览器有:
4
微软IE6 / IE7 / IE8、以IE为核心的遨游/Green、Google Chrome及FireFox,使用覆盖率超过90%;经过模板制作规范的建议修改后,以上浏览器均能正常显示模板。
第二部分 静态页面的制作
一、 内容比例
邮件模板中,图片及文字应具有平衡的比例,从门户的判断机制上来看,邮件正文中文本的比例越合理,被判断为垃圾邮件的可能性越小,尤其是网易。通常我们建议根据邮件的内容将非效果性文字都以文本的形式呈现。
二、 切图方式
1、 页面制作方式目前分为table与div两种方式
要确保邮件模板在不同的邮件客户端中显示效果保持一致,需采用table格式的切割;而div格式由于有些属性不被邮件客户端完全支持,所以建议避免使用。
2、 切割图片时,在不影响图片失真的情况下,所切割图片应尽可能的优化
图片优化后,容量减小,保证了用户打开邮件时,在最短时间内看到感兴趣的图片,提高邮件模板的阅读率;另外,当遇到页面中有动画时,可将动画导出为gif图片;对于页面中的flash动画,目前大部分邮件客户端暂不支持正常的显示。
3、 插入的图片要定义高和宽
5
通常图片的高和宽都使用width和height进行定义,但在qq邮箱中会清除页面里所有图片的高和宽,导致页面显示变形;所以图片的高和宽建议采用style中定义的方式,如: style=”width:xxx;height:xxx”。
4、 不使用背景图片
在outlook中,背景图片将无法显示,其他邮件客户端可正确显示背景图片。
5、 图片的地址链接
不采用map标记形式,因为map标记在outlook中无法进行正常的点击,即无法打不开该链接指向的网址。
6、 不使用word转换的html文件作为模板
由于word转换后会在html中插入大量无用代码,导致邮件出现显示错乱和易被拦截等问题。同时,建议对word文档手工转换成html网页后,加入相关图片,以更好的吸引客户眼球。
三、 CSS样式定义
1、 CSS样式的添加可分为两种方式:
1) 外部调用样式;
2) 内部调用样式;
3) HTML Tag中直接定义样式。
2、 对以上内容分别进行相关阐述
1) 外部调用样式,指在网页的<head中写出样式表文
6
件的名称和路径,例如:
<head
<link href=all.css rel=stylesheet type=text/css/
</head
2) 内部调用样式,指在页面的头部,以<style开头,以</style结尾的样式
定义。例如:
<head
<style
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding:0px;
color:#000000;
}
</style
</head
3) HTML Tag中直接定义样式,指直接在html tag标记中写style定义。例如: <span style=font-family:Arial;font-size:12px;color:(转 载于:wWw.xLTkwj.cOM 小 龙 文档网:qq邮件模板下
7
载)#6F6E6E文字信息</span
第一种和第二种方式为制作网页的常用方式,但这两种方式在邮件客户端中某些定义将无法生效。第三种方式在邮件客户端中显示兼容性最高,但手工制作繁琐,所以系统集成了“网页抓取”功能,抓取功能将自动把第一种和第二种网页转换成第三种网页的样式定义模式,从而确保了模板显示的最大兼容性。
3、 其他
Alt值——在主要的图片中定义Alt,标注上图片中的文字内容,在图片无法正常显示时,用户仍然可以看到图片所要传达的主题内容。
第三部分 页面的测试
页面制作完毕以后,需上传到web专用服务器
测试时页面抓取分为:
?、 url抓取(url抓取是系统专为提供模板显示兼容性而设计的功能,建议使用)
?、 html代码复制,使用代码复制要求网页中的链接或引用都使用绝对地址,否则网页中的图片将无法在邮件中正常显示;)
第四部分 查看邮箱
邮件模板的发送有可能发生的三种情况
1、 邮件进入收件箱;
8
2、 邮件进入垃圾箱;
3、 邮件被拒收;
出现以上情况后,建议对邮件做如下调整:
1、 适当更换邮件主题;
2、 删除模板中可能为国家规定的政治敏感词汇或色情、
推销等词汇;
3、 模板内容采用文字和图片混合排列的方式;
4、 删除模板中不必要的链接,邮件中的链接不易过多,
建议少于10个;
第五部分 经验总结
门户的规则总是不断更新,当我们无法掌握准确的规则
信息时,可以通过每次发送经验中的问题,总结出解决的办
法。以下是一些常见或不易发现的问题。
问题1:
正确写法<a href=/hyatt/reservations/flow1/corpCheckAvailability.jsp
target=_blank<img src=images/index_13.jpg alt=link1
width=165 height=22 border=0 /</a<a href=/hyatt/reservations/flow1/corpCheckAvailability.jsp
target=_blank
一个链接对应两个<a第二个<a没有结束,IE不会报
错,但积少成多,造成邮件体积大,服务器负担变重.
9
问题3:
<td width=147<img src=images/index_14.jpg
alt=link2 width=127 height=22 border=0 / </td
Td里面只有图片,老系统会在</td前加个空格,造成图片撑裂的问题,解决方法,在抓取模板后在代码部分手动清除空格
问题4:
mailto 的正确写法,
<a href=mailto:shanghai.bund@hyatt.com
问题5:
对于纯英文邮件,发送时必须使用utf-8字符集进行发送,减少因字符集问题带来的无法阅读问题。
其他经验总结:
1模板制作尽量用色块,做成类似插画的效果,少用过度,切图时用gif减少容量,减轻发送负担
2打开模板时要检查里面的js,尽量去掉js,因为有的客户端会报错,尤其是outlook
3 应该尽量在dw里重做客户模板,不要用ps直接生成的html
篇三:关于QQ邮箱中的各种警告及解决方法
关于QQ邮箱中的各种警告及解决方法
关于QQ邮箱中的各种警告以及解决方法
10
QQ邮箱的各种警告
在QQ邮箱中我们可以看到,QQ邮箱为我们接受的邮件中,部分邮件会出现各种各样的警告,比如:
这不是腾讯公司的官方邮件。为了保护邮箱安全,内容中的图片未被显示;?
这不是腾讯公司的官方邮件。请勿轻信密保、汇款、中奖信息,勿轻易拨打陌生电话;?
此地址未验证,请注意识别;?
为营造健康的邮件环境,请确认该邮件是否由您订阅;?
以上种种警告,都是QQ邮箱帮助QQ邮箱用户识别邮件内容所采取的一些措施,可能不够精确,但是能一定程度上引起QQ邮箱用户的警觉。
此地址未验证,请注意识别
当邮件出现“此地址未验证,请注意识别”的错误的时候,一般会以红色字体标出,如下图所示:
此警告一般出现的情况是:假设你用SendCloud的服务发送邮件,你使用的发信人地址是abcd@domain.com,然而domain.com是QQ邮箱可以识别的域名(比如qq.com或者该域名使用了QQ企业邮箱的服务),那么发送到QQ邮箱的邮件会被标上“此地址未验证,请注意识别”的警告,这是QQ邮箱为了防止他人冒充企业邮箱地址进行发信所做的
11
一种策略。
如果你使用SendCloud
发送邮件出现这种情况,我们建议,不要使用QQ
企业邮箱地址作为发件地址。
为营造健康的邮件环境,请确认该邮件是否由您订阅
当邮件出现“为营造健康的邮件环境,请确认该邮件是否由您订阅”的警告的时候,一般会以绿条的形式给出,如下图所示:
此警告一般出现的原因是邮件被QQ判定为广告邮件。在QQ邮箱底部点击“自助查询”,然后点击“广告邮件查询”,可以查看到所有被判定为广告邮件的“邮件来源”,如下图所示:
出现“为营造健康的邮件环境,请确认该邮件是否由您订阅”的提示,并不表示你的邮件质量很糟糕,一般一个域名或一个新的邮件地址在开始发的时候,会出现这个提示,只要你在发送过程中保持良好的打开点击和较低的垃圾邮件举报,这个提示过几天就会消失。也可以尽量让用户去设置-反垃圾-添加邮箱到白名单/添加域名到白名单,将你的邮件地址或域名添加到白名单中,或者将你的邮件地址加入到联系人列表。
这不是腾讯公司的官方邮件
当邮件出现“这不是腾讯公司的官方邮件”的警告的时候,
12
一般会以黄条的形式给出,如下图所示:
此警告一般出现的原因是邮件内容不太正规,被判定为有问题的邮件。当邮件内容问题过大时,可能就被直接判定为垃圾邮件,从而进入垃圾箱。
首先,要去调整自己的邮件模板或者邮件内容,修改或去掉一些可能会增大垃圾邮件几率的关键词,例如天猫、大促等等。其次,和绿条的处理方式一样,尽量让用户去设置-反垃圾-添加邮箱到白名单/添加域名到白名单,,将你的邮件地址或域名添加到白名单中,或者将你的邮件地址加入到联系人列表。
相关热词搜索:邮件 模板下载 qq qq邮件格式模板 qq邮件签名模板
13