1、如何自设计图文并茂的网页式电子邮件PART 1概念什么是网页式电子邮件?顾名思义,就是网页形式的电子邮件。 图文并茂,更能夺人眼球 有文字、有图片,信息量大 有链接,点击后能转到自己的网站 投递速度快、且可个性化定制 成本低,广告效果好PART 2准备1. 登录 打开 浏览器,在地址栏中输入 : 用自己的用户名和密码登录(如果没有,可以免费注册)2. 邮件资料的准备1、选择 邮件 样式点击菜单栏 “ 如何 HOW” , 打开新页面,点击模板样式列表 ,请选择一 个适合自己的模板样式的图片,依据此模板样式图片来准备邮件所需要的文字和图片资料。2、文字资料的准备依据 模板 图片 来准备邮件的文字内
2、容,以方便您在定制时能直接复制文字,以加快定制速度。保存 为文本文件即可。3、邮件图片的准备 依据 模板 图片 来准备或设计邮件需要的图片,并将其上传到互联网上,并且人人可查看。 上传后需要获取并记录图片的网址,以备定制时使用。3. 图片的要求1)图片必须使用绝对 URL地址 正确的网络地址 (URL)的类似写法: http:/ 错误的 网络地址 (URL)写法 :/images/logo.png2)必须有查看图片的权限图片 必须上传到互联网中,并且可可公共 访问,否则,您所定制的邮件中的图片会无法显示。3.1 IE浏览器获取 图片 的 URL地址温馨提示:不同的浏览器获取图片 URL地址的
3、方法有所不同, IE浏览器获取您所上传的图片 URL地址的方法如下。l 用浏览器打开图片,右键点击 图片,出现右键 菜单l 点击属性l 选中 图片 的 URL地址l 复制并保存此图像的 URL地址到文本文件 中备用。3.2 其他浏览器获取 图片 的 URL地址方法温馨提示:不同的浏览器获取图片 URL地址的 方法有所不同, 其他浏览器获取您所上传的图片 URL地址的方法如下 。l 用浏览器打开图片,右键 点击图片,出现右键菜单l 点击 “ 复制图像地址 ”l 保存此图像的 URL地址到文本文件中备用。PART 3设计与定制自设计网页邮件的步骤1、选择模板2、设计或编辑邮件包括编辑文字、更改图片
4、、插入新图片、修改颜色等 。3、添加元素(可选项)4、生成邮件代码1.选择 模板 点击菜单上的 “ 开始定制 CUSTOMIZE”注:如果没有购买定制服务,请先行购买,否则会提示无权限。 选择模板点击右侧模板区的模板 (Template)标签,然后点击类型,比如 “ Email” 单选按钮,会列出可供选择的模板,选择一个适合自己的模板,点击缩略图,将其插入到编辑区。2.1 编辑文字 选中文字在编辑区用 鼠标 选中相应的文字,或者点击需要添加文字的位置。 更换或添加文字直接更换成自己的文字内容,或添加 自己的文字 内容。 更换文字颜色或背景在左侧颜色区选中 “ 文本颜色 Text color”
5、, 然后 在取色器上拖动鼠标即可动态更换颜色 。同理 如果您选中的是 “ 文本背景色 Text background” ,则更换的是文本 背景色。2.2 更换图片 双击图片双击图片会打开图片属性。 更换图片地址在图片信息的 URL输入框中输入您自己的图片地址,就会换为自己的图片。 更改图片大小修改图片的宽度和高度就会修改图像大小,但需要注意协调性。 添加边框在 “ 边框大小 ” 中输入数值,比如 1,图片就会出现边框。 添加链接在链接的 URL输入框中 输入您自己 的网站地址,就会在客户点击时转到您的网站。2.3 插入新图片方法 一 上传图片点击右侧模板区 的 “ 图像 ” 标签,在自己的计算
6、机中选择一个图片,将其上传到肯为旎 DIY的网站中(注:图片只会保留 10天,但可以购买保存服务)。 定位图片位置在编辑区中用鼠标点击需要添加图片的位置。 点击 插入 (Insert)按钮在 “ 图像 ” 标签区域中,点击插入 (Insert)按钮,将图片插入。 更改属性请按照上面的更换图片 (2.2)的方法修改属性即可,此处不再赘述。2.4 插入新图片方法二 定位图片位置在编辑区中用鼠标点击需要添加图片的位置。 点击插入 图片按钮在编辑 区上方的工具栏中用 鼠标 点击插入图片的按钮,会打开图像信息的属性窗口 更改图片地址请按照上面的更换图片 (2.2)的方法输入图片 URL和修改属性即 可,
7、此处不再赘述。2.5 修改区块背景颜色 选中 区块在编辑区用 鼠标 选中某个区块的手柄。 更换内容区背景色在左侧颜色区选中 “ 内容区背景 Content background” ,然后在取色器上拖动鼠标即可动态更换颜色 。 更换区块背景色在左侧颜色区选中 “ 区块背景色 Block background” ,然后在取色器上拖动鼠标即可动态更换颜色 。3.添加 元素(可选项,视设计需求定) 定位插入位置在编辑区用鼠标选中某个区块的 手柄,以确定在哪个区块下插入。 插入元素 (区块 )点击右侧模板区的元素 (Element)标签,然后点击宽度值单选按钮,会列出可供选择的区块元素,选择一个适合自己
8、的元素,点击缩略图 ,会将此区块插入 到编辑 区中您所选中的区块下方 。 删除元素 (区块 )如果对此区块元素不满意,可以先选中此区块手柄,然后点击 元素 (Element)标签中的 “ 删除区块 ” 按钮。另外,还可以点击编辑区工具栏中的撤消按钮。 编辑操作您可以对所添加的元素进行诸如编辑 文字、更改图片、插入新图片、修改颜色 等操作,方法同上,不再赘述。4.生成邮件代码 生成代码点击 右侧模板区的 “ 生成代码 Generate code” 按钮 , 会出现相应的按钮菜单。 复制代码点击 “ 复制 到剪贴板 Clipboard ” ,会复制所设计的代码,将其粘贴到记事本中保存即可。温馨提示
9、 1: 我们 并没有保存您设计的代码,关闭页面后所有信息均会丢失,请一定要记得自行保存自己所设计的代码。温馨 提示 2: 保存 图片、重新编辑、我要 分享等按钮的功能,请参看帮助与说明中的 “ 如何定制 ” 的说明文档即可。PART 4发送邮件如何发送所设计的邮件发送操作与常规的邮件发送没有多大的区别,唯一不同就是内容输入框需要使用 代码输入 方式。 打开邮箱,点击写邮件 输入收件人、主题 输入邮件内容。 将内容输入框切换为 代码输入方式 用记事本打开前面所定制的邮件代码,全选,然后 复制全部代码 。 将代码 粘贴 到已经转换为代码输入方式的内容输入框中 发送邮件PART 5高级操作1. 添加
10、超链接1)选中文字或图片在编辑区中用 鼠标选中需要添加链接的文字或图片。2)打开超链接属性窗口在编辑区上方的工具栏中用鼠标 点击超链接的 按钮,会 打开超链接属性窗口 在超链接信息标签的 URL输入框中输入您的网址。 在目标标签的目标窗口的下拉框中选择 “ 新窗口 (_blank)。 点击确定按钮2. 更改文字大小1)选中文字在 编辑区中用 鼠标选中需要变更字体的文字。2)更换字号在编辑区上方的工具栏中用鼠标 点击 “ 大小 ” 的下拉列表,选择合适的字号即可。温馨提示 :使用类似的方法您还可以加粗字体、变更为斜体、更改字体等等,但需要注意的是字体可能会存在不兼容现象,需要自行测试效果。3.
11、添加表格边框1)打开表格属性在编辑区中用 鼠标定位表格,右键单击出现右键菜单,左键单击表格属性。2)输入边框宽度在边框属性的边框输入框中输入边框的宽度,比如 1,点击确定按钮,表格就会出现边框。温馨提示 :您还 可以在右键菜单中删除表格。4. 添加或删除表格行1)打开表格属性在编辑区中用 鼠标定位表格,右键单击出现右键菜单2)添加或删除行 插入行。左键单击 右键 菜单上的行中的在 上 (下 )方插入 行,即可插入新行。 删除行。左键 单击右键菜单上的 行中的删除行,即可删除所在行。温馨 提示 :您还可以按同样的方法删除列。5. 重命名自己的模板名 适合用户范围如果您创建了自己的专 属模 板或
12、想使用保存图片 服务,就可以重新命名并保存自己的代码,它可以让您快速查找到自己的模板和图片,其他用户无须此项操作。 操作方法在 点击 “ 生成代码 Generate code” 前,请先点击 “显示标题 Show title” ,然后在编辑区上方的标题输入框中输入自己能记住的标题,然后 依次点击下面的 按钮: 保存图片 Save picture 保存所有图片 Save images6. 保存图片 保存图片点击右侧模板区的 “ 生成代码 Generate code” 按钮后,请依次点击下面的按钮来保存图片:保存图片 Save picture 保存 所有图片 Save images 温馨提示如果您上传了 图片(未上传无须此项操作), 您必须依次点击 “ 保存图片 Save picture” 、 “ 保存所有图片 Save images” 按钮来保存上传的图像,否则,图片不会被保存。PART 6如何购买服务如何购买服务 点击菜单上的 “ 购买服务 PURCHASE” 点击 “ 加入 购物车 Add to cart” 点击 “ 支付 Checkout”