事先声明:我没有能力自己从头到尾编写一封HTML的邮件,我只能借助已有的模板,进行相关的修改,如果你是高手,可以从零开始给大家培训HTML语言!
图片较多较大,如果不显示,可以刷新此页面!
前面说了,设计一封HTML邮件并不需要HTML基础,因为网上可以找到大量的免费HTML邮件的模板,我们只需要下载这些模板就好了。
例如:http://www.benchmarkemail.com/cn/resources/Free-HTML-Email-Templates ,这个网址下的很多免费模板。当然只要你愿意找,去google一下,发现有大把的免费资源,ok,选择你中意的下载。
例如,我随便下载了一个模板解压缩,得到了文件夹,下面有一个HTML网页文件,一个文件夹:
这是HTML的标准配置,我们双击HTML网页:
这是这封HTML邮件的基本格式和元素。我们就利用这个模板进行我们自己邮件的修改。
右键点击图中的mailer(html网页文件),选择用记事本打开:
得到一个HTML的源代码:
全选,复制,打开我们的邮件编辑器,包括电脑的客户端都可以,可以选择代码的编辑模式,当然代码的编辑模式有很多种切换方法,例如:
这是一种,还有一种:
Foxmail下也可以编辑:
切换到代码模式,或者HTML模式,将复制好的代码粘贴到编辑框内,然后我们切换到可见视图模式,可以看到一个基本的HTML邮件已经形成:
跟前面正式的邮件模板相比,有两个图片没有显示出来。因为模板下载之后,图片元素存在于images这个文件夹内,HTML通过命令调取文件夹中的图片。但是我们复制过来之后无法调取本地图片,所以,无法显示图片。
看上图,调用的是本地文件夹images中的图片。
现在无法调用了,怎么办呢,很简单,调用网络上的图片就可以了。所以,我们要把我们需要用的图片上传到某个网站或者空间。
问题来了,使用什么网站呢?
要知道我们是做外贸,google在国内虽然被封,在国外速度还是所有网站中最快的,那么我们就把图片上传到google下的plus就好,如图:
你可以选择分享的对象,可以选择不公开,这样只有自己能够看到上传的元素,上传后,获取图片的链接地址。
然后这个时候我们就要去找调用命令,让命令来调用我们的在线图片:
此时,我们返回可见模式:
图片出现了。
ok,上面的文字,在可见模式下可以直接编辑,很容易搞定:
这样一封HTML邮件设计完了,其他的模板也是同样,愿意研究的可以寻找更多的复杂,美观的模板。
提供几个收集到的免费HTML邮件模板地址:
http://www.weidea.net/post/8488
http://www.weidea.net/post/4923
http://www.webmax.com.cn/articles/articles_0120_1.html
http://freemailtemplates.com/
嫌不够,就自己动手吧,丰衣足食!