网页设计与网站制作课件.ppt

《网页设计与网站制作课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第三章网页图形与图像处理网页制作与网站设计第三章网页图形与图像处理【本章内容】3.1Fireworks简介3.2图形的绘制与编辑3.3图像处理3.4图像的优化与导出3.1Fireworks简介【本节内容】3.1.1Fireworks8的新功能3.1.2Fireworks8的安装、启动与退出3.1.3Fireworks8的界面3.1.4创建Fireworks文件3.1.1Fireworks8的新功能1、优化增加了具有常用的图像编辑工具、滤镜和菜单命令的“图像编辑”面板；支持导入更多导入文件格式；优化的批处理工作流程，如缩放时检查文件尺寸等。3.1.1Firewor

2、ks8的新功能2、集成的工作流程CSS（层叠样式表）弹出式菜单；矢量兼容性；更多切片选项；识别ActionScript颜色值；文件类型转换；改进的打开、保存和导出逻辑；减少了网格数目。3.1.1Fireworks8的新功能3、创作过程简单化新增的混合模式透视阴影纯色阴影移动界面组件示例按钮、动画、主题和项目符号“自动形状属性”面板动态选取框和转换选区（选取框到路径及路径到选取框）自动命名文本“特殊字符”面板更改路径上的文本的形状3.1.1Fireworks8的新功能4、工作流程的改进最近使用过的字体和优化可记住上次使用的设置；保存多个选区；在层面板中选择共享边缘

3、的对象；自动保存首选参数；将连续轻推分组；增强的绘图板支持；锁定对象。3.1.2Fireworks8的安装、启动与退出1、安装安装Fireworks8步骤如下：（1）将Fireworks8安装光盘插入计算机的光盘驱动器。（2）开始安装：在Windows系统中会自动启动Fireworks安装程序。（3）根据屏幕上安装向导的提示输入相关信息。（4）安装完成时，重新启动计算机。3.1.2Fireworks8的安装、启动与退出2、中文版Fireworks8的启动（1）通过“开始”菜单下的“程序/Macromedia/MacromediaFireworks8”实现。（2）

4、通过快捷方式。3.1.2Fireworks8的安装、启动与退出3、中文版Fireworks8的退出选择“文件/退出”菜单项；单击程序窗口标题栏右侧的“关闭”按钮；直接按组合键【Alt+F4】如果修改了Fireworks文件内容后直接关闭应用程序，系统会弹出是否保存文件的对话框，提示用户对所做和修改是否保存。如单击“是”按扭，则在进行必要的文件保存设置后，保存对文件的修改退出；如单击“否”按扭，则不保存对文件的修改直接退出。3.1.3Fireworks8的界面1、中文版Fireworks8的界面Fireworks8的工作界面，如图3-1所示。它由标题栏、菜单栏、工

5、具箱、属性检查器、其它面板和开始页六部分组成，开始页位于窗口的中间，它包括打开最近的项目、新建、扩展和教程区四种任务提示。通过打开和新建都可以进入编辑界面（如图3-2）。与工作界面相比，不同之处是：编辑界面窗口的中间部分用编辑区取代了工作界面窗口的开始页。这个编辑区便是图像编辑的主要场所,包括显示文件的名称（扩展名为.png）的标题栏，用于编辑的“原始”按钮，按不同幅面预览图像的“预览”、“2幅”及“4幅”3个按钮及右上角的导出钮。3.1.3Fireworks8的界面1、中文版Fireworks8的界面工具箱标题栏菜单栏开始页“属性”检查器其它面板图3-1Fir

6、eworks8的工作界面3.1.3Fireworks8的界面1、中文版Fireworks8的界面图3-2Fireworks8的编辑界面3.1.3Fireworks8的界面2、工具箱工具箱位于屏幕的左侧，它包含了用于创建、选择和编辑的多种工具，它分成了6类别并用标签标明，如图3-3所示。一些工具包含在同一个工作组中，在同一个工作组中的工具右下角有三角形，在它们上面按下鼠标不放，便会弹出同组其它工具，将鼠标移到所要的工具上单击便可实现切换。图3-3工具箱3.1.3Fireworks8的界面3、“属性”检查器“属性”检查器是一个上下文关联面板，它显示当前选区的属性、当

7、前工具选项或文档的属性。默认情况下，“属性”检查器停放在工作区的底部，如图3-4所示。“属性”检查器可以半高方式打开，只显示两行属性，也可以全高方式打开，显示四行属性。还可以在将“属性”检查器留在工作区中的同时将其完全折叠。图3-4“属性”检查器3.1.3Fireworks8的界面4浮动面板浮动面板可以帮助我们编辑文档中所选对象或元素的各个方面，可用于处理帧、层、元件、颜色样本等。Fireworks8主要包含“优化”面板、“层”面板、“帧”面板、“历史记录”面板、“形状”面板、“样式”面板、“库”面板、“URL”面板、“混色器”面板、“样本”面板、“信息”面板、

8、“行为”面板、“查找”面