如何用outlook制作EDM HTML邮件图文教程

在读图时代,想做品牌海外推广营销,或是发些电子广告,没有些技巧是不行的。——我们传播的创意,而不是垃圾。百度的很多教程一上来就是说需要html等编程技术,需要掌握各种注意事项。justcn承认他们的专业性,但更想给菜鸟们一个应用EDM HTML邮件的机会——如何用outlook制作EDM HTML邮件,基本为word文档操作就行。

用outlook 2010制作EDM HTML邮件视频教程

上次做的EDM HTML邮件视频,第一次做视频而且没做准备,这个edm邮件制作视频有些垃圾,但基本表达了我的意思。justcn重新做一个简单的图文教程,也将视频中没有做好的表格布局设置说明了下,视频中不愿意重新做,其实很简单。
下载: 视频中用到的素材资料包

如何用outlook制作EDM HTML邮件图文教程

一、图片文字素材准备

如justcn的“ 视频中用到的素材资料包”一样,将文字和图片做好。outlook并非专业的图片制作工具,justcn本次EDM HTML网页版邮件教程,实则是个outlook排版教程。
先用word文档做基础排版。因为outlook的排版基本可以照搬word排版。这一步做好将受益匪浅,而且大幅提升制作EDM邮件效率、

二、用表格布局

这个是基础,你所有看到的图文混排格式都是靠它。甚至是应对各种网页邮局排版混乱的最佳方式。所以justcn建议大家先用word文档先排个版,然后再用outlook照葫芦画瓢,然后美化。
名词提醒:
设置参数时注意单元格和表格的不同。表格是由单元格组成,单元格可以独立设置个性参数。
outlook 图文混排格式
用outlook制作EDM HTML 邮件多了一个外边框。上图两侧边的红方框是用单元格来造成空间感,增加美观效果。中间的是典型的图文混排。每一个方框代表一个单元格。
outlook 插入表格
outlook 插入表格
典型的EDM HTML 邮件开局从outlook插入表格开始。这个表格通常是3列,行数随便。可以自由删减。用于布局和定位。需要设置表格或单元格的尺寸、对齐方式、间隔、边框和底纹。这些都很熟悉吧。
中间一列是内容列,即所有内容都在里面,两侧的是修饰列,主要用于制造边距,让页面好看些。传说中的留白。
outlook 表格居中
outlook 表格居中
outlook EDM邮件教程-设置表格宽度
outlook EDM邮件教程-设置表格宽度
EDM HTML邮件和网页一样,需要指定合适的宽度,以便于在邮件客户端显示。justcn通常使用760px宽度,或者20厘米。
选定中间列-邮件-表格属性
首先需要设置中间列的单元格宽度,如果图片是720px的话,这里一般指定宽度为19.06厘米。而表格宽度为20厘米。两侧单元格宽度设置为自动。如下图所示。
outlook EDM邮件教程-设置单元格宽度
outlook EDM邮件教程-设置单元格宽度
outlook EDM邮件教程-设置表格底纹
outlook EDM邮件教程-设置表格底纹
选定中间列-邮件-表格属性-边框和底纹-底纹
justcn通常喜欢设置表格底纹。对于简约版的EDM HTML网页版邮件而言。底纹不算浮夸。而整页的背景也可以设置背景颜色。但由于浏览器版的邮件客户端并不支持,所以一般不用。

发表评论

*
*