如何制作图文并茂的网页邮件.pptx

《如何制作图文并茂的网页邮件.pptx》由会员分享，可在线阅读，更多相关《如何制作图文并茂的网页邮件.pptx（30页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、如何制作图文并茂的网页如何制作图文并茂的网页邮件邮件现在学习的是第1页，共30页PART 1概念现在学习的是第2页，共30页什么是网页式电子邮件？什么是网页式电子邮件？顾名思义，就是网页形式的电子邮件。图文并茂，更能夺人眼球有文字、有图片，信息量大有链接，点击后能转到自己的网站投递速度快、且可个性化定制成本低，广告效果好现在学习的是第3页，共30页PART 2准备现在学习的是第4页，共30页1.1.登录登录打开浏览器，在地址栏中输入：打开浏览器，在地址栏中输入： 用自己的用户名和密码登录（如果没有，用自己的用户名和密码登录（如果没有，可以免费注册）可以免费注册）现在学习的是第5页，共30页2.

2、2.邮件资料的准备邮件资料的准备1 1、选择邮件样式、选择邮件样式点击菜单栏“如何 HOW”，打开新页面，点击模板样式列表，请选择一个适合自己的模板样式的图片，依据此模板样式图片来准备邮件所需要的文字和图片资料。2 2、文字资料的准备、文字资料的准备依据模板图片来准备邮件的文字内容，以方便您在定制时能直接复制文字，以加快定制速度。保存为文本文件即可。3 3、邮件图片的准备、邮件图片的准备依据模板图片来准备或设计邮件需要的图片，并将其上传到互联网上，并且人人可查看。上传后需要获取并记录图片的网址，以备定制时使用。现在学习的是第6页，共30页3.3.图片的要求图片的要求1 1）图片必须使用绝对）图

3、片必须使用绝对URLURL地址地址正确的网络地址(URL)的类似写法：http:/ 2）必须有查看图片的权限）必须有查看图片的权限图片必须上传到互联网中，并且可可公共访问，否则，您所定制的邮件中的图片会无法显示。现在学习的是第7页，共30页3.1 IE3.1 IE浏览器获取图片的浏览器获取图片的URLURL地址地址温馨提示：不同的浏览器获取图片URL地址的方法有所不同，IE浏览器获取您所上传的图片URL地址的方法如下。l用浏览器打开图片，右键点击图片，出现右键菜单l点击属性l选中图片的URL地址l复制并保存此图像的URL地址到文本文件中备用。现在学习的是第8页，共30页3.2 3.2 其他浏览

4、器获取图片的其他浏览器获取图片的URLURL地址方法地址方法温馨提示：不同的浏览器获取图片URL地址的方法有所不同，其他浏览器获取您所上传的图片URL地址的方法如下。l用浏览器打开图片，右键点击图片，出现右键菜单l点击“复制图像地址”l保存此图像的URL地址到文本文件中备用。现在学习的是第9页，共30页PART 3设计与定制现在学习的是第10页，共30页自设计网页邮件的步骤自设计网页邮件的步骤1 1、选择模板、选择模板2 2、设计或编辑邮件、设计或编辑邮件包括编辑文字、更改图片、插入新图片、修改颜色等。3 3、添加元素（可选项）、添加元素（可选项）4 4、生成邮件代码、生成邮件代码现在学习的是

5、第11页，共30页1.1.选择模板选择模板点击菜单上的点击菜单上的“开始定制开始定制 CUSTOMIZECUSTOMIZE”注：如果没有购买定制服务，请先行购买，否则会提示无权限。选择模板选择模板点击右侧模板区的模板(Template)标签，然后点击类型，比如“Email”单选按钮，会列出可供选择的模板，选择一个适合自己的模板，点击缩略图，将其插入到编辑区。现在学习的是第12页，共30页2.1 2.1 编辑文字编辑文字选中文字选中文字在编辑区用鼠标选中相应的文字，或者点击需要添加文字的位置。更换或添加文字更换或添加文字直接更换成自己的文字内容，或添加自己的文字内容。更换文字颜色或背景更换文字颜

6、色或背景在左侧颜色区选中“文本颜色 Text color”，然后在取色器上拖动鼠标即可动态更换颜色。同理如果您选中的是“文本背景色 Text background”，则更换的是文本背景色。现在学习的是第13页，共30页2.2 2.2 更换图片更换图片双击图片双击图片双击图片会打开图片属性。更换图片地址更换图片地址在图片信息的URL输入框中输入您自己的图片地址，就会换为自己的图片。更改图片大小更改图片大小修改图片的宽度和高度就会修改图像大小，但需要注意协调性。添加边框添加边框在“边框大小”中输入数值，比如1，图片就会出现边框。添加链接添加链接在链接的URL输入框中输入您自己的网站地址，就会在客户

7、点击时转到您的网站。现在学习的是第14页，共30页2.3 2.3 插入新图片方法一插入新图片方法一上传图片上传图片点击右侧模板区的“图像”标签，在自己的计算机中选择一个图片，将其上传到肯为旎DIY的网站中（注：图片只会保留10天，但可以购买保存服务）。定位图片位置定位图片位置在编辑区中用鼠标点击需要添加图片的位置。点击插入点击插入(Insert)(Insert)按钮按钮在“图像”标签区域中，点击插入(Insert)按钮，将图片插入。更改属性更改属性请按照上面的更换图片(2.2)的方法修改属性即可，此处不再赘述。现在学习的是第15页，共30页2.4 2.4 插入新图片方法二插入新图片方法二定位图

8、片位置定位图片位置在编辑区中用鼠标点击需要添加图片的位置。点击插入图片按钮点击插入图片按钮在编辑区上方的工具栏中用鼠标点击插入图片的按钮，会打开图像信息的属性窗口更改图片地址更改图片地址请按照上面的更换图片(2.2)的方法输入图片URL和修改属性即可，此处不再赘述。现在学习的是第16页，共30页2.5 2.5 修改区块背景颜色修改区块背景颜色选中区块选中区块在编辑区用鼠标选中某个区块的手柄。更换内容区背景色更换内容区背景色在左侧颜色区选中“内容区背景 Content background”，然后在取色器上拖动鼠标即可动态更换颜色。更换区块背景色更换区块背景色在左侧颜色区选中“区块背景色 Blo

9、ck background”，然后在取色器上拖动鼠标即可动态更换颜色。现在学习的是第17页，共30页3.3.添加元素（可选项，视设计需求定）添加元素（可选项，视设计需求定）定位插入位置定位插入位置在编辑区用鼠标选中某个区块的手柄，以确定在哪个区块下插入。插入元素插入元素(区块区块)点击右侧模板区的元素(Element)标签，然后点击宽度值单选按钮，会列出可供选择的区块元素，选择一个适合自己的元素，点击缩略图，会将此区块插入到编辑区中您所选中的区块下方。删除元素删除元素(区块区块)如果对此区块元素不满意，可以先选中此区块手柄，然后点击元素(Element)标签中的“删除区块”按钮。另外，还可以点

10、击编辑区工具栏中的撤消按钮。编辑操作编辑操作您可以对所添加的元素进行诸如编辑文字、更改图片、插入新图片、修改颜色等操作，方法同上，不再赘述。现在学习的是第18页，共30页4.4.生成邮件代码生成邮件代码生成代码生成代码点击右侧模板区的“生成代码 Generate code”按钮，会出现相应的按钮菜单。复制代码复制代码点击“复制到剪贴板 Clipboard”，会复制所设计的代码，将其粘贴到记事本中保存即可。温馨提示温馨提示1 1：我们并没有保存您设计的代码，关闭页面后所有信息均会丢失，请一定要记得自行保存自己所设计的代码。温馨提示温馨提示2 2：保存图片、重新编辑、我要分享等按钮的功能，请参看帮

11、助与说明中的“如何定制”的说明文档即可。现在学习的是第19页，共30页PART 4发送邮件现在学习的是第20页，共30页如何发送所设计的邮件如何发送所设计的邮件发送操作与常规的邮件发送没有多大的区别，唯一不同就是内容输入框需要使用代码输入方式。打开邮箱，点击写邮件输入收件人、主题输入邮件内容。将内容输入框切换为代码输入方式用记事本打开前面所定制的邮件代码，全选，然后复制全部代码。将代码粘贴粘贴到已经转换为代码输入方式的内容输入框中发送邮件现在学习的是第21页，共30页PART 5高级操作现在学习的是第22页，共30页1.1.添加超链接添加超链接1 1）选中文字或图片）选中文字或图片在编辑区中用

12、鼠标选中需要添加链接的文字或图片。2 2）打开超链接属性窗口）打开超链接属性窗口在编辑区上方的工具栏中用鼠标点击超链接的按钮，会打开超链接属性窗口在超链接信息标签的URL输入框中输入您的网址。在目标标签的目标窗口的下拉框中选择“新窗口(_blank）。点击确定按钮现在学习的是第23页，共30页2.2.更改文字大小更改文字大小1 1）选中文字）选中文字在编辑区中用鼠标选中需要变更字体的文字。2 2）更换字号）更换字号在编辑区上方的工具栏中用鼠标点击“大小”的下拉列表，选择合适的字号即可。温馨提示温馨提示：使用类似的方法您还可以加粗字体、变更为斜体、更改字体等等，但需要注意的是字体可能会存在不兼容

13、现象，需要自行测试效果。现在学习的是第24页，共30页3.3.添加表格边框添加表格边框1 1）打开表格属性）打开表格属性在编辑区中用鼠标定位表格，右键单击出现右键菜单，左键单击表格属性。2 2）输入边框宽度）输入边框宽度在边框属性的边框输入框中输入边框的宽度，比如1，点击确定按钮，表格就会出现边框。温馨提示温馨提示：您还可以在右键菜单中删除表格。现在学习的是第25页，共30页4.4.添加或删除表格行添加或删除表格行1 1）打开表格属性）打开表格属性在编辑区中用鼠标定位表格，右键单击出现右键菜单2 2）添加或删除行）添加或删除行插入行。左键单击右键菜单上的行中的在上(下)方插入行，即可插入新行。

14、删除行。左键单击右键菜单上的行中的删除行，即可删除所在行。温馨提示温馨提示：您还可以按同样的方法删除列。现在学习的是第26页，共30页5.5.重命名自己的模板名重命名自己的模板名适合用户范围适合用户范围如果您创建了自己的专属模板或想使用保存图片服务，就可以重新命名并保存自己的代码，它可以让您快速查找到自己的模板和图片，其他用户无须此项操作。操作方法操作方法在点击“生成代码 Generate code”前，请先点击“显示标题 Show title”，然后在编辑区上方的标题输入框中输入自己能记住的标题，然后依次点击下面的按钮：保存图片 Save picture 保存所有图片 Save images

15、现在学习的是第27页，共30页6.6.保存图片保存图片保存图片保存图片点击右侧模板区的“生成代码 Generate code”按钮后，请依次点击下面的按钮来保存图片：保存图片 Save picture 保存所有图片 Save images温馨提示温馨提示如果您上传了图片（未上传无须此项操作），您必须依次点击“保存图片 Save picture”、“保存所有图片 Save images”按钮来保存上传的图像，否则，图片不会被保存。现在学习的是第28页，共30页PART 6如何购买服务现在学习的是第29页，共30页如何购买服务如何购买服务点击菜单上的点击菜单上的“购买服务购买服务 PURCHASEPURCHASE”点击点击“加入购物车加入购物车 Add to cartAdd to cart”点击点击“支付支付 CheckoutCheckout”现在学习的是第30页，共30页