网页设计与Web编程 吴黎兵 郝自勉 杨鏖丞 chapter02

《网页设计与Web编程 吴黎兵 郝自勉 杨鏖丞 chapter02》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章FireworksCS3入门及制作实例内容提要FireworksCS3概述FireworksCS3工作界面Fireworks文档操作Fireworks基本操作Fireworks制作实例FireworksCS3概述AdobeFireworksCS3是一款用来设计和制作网页图形的应用程序。它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。使用Fireworks可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。Fireworks中的工具种类齐全，使

2、用这些工具，设计者可以在单个文件中创建和编辑矢量和位图图形。Fireworks可生成JavaScript脚本，从而使用户可以很轻松地创建变换图像。除此之外，其高效的优化功能可在不牺牲品质的前提下缩减网页图形文件的大小。FireworksCS3概述图像也是网页中不可缺少的部分，使用Macromedia公司开发的Fireworks可以非常方便地处理网页图像。该软件不仅结合了位图以及矢量图形处理的特点，具有处理复杂图像的功能，而且还能为图像创建各种交互式动感效果。网页中的各种图像：产品图片、背景图片、按钮图片、广告

3、图片。各种标志：网站标志、各种小图标。网页动画：各种动画LOGO、动画Banner、动画广告。网页界面设计：网页首页设计、网站内容页面设计。辅助网页制作：导航条、按钮、交换图像、弹出菜单。优化网页图像：减小图像文件大小。Fireworks的工作界面Fireworks的工作界面，主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。Fireworks的工作界面标题栏工具栏绘图区域工具箱菜单栏功能面板属性面板1）标题栏标题栏位于Fireworks窗口的顶部，显示了当前编辑的文件名称和缩放比率。

4、2）菜单栏菜单栏位于标题栏的下方，包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助10组不同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单，有些下拉菜单还包括了下一级的子菜单。3）绘图区域绘图区域即编辑图像的区域，也被称为画布。它就是通过使用Fireworks的各种工具进行编辑图像的地方。在绘图区域中上方有、、或4个按钮，可以在原始界面和预览界面之间进行切换，单击按钮返回原始界面，单击按钮显示预览界面，单击按钮显示2幅图的预览界面，单击显示4幅图的预览界面。绘图区域单击按钮将弹出快速导出的

5、菜单，可以将Fireworks中编辑的图像快速导出为Macromedia公司的其他产品或者是其他图像处理软件的格式。在绘画区域的下方是所编辑图像文档的状态栏，分别用于控制Gif动画的播放、退出位图编辑模式、显示图像的尺寸和控制图像缩放比例。4）快捷工具栏快捷工具栏包含图像编辑中经常使用到的一些辅助工具，如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。5）绘图工具栏在绘图工具栏中包含着绘制和编辑图像的各种工具。选择【窗口】→【工具】命令或按【Ctrl+F2】快捷键可以打开或隐藏工具箱

6、，它主要由选择、位图、矢量、网页、颜色和视图6个部分构成。其中各个工具的作用如下。选择工具主要用于选择对象及对选择的对象进行变形操作，每个工具的作用如下。绘图工具栏“指针”工具：用于选择或者拖动对象。“选择后方对象”工具：用于选择被其他对象覆盖的对象。“部分选定”工具：可以选择对象组中的某个对象，也可以选择矢量图像中的各个控制点。“缩放”工具：用于缩放对象。“倾斜”工具：用于旋转和倾斜对象。“扭曲”工具：用于扭曲和变形对象。“裁剪”工具：用于对图像进行裁剪。“导出区域”工具：用于将选中的部分导出。位图工具位图

7、工具主要用于绘制位图和对位图进行处理。“选取框”工具：用于创建矩形选区。“椭圆选取框”工具：用于创建椭圆或圆形选区。“套索”工具：通过拖动鼠标的方式建立任意形状的选区。“多边形套索”工具：用于创建多边形选区。“魔术棒”工具：将颜色相近的区域创建为选区。“刷子”工具：用于创建具有填充效果的粗线条。位图工具“铅笔”工具：通过拖动鼠标的方式创建任意形状的线条。“橡皮擦”工具：用于擦除不需要的区域或者对象。“模糊”工具：用于使编辑的区域或者图像具有模糊的效果。“锐化”工具：用于使编辑的区域或者图像具有锐化的效果。“减

8、淡”工具：用于使编辑的区域或者图像颜色减淡。位图工具“加深”工具：用于使编辑的区域或者图像颜色加深“涂抹”工具：用于在图像中沿拖动的方向推移图像。“橡皮图章”工具：用于把图像的一个区域复制或克隆到另一个区域中。“替换颜色”工具：用一种颜色替换另外的一种颜色。“红眼消除”工具：用于除去照片中出现的红眼。位图工具“滴管”工具：用于吸取鼠标所在位置的颜色。“油漆桶”工具：利用已设置的颜色填充所选择的区域。