网页设计与制作 任正云 第10章

《网页设计与制作 任正云 第10章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作教程中国水利水电出版社《网页设计与制作》教材配套电子教案2007.6110.1Fireworks8简介10.2Fireworks8工作环境10.3Fireworks8的简单操作10.4将文本附加于路径10.5创建按钮与菜单10.6图像切片的使用10.7网页图形图像的优化与发布10.8实践技能训练第10章网页图像制作与优化210.1Fireworks8简介MacromediaFireworks8是一款用来设计网页图形的多功能应用程序。可以用来创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和

2、优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。10.1.1Fireworks的优点Fireworks的优点表现在效率高、操作便捷以及较好的网络速配性等多方面。10.1.2Fireworks的适用对象当然，不会有绝对的最优选择，因为Fireworks是应网页设计者的挑战而推出的一套解决方案。因此，Fireworks对传统传媒（如商业印刷品）来说，并不是创建和处理图形的最佳选择。Fireworks的环境是基于RGB颜色模式的，因此，理论上讲

3、，也更适于屏幕导出，而不是打印输出。310.1Fireworks8简介10.1.3Fireworks8的新特色1．专业设计控制2．无缝的跨软件工作流程3．性能显著提高4．用户界面的改进5．新的热效6．新的反锯齿选项7．完整的Unicod支持410.2Fireworks8工作环境10.2.1Fireworks8的界面图10-1Fireworks8的操作界面510.2Fireworks8工作环境10.2.2菜单栏（1）“文件”菜单（2）“编辑”菜单（3）“视图”菜单（4）“选择”菜单（5）“修改”菜单（6）“文本”菜单（7）“

4、命令”菜单（8）“滤镜”菜单（9）“窗口”菜单（10）“帮助”菜单610.2Fireworks8工作环境10.2.3工具栏（1）主要工具栏：（2）修改工具栏710.2Fireworks8工作环境10.2.4状态栏Fireworks8中的状态栏显示了设置选项、按钮、大小与锁定键及数字锁定键等当前操作状态的相关信息，如图10-5所示。图10-5状态栏810.2Fireworks8工作环境10.2.5工具面板在默认状态下，工具面板放置在窗口的左侧，面板上分为几组不同种类的工具，分别为选择、位图、矢量、网页、颜色和视图，如图10-

5、6所示。图10-6工具面板中的几组工具910.2Fireworks8工作环境10.2.6常用面板在绘制和编辑图像时，最常用的面板包括形状面板属性面板、颜色面板、混色器面板、信息面板、查找面板、行为面板、优化面板、层面板、样式面板、URL面板库面板、帧面板、历史纪录面板及特殊字符面板等，这些面板通常被称为面板组。默认的情况下，Fireworks8面板将面板成组停放在工作区的右侧。设计者可以进行取消停放面板组、将面板添加到组、重新排列面板组的顺序、折叠和关闭面板组、打开或关闭面板组等操作，这些操作都可以通过单击面板右上角的图标

6、从下拉列表中选择，有关常用面板的具体介绍和应用将在以后的相关内容中讲解，这里不再详细介绍。1010.3Fireworks8的简单操作10.3.1操作Fireworks8文档1．新建文档2．打开文档3．保存和导出文档1110.3Fireworks8的简单操作10.3.2绘制简单的矢量图形1．绘制小脚丫2．可爱的心3．汽车标志的绘制1210.3Fireworks8的简单操作10.3.3使用滤镜对于某一对象应用特殊效果，可以在“属性”面板中的“滤镜”中完成，如图10-22所示。在该面板中，可以对一个对象使用多种效果，每一次增加的

7、效果都会被列在其中的效果列表中。图10-22使用“滤镜”1310.3Fireworks8的简单操作下面以两个实例介绍有关Fireworks8中有关颜色、笔触、填充以及滤镜效果的设置等具体的应用方法。1．绘制相片框图10-26图形效果1410.3Fireworks8的简单操作2．绘制夜晚景色图10-33夜空效果1510.4将文本附加于路径将文本附加到路径后，该路径会暂时失去其笔触、填充以及效果属性。随后应用的任何笔触、填充和效果属性都将应用到文本，而不是路径。如果之后将文本从路径分离出来，该路径会重新获得笔触、填充以及效果属

8、性。1．将文本附加于路径图10-36最后的显示效果图10-37将文本附加到经过编辑的路径上1610.4将文本附加于路径2．文本转换为路径文本不仅可以附加到路径上，还可以将文本转换为路径。转换为路径后，文本就可以在任何情况下正常显示，另外，还可以利用所有的矢量编辑工具来编辑文本，就像编辑矢量对象一样编辑字