Fireworks CS4网页图像设计与案例教程

2010-8  

国防工业出版社  

罗剑，俞华锋　主编  

193  

无  

　　Fireworks是一款介于平面图像设计和网页设计之间的网页图形图像处理软件。相比于Photoshop，尽管它的位图处理功能没有那么强大，但足以应付日常工作的需要。利用可设置的输出和优化图像功能，Fireworks可以优化大容量位图、减小图像尺寸，从而在保持图像可视性的同时允许网络快速传播。矢量工具的引入使得Fireworks拥有非常强大的绘制矢量图形的能力。Fireworks亦能够制作简单的cIF格式的动画，是Flash动画的有益补充。从CS3版本开始，Fireworks不再局限于制作单一的网页，与网站建设有关软件结合更趋紧密。通过组合“页面”面板及其他强大的Fireworks功能，读者可以快速创建交互Web和软件原型。相比早期版本，CS4版处理综合网页的能力有很大提高。　　在酝酿本书之前，编者已经在高职院校完成了“Fireworks应用与实践”课程的能力本位教学改革，以模块化的方式构建了课程能力标准和鉴定要求。从知识、技能和素质三个方面培养高职学生的综合能力，弱化理论，突出技能训练。全书共分11章，内容强调Fireworks网页图像设计的特色。与传统教材相比，剔除了有关位图操作的章节，增强了网页设计和矢量路径操作的内容，并根据教学经验对章节的教学次序进行了调整。这样做是为了避免不同课程间教学内容的重复，确保在有限的授课学时内达到事半功倍的效果。针对高职学生的特点，在每章的开头列出应知目标、应会目标和预备知识，帮助学生认清学习目标，明确学习任务。各章内容的安排不强调面面俱到，能够完成一个效果的操作可能有很多种，编者在书中尽量展示最便捷的操作，而不是一一罗列达到同样效果的操作。

本书由长期从事Fireworks软件教学及应用的教师和专业人员编写。全书采用案例教学、任务驱动的编写方法，明确了使用Fireworks制作网页图像应知应会的知识点，同时围绕知识点列举项目实例，帮助初学者由浅入深地掌握网页图像的制作方法和技巧。　　全书共分11章，包括Fireworks CS4概述和基本操作，对象操作和颜色应用，绘制矢量路径，使用文本，层和元件，动态滤镜，创建网页动画，切片、热点和行为，导航按钮和弹出菜单，优化、导出和集成、制作综合网页效果图。书中项目实例的素材和完成的效果均有配套电子文档。　　本书可作为高等职业院校计算机类专业和各类计算机培训班的教材，也可供学习网页图像设计的读者参考。

第1章 Fireworks CS4概述和基本操作 　1．1 Fireworks CS4简介 　1．2 Fireworks CS4对系统的要求 　1．3 工作界面 　1．4 文件管理 　1．5 更改画布 　1．6 使用布局工具 　1．7 调整视图 　1．8 设置首选参数 　本章小结 　技能训练 第2章 对象操作和颜色应用 　2．1 选择矢量图形对象 　2．2 选择位图对象 　2．3 编辑对象 　2．4 组织对象 　2．5 设置笔触和填充 　本章小结 　技能训练 第3章 绘制矢量路径 　3．1 位图和矢量图 　3．2 绘制基本图形 　3．3 绘制扩展图形 　3．4 使用钢笔绘制不规则图形 　3．5 其他路径编辑工具 　3．6 矢量路径间的运算 　3．7 项目实战 　本章小结 　技能训练 第4章 使用文本 　4．1 输入文本 　4．2 设置文本格式 　4．3 将文本附加到路径 　4．4 将文本转化为路径 　本章小结 　技能训练 第5章 层和元件 　5．1 层的概念和使用 　5．2 元件的概念和使用 　本章小结 　技能训练 第6章 动态滤镜 　6．1 设置动态滤镜 　6．2 斜角和浮雕 　6．3 阴影和光晕 　本章小结 　技能训练 第7章 创建网页动画 　7．1 动画基础知识 　7．2 状态面板的操作 　7．3 制作动画的基本方法 　7．4 利用元件和实例制作动画 　7．5 导出动画 　7．6 动画实例制作 　本章小结 　技能训练 第8章 切片、热点和行为 　8．1 图像的切片 　8．2 图像的热点 　8．3 使用行为 　本章小结 　技能训练 第9章 导航按钮和弹出菜单 　9．1 按钮元件 　9．2 编辑按钮实例 　9．3 创建导航栏 　9．4 创建弹出菜单 　本章小结 　技能训练 第10章 优化、导出和集成 　10．1 优化图像 　10．2 导出图像 　10．3 Fireworks与Dreamweaver交互应用 　本章小结 　技能训练 第11章 制作综合网页效果图 　11．1 使用页面 　11．2 制作综合网页实例 　本章小结 　技能训练 参考文献

　　（2）向图形添加交互效果。切片和热点是指定网页图形中交互区域的web对象。切片将图像切成可导出的部分，可以将变换图像行为、动画和统一资源定位器（URL）链接应用到这些部分上，在网页上，每个切片都出现在一个表格单元格中，使用切片和热点上的拖放变换图像手柄可以为图形快速指定交换图像和变换图像行为，使用Fireworks CS4按钮编辑器和弹出菜单编辑器可以生成用于在网站上导航的特殊交互式图形。　　（3）优化和导出图形，使用Fireworks CS4强大的优化功能，可以在所导出图形的文件大小和可接受的视觉品质之间取得平衡。所选择的优化类型取决于用户的需要及要优化的内容。优化图形后，下一步是将它们导出以便在Web上使用。从Fireworks CS4源PNG文件中，可以导出许多种类型的文件，其中包括JPEG、GIF、GIF动画和包含多种文件类型的切片图像的HTML表格。　　此外，Fireworks CS4相比之前的CS3版本增加了许多新的功能。　　（1）性能和稳定性提高。利用Fireworks CS4从文件打开、保存到元件更新，以及密集的位图和矢量操作等功能，使系统整体性能增强，让用户能够更快速有效地操作。　　（2）新用户界面，使用简单易用的通用用户界面设计，方便与其他Creative Suite应用程序（如Photoshop、Illustrator租Flash）进行交互。

无

Fireworks CS4网页图像设计与案例教程 PDF格式下载