邮件模板制作培训教材 制作人：戴娟 2011-07-07

第一章，学习了解Dreamweaver软件 视频教程地址：http://www.enet.com.cn/eschool/zhuanti/dwvip/ 此图为网页编辑软件Dreamweaver的编辑界面

1.1，如何创建表格 菜单栏——插入——表格 弹出图一的对话框，填写表格的相关属性，要新建的表格是几行，几列，表格的宽度，边框的宽度，单元格的边距和间距等等，确定就可出现图三，创建了一个三行三列的表格。 可以 用鼠标选择边框的边框拖动，设置边框表格的大小 我们做一个模板的时候，要先想一下，我这个模板可以分为几行几列 再设置表格 图一 图三 图二 图四

1.2 输入文字并对文字进行编辑 文字是网页的主体，使用Dreamweaver输入文字及对文字进行编辑的方法与我们学过的字处理软件的操作方法非常类似，Dreamweaver系统也提供非常灵活、方便快捷的菜单、命令对文字进行编辑处理。其操作方法非常简单，很容易掌握。采用直接通过键盘输入或者是拷贝粘贴的方法获得文字，还可以导入word文档。 注意： 在Dreamweaver中的“空格”是中文全角下按“空格”键。 换段直接按回车键。（出现空一行）。 段落中的换行按Shift+Enter。（不空一行）。 添加了文字后，用户可以通过属性面板设置文本的格式、字体、样式、颜色等从而使文本变得丰富多采，文本的属性面板如图所示：

1.3、插入图像 １.４文字排版与应用 要在网页中插入图像，执行以下的操作： （1）、激活页面，将光标置于要插入图像的位置。 （2）、单击[插入]面板下的[常用]工具栏中的图像按钮 （3）、在弹出的插入图象对话框中输入要插入的图象的地址。 插入了图象后，可以使用图象的[属性]面板对图象进行属性设置，图象的[属性]面板如下： 设置背景图像：     在网页中可以设置背景图像，单击修改菜单中的页面属性弹出对话框，按屏幕提示操作。可以设置背景颜色等。例如本网页就是用的背景图像。 １.４文字排版与应用 选用字体：       在“字体”下拉表框中找到字体。如果在“字体”下拉表框中，没有找到字体。“字体”下拉表框中找到字体。单击“文本”/“字体”/“编辑字体列表”命令。或者在“属性”面板中选择“字体”下拉列表中选择“编辑字体列表选项”。        要添加字体组合，可单击对话框中的加号按钮，若要删除字体组合，可单击减号按钮。在该对话框中的“可用字体”列表中选择所要添加的字体。

设置字号： 字号指的是相对缺省字体而言的字体的大小。我们可以在浏览器中使用缺省字号，可在“属性”在面板的“大小”下拉列表框中选择。 设置颜色： 颜色是风页外观的一个重要因素，要改变文本的颜色，可选中要设置的文本，单击“文本”/“颜色”命令。 使用标尺与网格： 设置页面时往往需要设置页面元素的位置或对齐页面元素，这样可随时将标尺与网络显示出来，以精确定页面元素。 单击“查看”/“标尺”/“显示”命令以显示或隐藏标尺，复位标尺原点以及设置标尺单位等操作。 设置网格的颜色、间隔，单击“查看”/“网格”/“网格设置”命令。出现对话框进行设置。 查找和替换： 单击“编辑”/“查找和替换”命令。 （能输入连续空格的设置方法：在菜单编辑中单击参数选择，勾选允许连续多个空格即可）

1.5超级链接的应用 创建链接方法：     1、先选中要创建链接的对象（文本、图像或其他），然后按右键选择创建链接弹出对话框，可以选择需要链接的网页也可以在URL中输入地址文件名。例如输入Dreamweaver4.htm,这时的默认路径是文档目录相对路径，也就是说这个链接和被链接的网页是同一目录。例如输入../excel/excel.htm这时的默认路径是根目录相对路径，也就是说这个链接和被链接的网页不在同一目录内而是在同一根目录内。如果跟外网链接可以用绝对路径。如输入http://www.hao123.com/还必须输入网页文件名。     2、先选中要创建链接的对象（文本、图像或其他），然后在属性面板的链接框中，输入绝对路径（有没有文件名都行）。例如输入http://www.hao123.com/即可链接到hao123网站。也可以输入相对路径和文件名。    3、先选中要创建链接的对象（文本、图像或其他），然后在属性面板的链接框后，单击浏览文件按钮弹出对话框，操作方法同按右键。    4、先选中要创建链接的对象（文本、图像或其他），然后在属性面板的链接框后，拖动指向文件图标到“文件”面板中所需链接的对象上，然后释放鼠标即可。   取消链接方法：     1、先选中要取消链接的对象，然后在属性面板的链接框内删除即可。 2、先选中要取消链接的对象，然后按右键选择删除标签。

比较常用的字符，段落，历史记录，路径，图层面板 第二章，Photoshop的操作 视频教程地址：http://www.enet.com.cn/eschool/zhuanti/pscs3/ 菜单栏 比较常用的字符，段落，历史记录，路径，图层面板 工具栏

一. 图像文件的基本操作 1.1 新建图像文件 要新建文件，选择“文 件”>“新建”菜单，或按 【Ctrl+N】组合键，打开 “新建”对话框。在对话框 中设置相关参数，单击“确 定”按钮，即可新建文件。 1.2 打开素材图像 打开图像的方法有多种，最常用到如下几种。 ?选择“文件”>“打开”菜单，或按【Ctrl+O】组合键，或在 程序窗口双击，可打开“打开”对话框，在对话框中查找文 件所在文件夹，然后选中文件，单击“打开”按钮即可。 ?在图像所在的文件夹中选中图片，然后将文件直接拖拽到状 态栏中Photoshop的最小化按钮上，待切换回Photoshop程序后， 在窗口内释放鼠标即可 1.3 存储图像文件 要保存文件，可选择“文件”>“存储”菜单，或按【Ctrl+S】 组合键，在打开的“存储为”对话框中设置相关参数，单击 “保存”按钮即可。 改变文件夹列表方式 选择要保存 的文件夹 转到访问的上 一个文件夹 创建新文件夹 向上一级 输入要保存 文件的名称 选择所需 文件格式

1.4选区的羽化效果 对选区执行羽化后，选区的边缘会呈现柔和的淡化效果。 ?绘制好选区后，可选择“选择”>“羽化”命令执行羽化。 ?绘制选区前，在选区制作工具属性栏中设置羽化值。 二。 创建不规则选区 2.1 利用套索工具制作不规则选区 利用套索工具可以定义任意形状的区域。它的工具属性栏的 选项与矩形选框工具相同。 2.2 利用多边形套索工具制作多边形选区 多边形套索工具可以通过单击图像上不同的点，来制作一 些像三角形、五角星等棱角分明、边缘呈直线的多边形选 区。 具体的使用方法请参阅视频“V3-4.avi”。 2.3 利用磁性套索工具制作边界明显的选 区 利用磁性套索工具可以自动捕捉图像对比度较大的两部分 的边界，像磁铁一样吸附的方式、沿着图像边界绘制选取 范围。它特别适用于选择边缘与背景对比强烈的对象。 具体的使用方法可参阅视频“V3-5.avi”。 2.4 典型实例 典型实例——制作壁纸 制作壁纸 通过前面的学习，大家应该对套索工具的使用方法有所了 解了。下面就通过绘制如图所示的壁纸来测验一下大家对 这些工具的了解程度，以加强对所学知识的巩固吧。 其具体的操作方法，请参阅视频“V3-6.avi”。 2.5 创建颜色相近的选区 2.5.1 用魔棒工具按颜色制作选区 魔棒工具属于灵活性很强的选择工具，通常用它选取图像中 颜色相同或相近的区域，而不必跟踪其轮廓。其具体的使用 方法可参阅视频“V3-7.avi”。 2.5.2 用“色彩范围”命令按颜色制作选区 色彩范围” 利用“色彩范围”命令可以制作非常复杂的选区。用户可通 过在图像窗口中指定颜色来定义选区，也可通过指定其他颜 色来增加或减少选区。具体使用方法可参阅视频“V3-8.avi”。 2.5.3 图层对选区制作的影响 在利用魔棒工具制作选区时，在其工具属性栏中，勾选“对 所有图层取样”复选框表示将从所有图层中选取颜色相近区 域。不勾选该复选框则表示只选取当前图层的颜色相近区域。 具体操作请参阅视频“V3-9.avi”。 未勾选“对所有 图层取样”单选 钮后的选取效果 勾选“对所有 图层取样”单 选钮后的选取 效果

2.6 修改选区 2.6.1 移动选区 制作好选区后，我们可以将选区移至所需位置。 2.6.2 扩展选区与扩边选区 “扩展选区”和“扩边选区”是两个容易混淆的命令。“扩展 选区”是对用户所制作的选区均匀的向外扩展，而扩边选区 则是用设置的宽度值来围绕已有选区创建一个环状的选区。 2.6.3 收缩选区 选区的收缩与选区的扩展正好相反，“收缩选区”可将制作 好的选区按指定的像素进行收缩。“收缩选区”命令一般用 来制作空心字，如下图所示。 要收缩选区，选择“选择”>“修改”>“收缩”菜单即可。 2.6.4 平滑选区 平滑选区是按指定的半径值来平滑选区的尖角。通常用来消 除用魔棒工具、“色彩范围”命令定义选区时所选择的一些 不必要的零星区域。 2.6.5 扩大选取与选取相似 选择“选择”>“扩大选取”菜单和“选择”>“选取相似”菜 单都可在原有选区的基础上扩大选区。 ?扩大选取：可选择与原有选区颜色相近且相邻的区域。 ?选取相似：可选择与原有选区颜色相近但互不相邻的区域 。 2.6.6 变换选区 变换选区是指对选区执行旋转、翻转、倾斜、扭曲或透视等 变形操作，以满足不同的需求。 2.6.7 “全部”命令选取整幅图像 全部” 全部 要想选取整幅图像，可选择“选择”>“全部”菜单，或者按 下【Ctrl+A】组合键。 2.6.8 “反选”、“取消”和“重新选择”命令 反选” 反选 取消” 重新选择” 利用“反选”命令可将当前图层中的选区与非选区进行相互 转换 。 ?选择“选择”>“取消选择”菜单，或按【Ctrl+D】组合键可 取消选区。 ?选择“选择”>“重新选择”菜单，或按【Shift+Ctrl+D】组 合键可恢复取消的选区。 2.7 选区的编辑与应用 2.7.1选区的描边 选区的描边是指沿着选区的边缘描绘指定宽度的颜色。 2.7.2 选区的填充 选区的填充是指在选区的内部填充颜色或图案，并且在填充 的同时还可设置填充颜色或图案的混合模式和不透明度。

三。 辅助工具在图像处理中的应用 1.1 标尺和参考线 利用标尺和参考线可 以精确定位图像的位 置。 1.2 网格 选择“视图”>“显示”>“网格”菜单或按【Ctrl+’】组合键， 可在图像窗口显示网格。 利用网格精确控 制标志中文字和 图形的大小、位 置 1.3 度量工具 利用度量工具可以方便地测量任意两点间的距离和角度。 2.4 前景色和背景色的设置方法 2.1 利用“拾色器”对话框设置颜色 利用“拾色器” 在工具箱中有两个色块，前面的黑色的色块就是前景色设置 工具，后面白色的色块就是背景色设置工具。单击这两个工 具中的任意一个，可打开“拾色器”对话框。 2.2 利用“颜色”调板设置颜色 利用“颜色” 在“颜色”调板中，单击前景色或背景色颜色框，然后拖动 R、G、B滑块或直接输入数值可以改变前景色或背景色 。 前景色 背景色 2.3 利用“色板”调板设置颜色 利用“色板” “色板”调板中的颜色都是系统预先设置好的，用户可以直接 从中选取而不用自己配制。 2.4 用吸管工具从图像中获取颜色 利用吸管工具可以从图像或调板中吸取所需要的颜色，并将 它设置成前景色或者背景色。

第三章，相关疑问解答 1.关于把代码拷到TXT里面文件乱码的问题，已找到原因了， 2.关于如何在CRM里面上传除图片以外的其他文件比如ＰＤＦ 3.再修改后缀.txt为.html，这样就不会有乱码了 2.关于如何在CRM里面上传除图片以外的其他文件比如ＰＤＦ 1.先用账户先登录ＣＲＭhttp://192.168.1.170:8086 2.在同一的浏览器中新建一个标签页，录入http://192.168.1.170:8086/ckfinder/ckfinder.html，点开Files，再点击上传，上传相关文件即可

3。相关CSS代码设置 1.设置表格边框颜色 <table width="217" height="149"> <tr><td style="border-top:1px solid red;border-bottom:2px dotted #900;border-left:1px solid green;border-right:2px solid #333;"></td><td></td></tr> <tr><td></td><td></td></tr> </table> 2.设置字体颜色：style=“ color:#FFF；“ 3.设置字体颜色，字体，字体大小：style=" color:#F00; font-family:Verdana, Geneva, sans-serif; font-size:14px; “ 4. <hr />一条线 5. <b>粗体<b> <i>斜体</i> 6. 背景颜色： background-color:#f00; 背景图片：background-image:url(background.gif); 7.宽，高，行高：Width：10px；height：10px；line-height: 12px;

8.文字段落上下滚动效果（高度可以自由设置） <div Style=“height：200px；overflow：auto；” > 需要滚动的文字 </div> 9 单独设置文字的颜色 <span style=“color:#333”> 需要设置颜色的文字放在在两个span之间  </span> 10.如何设置邮件模板的时候预览没有问题，但是发出去出现字体变大的问题，就在<style type=“text/css”>这个代码下面加上下面这段就可以了 body{font-size:12px;} td,p,div,th{font-size:12px; text-align:left;}