中文版网页制作四合一教程第二版ppt课件(完整版)

1、Dreamweaver 8&Fireworks 8 &Phtoshop CS2&Flash 8中文版网页制作四合一教程 21世纪高等院校规划教材 总目录 第1章 网站基本知识第2章 初识Dreamweaver 第3章 创建和编辑网页文档第4章 Dreamweaver 8进阶功能第5章 初识Fireworks 8第6章 Fireworks 8的图像和图形第7章 文本、层与蒙板 总目录 第8章 Fireworks 8进阶设计第9章 Photoshop CS2图形与图像第10章 Photoshop CS2高级设计应用第11章 图形与图像调整第12章 初识Flash 8第13章 Flash 8的基本应

2、用第14章 简单动画制作 总目录 第15章 综合实例贺卡网站第16章 综合实例综合网站谢谢大家 返回总目录 第1章网站基本知识 了解什么是Internet 了解Internet的基本功能 了解Internet的网络结构与协议 了解网络开发基本流程 了解网站的宣传方式教学目的 Internet概述 网站开发流程 网站的宣传本章内容 Internet的功能 Internet网络结构与协议 什么是InternetInternet概述1.1 Internet概述什么是InternetInternet是一个很庞大的网络。在现实生活中，有三种网络： 电话网 由同轴电缆组成的有线电视网 互联网Interne

3、t的准确定义组成Internet的计算机网络包括小规模的局域网（LAN）、城市规模的城域网（MAN），以及大规模的广域网（WAN）。Internet网络互联采用的协议是TCP/IP。Internet是网络的网络，它将各种各样的网络连在一起，而不论其网络规模的大小、主机数量的多少、地理位置的异同。把网络互联起来，也就是把网络的资源组合起来，这就是Internet的精华及其迅速发展的原因。 信息的获取与发布 电子邮件 网上交际 电子商务 网络电话 网上事务处理Internet的功能 远程登录 文件传输 电子公告板 全球信息网 网上通信 其他应用Internet的网络结构校园网 企业网地区网络全国骨

4、干网Internet的地址结构A类地址：主要用于世界上少数的具有大量主机的网络，其网络数量有限，故仅有很少的国家和网络才可获得此类地址。B类地址：用于适量的、规模适中的网络，现在随着Internet 的迅速发展，也很难分配到此类地址。C类地址：主要用于网络数多、主机数相对较少的网络，每个网络最多不超过256台主机。D类地址：特殊的IP地址，用于与网络上多台主机同时进行通信。E类地址：特殊IP地址，暂保留，以备将来使用。DNS（Domain Name System）称为域名系统，它是一个分层的名字管理查询系统，主要提供Internet上主机IP地址和主机名相互对应关系的服务，其通用的格式如下：第

5、一级域名往往表示主机所属的国家、地区或网络性质的代码，如中国（cn）、英国（uk）、俄罗斯（ru）、商业组织（com）等。第二、三级是子域，第四级是主机。 域名地址 明确网站目标 确定网站主题 规划网站的结构 准备素材 网站开发流程1.2 网站开发流程 选择制作工具 建立网站 宣传和推广 更新和维护 所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。 网站的宣传1.3 网站的宣传 返回总目录 第2章初识Dreamweaver 8 了解Dreamweaver 8 了解Dreamweaver 8的操作界面 了解Dreamweav

6、er 8的首选参数 学会使用辅助工具 教学目的 Dreamweaver 8 简介 Dreamweaver 8的操作界面 Dreamweaver 8的首选参数 本章内容 使用辅助工具Macromedia Dreamweaver 8 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您是喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 8都会为您提供帮助良多的工具，丰富您的 Web 创作体验。 Dreamweaver 8简介2.1 Dreamweaver 8 简介Dreamweaver 8新功能

7、利用 XML 数据进行可视化创作 新的标准 CSS 面板 CSS 布局可视化 “样式呈现”工具栏 改善的 CSS 呈现功能 辅助功能：支持 WCAG/W3C 优先级 2 检查点 改进的 WebDAV 后台文件传输 Dreamweaver 8新功能缩放 辅助线 “编码”工具栏 代码折叠 工作区布局 用于 Mac 的选项卡式文档 新的起始页面 改进的站点同步和存回/取出功能比较文件 Dreamweaver 8新功能 选择性粘贴 站点相关引用 改进的代码编辑功能 支持 ColdFusion MX 7 支持 PHP 5 Flash 视频 Macromedia Web Publishing System

8、：通知和事件记录 OReilly 提供的更新参考资料 Dreamweaver 8菜单栏 Dreamweaver 8的插入栏 Dreamweaver 8的属性面板 Dreamweaver 8的浮动面板Dreamweaver 8的操作界面2.2 Dreamweaver 8的操作界面 Dreamweaver 8菜单栏1常用面板2布局面板Dreamweaver 8菜单栏3表单面板4文本面板Dreamweaver 8菜单栏5HTML面板6应用程序面板7FLASH元素面板Dreamweaver 8的属性面板 属性面板用来定义网页中各个元素的细节，这些属性取决于对象本身。在所有对象插入时，其属性都可以进行修

9、改。 不同对象的属性会有不同，同样，相应的属性面板也会有所不同，它仅仅将该对象所有的属性列在上面。 Dreamweaver 8浮动面板 除了插入面板和属性面板，Dreamweaver中的浮动面板还有很多，比如设计面板、代码面板、文件面板、动作面板、应用程序面板等。这些面板的最大的好处是节省屏幕空间，使屏幕看起来简单整洁。正是这些不同面板的综合使用，才使得网页纷繁的功能逐一实现。 常规参数 字体参数 状态栏参数 辅助功能板 Dreamweaver 8的首选参数2.3 Dreamweaver 8的首选参数 常规参数字体参数状态栏参数辅助功能 网格 标尺 辅助线 放大镜 Dreamweaver 8的

10、代码折叠功能 使用辅助工具2.4 使用辅助工具 网格1打开网格网格2网格设置标尺1激活标尺标尺2改变标尺单位 默认的标尺单位为“像素”，在菜单中，可以改变为“英寸”或“厘米”。 3改变原点位置 默认的标尺原点在画面左上角，也可以自己改变原点位置。单击标尺的原点处，将会出现一个十字线，交点为可以移动的原点，放置在适当位置，即重新设置了原点。 图2-29 重设原点 标尺4还原原点位置在横纵标尺交叉处双击，即可还原标尺原点。辅助线放大镜Dreamweaver 8的代码折叠功能 返回总目录 第3章创建和编辑网页文档 了解创建站点的过程 了解如何创建网页文档 了解如何处理网页中的图像 了解如何处理网页中

11、的文本 了解网页中的链接教学目的 建立站点 创建网页文档 页面中的图像本章内容 页面中的文本 页面中的链接 本地文件夹和远程文件夹的结构 建立站点 Dreamweaver 8站点简介建立站点3.1 建立站点Dreamweaver 8站点简介Dreamweaver 站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的 Web 站点类型： 本地文件夹是工作目录 远程文件夹是存储文件的位置 测试服务器文件夹是 Dreamweaver 处理动态页的文件夹本地文件夹和远程文件夹的结构本地文件夹与远程文件夹结构示意图 本地文件夹和远程文件夹的结构远程站点与本地站点 建立站点建立站点站点定义建立站点选

12、择服务器技术建立站点 文件编辑方式建立站点选择测试文件建立站点 站点信息建立站点站点 新建空白文档 建立模板页面 保存页面 预览页面创建网页文档3.2 创建网页文档新建空白文档 新建HTML页新建空白文档页面属性建立模板页面利用模板创建网页保存页面 保存网页预览页面 站点建立并保存后，可以选择“文件”“在浏览器中预览”“在IE浏览器中预览”命令预览建立的网页。在IE中预览网页页面中的图像3.3 页面中的图像 插入图像 设置图像属性 为图像设置热点 鼠标经过图像插入图像 插入图像的操作步骤： 在文档窗口中，将插入点放置在要显示图像的地方，在插入栏单击“图像”图标。 选择“文件系统”以选择一个图形

13、文件。 选择“数据源”以选择一个动态图像源文件。预览页面 插入图像设置图像属性 为图像设置热点 绘制多边形热点工具为图像设置热点 多边形热点选取区域为多边形热点链接选择文件鼠标经过图像 交互图片保存页面 选择“插入”“图像对象”“鼠标经过图像”命令 选择“鼠标经过图像”命令“插入鼠标经过图像”对话框页面中的文本 插入及编辑文本 文本的段落编辑 列表3.4 页面中的文本插入及编辑文本 文本属性编辑字体列表插入及编辑文本 不同字体的表现效果插入及编辑文本 不同的字体效果插入及编辑文本 不同字号的文字插入及编辑文本 不同的格式文本的段落编辑 不同的对齐方式文本的段落编辑 缩进文本列表 无序列表有序列

14、表多级列表网页链接 链接的路径 创建内部链接 创建外部链接 编辑链接 站点地图3.5 网页链接链接的路径 绝对路径文档相对路径站点根目录相对路径创建内部链接 创建链接创建内部链接 “选择文件”对话框设置链接格式创建外部链接 与外部网站链接创建外部链接 创建E-mail链接编辑链接 将某个页面从Windows资源管理器拖动到站点中的一页上。在站点中选择一个HTML页面，如果在Windows中，则接着选择“站点”“链接到已有文件”命令。在站点中选择一个HTML页面，如果在Windows中，则接着选择“链接”“链接到新文件”命令。在站点中选择一个HTML页面，出现“指向文件”图标。将此图标拖动到想要

15、链接的对象上：可以是“指向文件”视图中的文件、打开的Dreamweaver文档，也可以是桌面上打开文档中的命名锚记。 添加链接编辑链接 删除链接在站点地图中选择该页，然后选择“站点”“删除链接”命令。在站点地图中选定该页，右击，然后从快捷菜单中选择“删除链接”命令。删除链接不会删除该文件，但会从指向该链接的页面上的HTML源代码中删除该链接。 编辑链接 选择“站点”“打开链接源”命令。右击，从快捷菜单中选择“打开链接源”命令。打开链接源站点地图 查看分支 更改链接 显示相关文件 向站点添加文件 返回总目录 第4章Dreamweaver 8进阶功能 了解如何使用表格 了解如何使用层 了解Drea

16、mweaver中的行为 了解如何使用表单 了解如何使用框架教学目的 使用表格 层的使用 行为本章内容 表单的使用 框架的使用 选取表格 属性设置 插入表格使用表格4.1 使用表格 编辑表格 格式化表格 表格的其他操作插入表格选择插入栏的表格按钮，或者选择菜单中的“插入”“表格”命令，均可打开建立表格的对话框。每列宽总列宽选取表格选择整个表格，可以执行以下操作之一： （2）单击表格的单元格，然后在文档窗口左下角的标签选择器中选择table标签。（3）单击表格的单元格，然后选择“修改”“表格”“选择格式”命令。 （4）单击表格的单元格，然后在标签选择器中选择table标签。所选表格的下边缘和右边缘

17、出现选择控制点。（1）单击表格的左上角或者单击右边或底部边缘的任意位置。选取表格若要选择行或列，请执行以下操作： （1）定位鼠标指针使其指向行的左边缘或列的上边缘。（2）当鼠标指针变为选择箭头时，单击以选择行或列，或进行拖动以选择多个行或列。选取表格若要选择单个单元格，请执行以下操作之一： （1）单击单元格，然后在文档窗口左下角的标签选择器中选择td标签。（2）单击单元格，然后选择“编辑”“全选”命令。 提示：选择单元格后再次选择“编辑”“全选”命令可以选择整个表格。（3）单击表格的单元格，然后在标签选择器中选择td标签。 选取表格若要选择一行或矩形的单元格块，请执行以下操作之一： （1）从一

18、个单元格拖到另一个单元格。（2）单击一个单元格，然后按住 Shift 键单击另一个单元格。这两个单元格定义的直线或矩形区域中的所有单元格都将被选中。选取表格若要选择不相邻的单元格，请执行以下操作： （1）在按住Ctrl键的同时单击要选择的单元格、行或列。 （2）如果按住Ctrl键单击尚未选中的单元格、行或列，则会将其选中。如果它已经被选中，则再次单击会将其从选择中删除。 属性设置单元格属性 表格属性 格式化表格选择“命令”“格式化表格”命令来打开“格式化表格”对话框套用现有格式，并进行相应的修改，使表格显得更加美观。编辑表格 编辑表格命令表格的其他操作为表格插入内容表格的其他操作嵌套表格表格的

19、其他操作导入表格式数据 创建图层 层的设置 编辑图层 在面板中操作层层的使用4.2 层的使用创建图层新建文档，在插入栏选择“描绘层”按钮，可以在设计页面中用鼠标拖动形成一个矩形框，即所建立的新层。按快捷键F2或者直接选择层面板，可以查看网页设计中层的情况。层的设置层的首选参数层的设置层的属性面板编辑图层可以通过执行以下操作之一来选定一个层： （1）在“层”面板中单击该层的名称。（2）单击一个层的选择柄。如果选择柄不可见，请在该层中的任意位置单击以显示该选项柄。（3）单击一个层的边框。 （4）在一个层中按住Ctrl+Shift键并单击。如果已选定多个层，此操作会取消选定其他所有层而只选择所单击的

20、层。编辑图层通过执行以下操作之一选择多个层： （1）按住 Shift 键并单击“层”面板上的两个或更多个名称。（2）在两个或更多个层的边框内（或边框上）按住 Shift 键并单击。当选定多个层时，最后选定层的大小调整柄将以黑色突出显示，其他层的大小调整柄则以白色显示。编辑图层可通过执行以下操作之一调整选定层的大小： （1）若要通过拖动来调整大小，请拖动该层的任一大小调整柄。（2）若要一次调整一个像素的大小，按箭头键时按住Ctrl键。按箭头键移动层的右边框和下边框；此时，不能使用上边框和左边框来调整大小。（3）若要按网格靠齐增量来调整大小，按箭头键时按住Shift+Ctrl键。（4）在属性面板中

21、，键入宽度（W）和高度（H）的值。编辑图层可通过执行以下操作之一移动一个或多个选定层： （1）若要通过拖动来移动，请拖动最后一个选定层（黑色突出显示）的选择柄。（2）若要一次移动一个像素，请使用箭头键。按箭头键时按住Shift键可按当前网格靠齐增量来移动层。编辑图层对齐图层在面板中操作层改变层堆栈顺序 在面板中操作层（1）眼睛睁开表示该层是可见的。 （2）眼睛闭合表示该层是不可见的。行为4.3 行为 行为简介 行为面板 关于事件行为简介Dreamweaver行为将JavaScript代码放置在文档中以允许访问者与Web页进行交互，从而以多种方式更改页或引起某些任务的执行。行为是事件和由该事件触

22、发的动作的组合。在行为面板中，通过指定一个动作然后指定触发该动作的事件，可将行为添加到页中。 行为面板关于事件行为事件列表表单的使用4.4 表单的使用 表单简介 表单的属性 插入表单 在表单中插入表格 检查表单表单简介表单工具栏插入表单表单的属性设置表单的属性插入表单插入文本域文本框属性图4-43 添加密码文本框图4-43 添加密码文本框图4-43 添加密码文本框插入表单插入列表或菜单“列表值”对话框 填好的列表插入表单插入单选按钮和复选框插入表单插入按钮插入表单插入跳转菜单在表单中插入表格检查表单“检查表单”动作检查指定文本域的内容以确保用户输入了正确的数据类型。使用onBlur事件将此动作

23、附加到单个文本域，在用户填写表单时对域进行检查；使用onSubmit事件将其附加到表单，在用户单击提交按钮的同时对多个文本域进行检查。将此动作附加到表单防止表单提交到服务器后任何指定的文本域包含无效的数据。框架的使用 创建框架集 框架集的属性设置 编辑框架 保存框架 框架的属性设置 框架中的链接4.5 框架的使用创建框架集框架工具栏框架集的属性设置编辑框架修改框架的大小 拖动框架分界线来调整大小编辑框架拆分框架保存框架要保存框架集文件，在框架面板或文档窗口中选择框架集。选择下列操作之一：（1）要保存框架集文件，请选择“文件”“保存框架页”命令。（2）要将框架集文件另存为新文件，请选择“文件”“

24、框架集另存为”命令。 框架的属性设置框架中的链接其中各项的含义如下：_blank，在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 _parent，在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。_self，在当前框架中打开链接，同时替换该框架中的内容。 _top，在当前浏览器窗口中打开链接的文档，同时替换所有框架。mainFrame、leftFrame、topright、topFrame，指定要在哪个框架窗口中打开相应的网页。 返回总目录 第5章初识Fireworks 8 初步了解Fireworks 8 了解Fireworks 8的操作界面 了解Fireworks 8

25、的首选参数教学目的 Fireworks 8简介 Fireworks 8的操作界面 Fireworks 8的首选参数本章内容 位图和矢量图 Fireworks 8的新特色Fireworks 8简介5.1 Fireworks 8简介Fireworks 8新特色 面板部分工作界面的调整、变化 菜单部分菜单命令的增强、重组 实战操作工作流程的快捷、轻松 应用细节面向对象的丰富、多样 服务保障辅助功能的细致、实用 位图和矢量图矢量图位图 菜单栏 工具栏Fireworks 8的操作界面5.2 Fireworks 8的操作界面 属性面板 面板组Fireworks 8的操作界面菜单栏面板组工具栏属性面板编辑窗

26、口工具栏“指针”工具：单击对象或者在全部或部分对象周围拖动选区时，“指针”工具会选择这些对象。“部分选定”工具：可以使用“部分选定”工具在画布上选择个别的蒙版和被应用蒙版的对象，而不选择蒙版的其他组件。“缩放”工具：缩放对象将以水平、垂直方向或同时在两个方向放大或缩小。“裁剪”工具：可以将图像多余的部分裁剪掉。工具栏“选取框”工具：在图像中选择一个矩形像素区域。“椭圆选取框”工具：在图像中选择一个椭圆形像素区域。“套索”工具：在图像中选择一个自由变形像素区域。“多边形套索”工具：在图像中选择一个直边的自由变形像素区域。“魔术棒”工具：在图像中选择一个像素颜色相似的区域。“刷子”工具：配合使用“

27、笔触颜色”框中的颜色绘制刷子笔触。“铅笔”工具：绘制单像素任意直线或受约束的直线，所用方法与使用真正的铅笔（用直尺或不用直尺）绘制硬边直线非常相似。“橡皮擦”工具：可以用“橡皮擦”工具删除像素。默认情况下，“橡皮擦”工具指针代表当前橡皮擦的大小，但是可以在“首选参数”对话框中更改指针的大小和外观。工具栏“模糊”工具：减弱图像中所选区域的焦点。“涂抹”工具：拾取颜色并在图像中沿拖动的方向推移该颜色。“锐化”工具：锐化图像中的区域。“减淡”工具：加亮图像中的部分区域。“加深”工具：加深图像中的部分区域。“橡皮图章”工具：可以把图像的一个区域复制或克隆到另一个区域。“替换颜色”工具：用另一种颜色在一

28、种颜色上绘画。“红眼消除”工具：去除照片中出现的红眼。“滴管”工具：可以从图像中选取颜色来指定一种新的笔触颜色或填充颜色。“油漆桶”工具：将所选像素的颜色更改为“填充颜色”框中的颜色。“渐变”工具：可以以可调的样式用颜色组合填充位图或矢量对象。工具栏“直线”、“矩形”等：直接绘制相应矢量图形。“钢笔”：绘制矢量路径。“文本”：在界面中以矢量形式输入文本。“自由变形”：对所选取的图形进行自由变形操作。工具栏“热点”工具：可将 URL 链接和行为分配给整个图形或图形的某个部分。“切片”工具：将图像切成不同的部分，可以将变换图像行为、动画和统一资源定位器（URL）链接应用到这些部分上。另外，可以使用

29、不同的设置导出各个部分。在网页上，每个切片都出现在一个表格单元格中。工具栏工具栏标准屏幕模式：默认的文档窗口视图。带有菜单的全屏模式：最大化的文档窗口视图，其背景为灰色，上面显示菜单、工具栏、滚动条和面板。全屏模式：最大化的文档窗口视图，其背景为黑色，上面没有可见的菜单、工具栏或标题栏。菜单栏“文件”菜单菜单栏“命令”菜单菜单栏“文本”菜单属性面板面板组“优化”面板面板组“图像编辑”面板面板组“层”面板面板组“帧”面板 面板组“历史记录”面板 面板组“形状”面板面板组“自动形状属性”面板面板组“样式”面板面板组“特殊字符”面板面板组“库”面板面板组“URL”面板面板组“混色器”面板面板组“样本

30、”面板面板组“信息”面板面板组“行为”面板面板组“查找”面板面板组“对齐”面板 设置“编辑”参数 设置“常规”参数Fireworks 8的操作界面5.3 Fireworks 8的首选参数 设置“启动并编辑”参数 设置“文件夹”参数 设置“导入”参数设置常规参数设置编辑参数设置启动并编辑参数设置文件夹参数设置导入参数 返回总目录 第6章Fireworks 8的图形和图像 掌握位图的绘制和调整 掌握矢量图形的设计方法教学目的 位图图像设计 矢量图形设计本章内容 位图的修饰 位图的绘制位图图像设计6.1 位图图像设计 调整位图颜色和色调位图的绘制 铅笔 可以使用“铅笔”工具绘制单像素任意直线或受约束

31、的直线，所用方法与使用真正的铅笔（用直尺或不用直尺）绘制硬边直线非常相似。也可以在位图上放大并使用“铅笔”工具来编辑个别的像素。 拖动以进行绘制。按住Shift键并拖动可以将路径限制为水平、竖直或倾斜线。位图的绘制 刷子 位图的绘制 油漆桶 位图的绘制 渐变 位图的修饰 橡皮章工具 用橡皮图章克隆图片位图的修饰 模糊、锐化和涂抹像素 模糊前后效果对比位图的修饰 模糊、锐化和涂抹像素 涂抹前后效果对比位图的修饰 减淡和加深像素 减淡前后效果对比位图的修饰 羽化像素选取 羽化效果调整位图颜色和色调 使用色阶功能 调整位图颜色和色调 使用色阶功能 色阶调整前后效果对比调整位图颜色和色调 使用曲线功能

32、 调整位图颜色和色调 使用曲线功能 曲线调整前后效果对比调整位图颜色和色调 调整亮度和对比度 调整位图颜色和色调 调整色相和饱和度 调整位图颜色和色调 反转图像的颜色值 调整位图颜色和色调 使用“查找边缘”滤镜创建草图外观 调整位图颜色和色调 对图像进行模糊处理 模糊处理可柔化位图图像的外观。Fireworks 提供了6种模糊选项。“模糊”：柔化所选像素的焦点。“进一步模糊”：其模糊处理效果大约是“模糊”的三倍。“高斯模糊”：对每个像素应用加权平均模糊处理以产生朦胧效果。“运动模糊”：产生图像正在运动的视觉效果。“放射状模糊”：产生图像正在旋转的视觉效果。“缩放模糊”：产生图像正在朝向观察者或

33、远离观察者移动的视觉效果。 对象的选择 矢量图形的绘制矢量图形设计6.2 矢量图形设计 编辑对象路径 通过路径操作进行编辑矢量图形的绘制 绘制直线 矢量图形的绘制 绘制绘制矩形、椭圆、多边形和其他图形 矢量图形的绘制 不规则直线路径 矢量图形的绘制 光滑曲线路径 矢量图形的绘制 “矢量路径”工具 矢量路径的笔触类型利用矢量路径绘制图像对象的选取选定路径中的点选定整个对象矢量图形的绘制 绘制直线 编辑对象路径 自由变形工具 自由变形拉伸操作自由变形推动操作编辑对象路径 重绘路径 可以使用“重绘路径”工具重绘或扩展所选路径段，同时保留该路径的笔触、填充和效果特性。 路径洗刷 可以使用“路径洗刷”工

34、具来更改路径的外观。使用变化的压力或速度，可以更改路径的笔触属性。这些属性包括笔触大小、角度、墨量、离散、色相、亮度和饱和度。可以使用“编辑笔触”对话框的“敏感度”选项卡指定这些属性中的哪个属性受到“路径洗刷”工具的影响。还可以指定影响这些属性的压力和速度的数量。编辑对象路径 刀子 使用刀子前后的路径通过路径操作进行编辑 合并路径对象 （1）从两个开口路径创建一个连续路径，则选择“工具”面板中的“部分选定”工具，选择两个开口路径上的两个端点，选择“修改”“组合路径”“接合”命令。 （2）若要创建复合路径，则选择两个或多个开口或闭合的路径，选择“修改”“组合路径”“接合”命令。 （3）若要分离复

35、合路径，则选择复合路径，选择“修改”“组合路径”“拆分”命令。（4）若要将所选的闭合路径合并为一个封闭整个原始路径区域的路径，则选择“修改”“组合路径”“联合”命令。所得到的新路径具有位于最下面的对象的笔触和填充属性。 通过路径操作进行编辑 将路径转换为选取框所选 可以将矢量形状转换为位图选区，然后使用位图工具编辑新的位图。 选择一个路径，然后选择“修改”“将路径转换为选取框”命令，在“将路径转换为选取框”对话框中，为要创建的选取框选择一种“边缘”设置。如果在“边缘”设置中选择“羽化”，请指定要使用的羽化量的值。若要将所选的路径转换为选取框，单击“确定”按钮，即可将所选择的路径转化为选取框。通

36、过路径操作进行编辑 简化路径 可以在删除路径中的点的同时保持它的总体形状。“简化”命令将根据指定的数量删除路径上多余的点。 扩展路径 返回总目录 第7章文本、层与蒙板 掌握如何设计文本 掌握层的使用方法 掌握蒙板的使用方法教学目的 文本设计 层的使用本章内容 蒙板的使用 设置文本属性 输入文本文本设计7.1 文本设计 给文本添加效果输入文本文字输入按钮设置文本属性文本字体给文本添加效果 笔触 笔触选项设置笔触铅笔的笔触效果给文本添加效果“编辑笔触”对话框给文本添加效果 填充 填充选项图案填充渐变填充给文本添加效果手柄控制填充方向编辑渐变 给文本添加效果 使用滤镜 动态滤镜给文本添加效果 斜角边

37、缘 浮雕阴影和光晕 层的使用 层面板层的使用7.2 层的使用 层的混合模式层面板层的使用 激活层 添加和删除层 查看层 组织层 保护层和对象 合并对象 共享层 “网页”层 导入Photoshop组合层 层的混合模式层的混合模式“正常”：不应用任何混合模式层的混合模式“色彩增殖”：用混合颜色乘以基准颜色，从而产生较暗的颜色 层的混合模式“屏幕”：用基准颜色乘以混合颜色的反色，从而产生漂白效果层的混合模式“变暗”：选择混合颜色和基准颜色中较暗的那个颜色作为结果颜色。这将只替换比混合颜色亮的像素层的混合模式“变亮”：选择混合颜色和基准颜色中较亮的那个作为结果颜色。这将只替换比混合颜色暗的像素 层的混

38、合模式“差异”：从基准颜色中去除混合颜色或者从混合颜色中去除基准颜色。从亮度较高的颜色中去除亮度较低的颜色 层的混合模式“色相”：将混合颜色的色相值与基准颜色的亮度和饱和度合并以生成结果颜色 层的混合模式“饱和度”：将混合颜色的饱和度与基准颜色的亮度和色相合并以生成结果颜色 层的混合模式“颜色”：将混合颜色的色相和饱和度与基准颜色的亮度合并以生成结果颜色，同时保留给单色图像上色和给彩色图像着色的灰度级 层的混合模式“发光度”：将混合颜色的亮度与基准颜色的色相和饱和度合并 层的混合模式 “反转”：反转基准颜色 层的混合模式“色调”：向基准颜色中添加灰色 层的混合模式 “擦除”：删除所有基准颜色像

39、素，包括背景图像中的像素 创建蒙板 蒙板蒙板的使用7.3 蒙板的使用 编辑蒙板蒙板 矢量蒙板 矢量蒙版效果蒙板 位图模板 创建蒙板使用“粘贴为蒙版”命令创建蒙版 定位选区选择对象创建好的蒙版创建蒙板使用“粘贴于内部”命令创建蒙版 选择内容对象蒙版效果蒙版路径创建蒙板使用“粘贴为蒙版”命令创建 创建蒙板组合对象以构成蒙版 蒙版效果选择多个重叠对象蒙板的编辑使用蒙版缩略图选择蒙版和被遮罩的对象 使用“部分选定”工具选择蒙版和被遮罩的对象 修改蒙版的外观 更改蒙版的应用方式 显示填充和笔触蒙板Alpha通道蒙板灰度外观应用的具有图案填充的矢量蒙版 返回总目录 第8章Fireworks 8进阶设计 掌

40、握切片的使用方法 了解热点区域 掌握图像的优化方法 掌握图像的导出方法教学目的 切片的使用 热点区域本章内容 图像的优化 图像的导出 切片调整 为图像创建切片切片的使用8.1 切片的使用 切片交互切片调整调整切片大小同时调整多个切片大小切片交互使切片具有简单的交互效果 变换图像交互单切片触发多个变换行为切片交互使用“行为”面板向切片添加交互效果 热点区域的属性设置 创建热点区域热点区域8.2 热点区域 在切片上使用热点创建热点区域热点区域的属性设置在切片上使用热点 GIF等格式图像的优化 图像的优化设置图像的优化8.3 图像的优化 JPEG格式图像的优化图像的优化设置“优化”面板预览优化切片G

41、IF等格式图像的优化选择调色板设置色阶 删除未使用的颜色 抖动以模拟缺失的颜色 查看调色板中的颜色 锁定调色板中的颜色 编辑调色板中的颜色 保存调色板 调整压缩 使区域透明 交错：逐渐下载 JPEG格式图像的优化调整JPEG品质选择性地压缩JPEG的各个区域 模糊或锐化细节使用“连续的JPEG” 导出文件 使用“导出向导”导出图像图像的导出8.4 图像的导出 使用“快速向导”按钮使用“导出向导”导出图像 使用“文件”“导出向导”命令，可以轻松导出图形，而无须了解优化和导出的细节。 “导出向导”带领用户逐步完成优化和导出过程。回答关于文件目的地和预期用途的问题，然后“导出向导”将就文件类型和优化

42、设置提出建议。导出文件 导出单个图像 导出切片的文档 导出动画 导出帧或层 使用“导出向导”导出图像 使用“文件”“导出向导”命令，可以轻松导出图形，而无须了解优化和导出的细节。 “导出向导”带领用户逐步完成优化和导出过程。回答关于文件目的地和预期用途的问题，然后“导出向导”将就文件类型和优化设置提出建议。 返回总目录 第9章Photoshop CS2的图形和图像 掌握Photoshop网页图像设计基本概念 了解Photoshop CS2的基本文件操作 掌握如何使用工具箱工具教学目的 Photoshop网页图像设计基本概念 Photoshop CS2文件操作入门本章内容 使用工具箱工具 图像分

43、辨率 矢量图与位图Photoshop网页图像设计基本概念9.1 Photoshop网页图像设计基本概念 Photoshop中的颜色模式矢量图与位图 不同放大级别的矢量图形的示例 不同放大级别的位图图像示例图像分辨率 分辨率为 72 ppi 和 300 ppi 的图像示例Photoshop中的颜色模式 RGB模式 HSB模式 CMYK模式 Lab模式 多通道模式 位图模式 灰度模式 双色调模式 索引颜色模式 处理文件 文件基本操作Photoshop CS2的图形和图像9.2 Photoshop CS2文件操作入门 创建、使用工具预设文件基本操作 使用“打开”命令打开文件 （1）单击“文件”“打开

44、”命令。（2）选择要打开的文件的名称。如果该文件未出现，可以从“文件类型”或“显示”下拉列表中选择用于显示所有文件的选项。（3）单击“显示预览”复选框预览选定的文件。该选项需要用到 Apple QuickTime 扩展功能。（4）单击“打开”按钮，在某些情况下会出现一个对话框，可以使用该对话框设置格式的特定选项。文件基本操作 打开最近使用的文件文件基本操作 打开指定文件格式的文件单击“文件”“打开为”命令，选择要打开的文件。然后从“打开为”下拉列表中单击所需的格式并单击“打开”按钮 文件基本操作 打开PDF文件在Photoshop CS2中，打开PDF文档后，既可以将其中的页面或图像导入到新文

45、档中，也可以使用“置入”命令导入PDF 文档中的页面或图像。 打开PostScript文件 压缩 PostScript（EPS）可以表示矢量数据和位图数据，几乎所有的图形、插图和排版程序都支持这种格式。生成 PostScript图片的Adobe 应用程序包括Adobe Illustrator、Adobe Dimensions 和Adobe Streamline。当打开包含矢量图片的EPS文件时，将对其进行栅格化，矢量图片中经过精确定义的直线和曲线会转换为位图图像的像素或位。 还可以使用“置入”命令、“粘贴”命令和拖放功能，将 PostScript 图片导入到 Photoshop 或ImageR

46、eady中。文件基本操作 以 Photoshop PDF 格式存储文件文件基本操作 以 GIF 格式存储文件文件基本操作 以 JPEG 格式存储文件文件基本操作 以 Photoshop EPS 格式存储文件文件基本操作 在 Photoshop 中将图层导出到文件处理文件 在 Photoshop 中复制图像 在 ImageReady 中复制图像 在Photoshop中关闭文件 退出 Photoshop 或 ImageReady 创建、使用工具预设 创建工具预设（1）选取一种工具，然后在选项栏中设置要存储为工具预设的选项。（2）执行下列操作之一：单击选项栏左边工具旁边的“工具预设”按钮。单击“窗口

47、”“工具预设”命令以显示“工具预设”调板。（3）执行下列操作之一：单击“创建新的工具预设”按钮。从调板菜单中选取“新建工具预设”命令。（4）输入工具预设的名称，然后单击“确定”按钮。创建、使用工具预设 使用工具预设创建、使用工具预设 更改工具预设的列表（1）在“工具预设”弹出式调板中，单击右三角按钮打开“工具预设”弹出式调板菜单，然后选取以下选项之一：选中“显示所有工具预设”命令可以显示所有载入的预设。选中“按工具排序”命令可以按工具对预设进行排序。（2）选中“显示当前工具预设”命令只显示现用工具的已载入预设。用户也可以在“工具预设”弹出式调板中选择“仅限当前工具”复选框。“纯文本”、“小列表

48、”或“大列表”命令确定预设在弹出式调板中的显示方式。使用工具箱工具9.3 使用工具箱工具Photoshop常用工具的使用前景色和背景色Photoshop绘图工具 填充工具 变换和修饰使用工具箱工具Photoshop常用工具的使用 规则选择工具 Photoshop常用工具的使用 不规则选择工具 套索工具的使用 多边形套索工具的使用 磁性套索工具的使用 Photoshop常用工具的使用 魔棒工具 Photoshop常用工具的使用 在路径上输入文字 非闭合路径上的横排和直排文字示例闭合路径上的横排和直排文字示例Photoshop常用工具的使用 快速改变对话框中显示的数值 要快速改变在对话框中显示的数

49、值，首先用鼠标单击那个数字，让光标处于对话框中，然后就可以用上下方向键来改变该数值了。如果在用方向键改变数值前先按下Shift键，那么数值的改变速度会加快，一般以10为步长。 临时切换到吸管工具如果现在处于以下状态：画笔、喷枪、铅笔、橡皮擦，只要按下Alt键，就可以临时地换到吸管工具状态（不过鼠标要在已经打开的图像区域上）。Photoshop常用工具的使用 快速避免选区边缘捕捉 在使用选区和裁剪工具时很多人都遇到过这种情况：在调整选区或裁剪框大小和位置时，当裁剪框比较接近图像边界的时候，裁剪框会自动贴到图像边缘，令用户无法精确裁剪图像。其实，只要在调整裁剪框的时候按下Ctrl键，裁剪框就会让用

50、户精确裁剪。 快速转换路径为选区 如果用钢笔工具画了一条路径，而现在鼠标的状态又是钢笔工具的话，只要按下小键盘上的回车键，那么路径马上就被作为选区载入。Photoshop常用工具的使用 快速调整图层层次 要把当前的选中图层往上移，只要按下Ctrl+“”键，就可以把当前的图层往上移动；按下Ctrl+“”键，就可以把当前的图层往下移动。 彩色图像转换为灰度图像 （1）单击“图像”“模式”“灰度”命令（2）单击“图像”“去色”命令（3）首先把图像转化成Lab颜色模式（单击“图像”“模式”“Lab颜色”命令），然后切换到通道调板，删掉与Lab及明度通道相联系的通道，就可以得到一幅层次更加细腻的灰度图像

51、了。 Photoshop常用工具的使用 临时切换自动选择图层功能的状态 自动选择图层，即系统自动将当前选择的对象所在的层调整为当前层。一般可以选中移动工具的选项栏上的“自动选择图层”复选框来启动这项功能。 透明度的调整 原图像与选中带有杂边颜色的“透明度”及不带杂边颜色的“透明度”的比较Photoshop常用工具的使用 用快捷键快速浏览图像局部 （1）Home：卷动至图像的左上角。（2）End：卷动至图像的右下角。（3）Page Up：卷动至图像的最上方。（4）Page Down：卷动至图像的最下方。（5）Ctrl+Page Up：卷动至图像的最左方。（6）Ctrl+Page Down：卷动至

52、图像的最右方。前景色和背景色 在工具箱中选择颜色前景色和背景色使用吸管工具选取颜色 （1）选择吸管工具。（2）要更改吸管的取样大小，请从“取样大小”下拉列表中选取一个选项：“取样点”读取所单击像素的精确值，“33 平均”或“55 平均”读取所单击区域内指定数量像素的平均值。（3）执行下列操作之一：若要选择新的前景色，请在图像内单击。或者，将指针放置在图像上，按住鼠标左键并在屏幕上的任何位置拖移，前景色选择框会随着用户的拖移动态地变化，松开鼠标按键，即可拾取新颜色。要选择新的背景色，请按住Alt键并在图像内单击。或者，将指针放置在图像上，按住Alt键，按住鼠标左键并在屏幕上的任何位置拖移，背景色

53、选择框会随着用户的拖移动态地变化，松开鼠标按键，即可拾取新的颜色。Photoshop常用工具的使用 “颜色”调板Photoshop的绘图工具 用钢笔工具绘图（1）选择钢笔工具。（2）设置下列工具的特定选项：要在单击线段时添加锚点或在单击线段时删除锚点，请选择选项栏中的“自动添加/ 删除”复选框。要在绘图时预览路径段，请单击选项栏中自定义形状工具旁边的下三角按钮并选择“橡皮带”复选框。（3）将钢笔指针定位在绘图起点处并单击，以定义第一个锚点。（4）单击或拖移，为其他的路径段设置锚点。（5）完成路径：要结束开放路径，请按住Ctrl 键（Windows）或Command键（Mac OS）在路径外单击

54、。要闭合路径，请将钢笔指针定位在第一个锚点上，如果放置的位置正确，笔尖旁将出现一个小圈，单击可闭合路径。 Photoshop的绘图工具 使用画笔工具或铅笔工具（1）选取一种前景色。（2）选择画笔工具或铅笔工具。（3）在选项栏中设置工具选项：从“画笔预设”选取器中选取一种画笔，并设置画笔选项。从“模式”列表中选取一种混合模式。通过拖移“不透明度”滑块来指定不透明度。“不透明度”指定每个描边所涂抹的油彩覆盖量。对于画笔工具，通过拖移“流量”滑块来指定流动速率。“流量”指定油彩的涂抹速度。单击“喷枪”按钮可以将画笔用作喷枪。对于铅笔工具，选择“自动抹除”复选框可在包含前景色的区域上绘制背景色。（4）

55、执行下列操作：在图像中拖移进行绘画。要绘制直线，请在图像中单击起点，然后按住 Shift 键并单击终点。在将画笔工具用作喷枪时，按住鼠标按键（不拖移）可增大颜色量。填充工具 打开图像并选取填充范围“填充”对话框图案填充的图像效果变换和修饰 更改画布的大小 原来的画布以及使用前景颜色添加到图像右侧的画布变换和修饰 旋转或翻转整个图像 从上到下、从左到右依次为水平翻转、原图像、垂直翻转、逆时针旋转 90 度、旋转 180 度、顺时针旋转 90 度变换和修饰 锐化图像 原图与边缘蒙版使用“USM 锐化”后的图片变换和修饰 应用变换 缩放：可相对于其参考点（围绕其执行变换的固定点）增大或缩小项目。可以

56、水平、垂直或同时沿这两个方向缩放。 旋转：围绕参考点转动项目。默认情况下，该点位于对象的中心；但可以将它移动到另一个位置。 斜切：可用于垂直或水平地倾斜项目。 扭曲：可用于向所有方向伸展项目。 透视：可用于将单点透视应用到项目。 变形：可用于变换项目的形状。 返回总目录 第10章Photoshop CS2高级设计应用 了解图层的高级应用 掌握路径的使用方法 了解通道的使用方法 掌握蒙板的高级应用 教学目的 图层 路径 通道本章内容 蒙板 图层调板 创建图层 编辑图层 设置图层特效 管理图层样式图层10.1 图层图层调板创建图层 创建普通层 通过单击“图层”“新建”“图层”命令或单击图层调板菜单

57、上的“新图层”命令都可以新建一个图层。此时会弹出“新图层”对话框 创建图层 创建填充层 （1）打开一个素材图像。（2）单击“图层”“新填充图层”“纯色”命令，出现如图1所示的对话框。 创建图层（3）单击“好”按钮后出现“拾色器”对话框，在其中可以设置、选择各种颜色及参数。（4）单击“好”按钮，图层调板如图所示。创建图层（5）此时再打开另一幅素材图像，按Ctrl+A键全选图像，然后按Ctrl+C键将图像复制到剪贴板中。（6）切换到原图像中，按Alt键后单击填充图层的蒙版。由于蒙版尚未做任何处理，因此其内容为空白。按Ctrl+V键，粘贴剪贴板中的图像到填充图层的蒙版中。（7）再次按Alt键单击填充

58、图层蒙版，关闭蒙版，或单击图层调板中的背景层，恢复图像显示。创建图层 创建调整层 通过单击“图层”“新建”“图层”命令或单击图层调板菜单上的“新图层”命令都可以新建一个图层。此时会弹出“新图层”对话框 创建图层 创建调整层 （1）要创建调整层，首先打开一幅图像素材。（2）单击“图层”“新调整图层”“色阶”命令，出现如图所示的对话框。创建图层 创建调整层 （3）单击“好”按钮后，系统打开如图所示的“色阶”对话框。（4）在其中对各项属性进行调整，然后单击“好”按钮。创建图层使用图层调板中的菜单项创建调整层创建图层 创建文本层 利用文本工具（工具箱中的T形图标）可以创建文字，并存放在一个新的文本图层

59、中。用户可以像对普通图层进行操作那样，移动、重新堆叠、拷贝文本图层和改变图层选项，也可以对文本图层进行编辑。 如果仅变形文本图层的部分或要将所有Photoshop 效果（例如滤镜）应用到文本图层上，必须先将文本图层转换为普通图层。文本图层被转换后，它的内容不能再作为文本进行编辑。 创建图层 创建背景图层 （1）双击图层调板上的背景图层，设置好参数后，就可以将背景图层转化成普通图层了。（2）当图像中没有背景图层时，选择“图层”“新建”“背景图层”命令可以生成一个由背景颜色填充的背景图层。创建图层 创建选区图层 （1）新的图层内容就是本图像中的内容。要把选区内的图像拷贝到新的图层上，选取“图层”“

60、新建”“通过拷贝的图层”命令，此时原图片保持不变，复制的选区内容作为一个新的图层出现；若要把选区内的图像剪贴到新的图层上，选取“图层”“新建”“通过剪切的图层”命令，此时原始图像中的选区内容将被删除变成背景色，选区内的图像内容将作为一个新的图层出现。 （2）新图层的内容是粘贴自其他图像选区的内容。把其他图像中的选区复制并粘贴到该图像中来，同时在该图像中生成新的图层，一种方法是用移动工具把选区拖动到该图像中来；另一种方法是先选中选区，再用“编辑”“拷贝”或“编辑”“合并拷贝”命令复制选区，然后切换到要生成新图层的图像中，通过“粘贴”命令粘贴选区。“拷贝”和“合并拷贝”命令的不同之处在于：“拷贝”