网页设计第三章全解.ppt

第三章 网页图形与图像处理 第三章 网页图形与图像处理 【本章内容】 3.1 Fireworks CS4基础 【本节内容】 3.1 Fireworks CS4基础 Adobe Fireworks（以前是Macromedia Fireworks）是用来设计和制作专业化网页图形的终极解决方案。 使用Fireworks可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。从而创建非凡的网页图像。Fireworks有着在同一个应用程序中合二为一地处理位图和矢量图的巨大优势。 3.1.1 Fireworks CS4的新功能 Fireworks CS4不仅继承了以前Fireworks的强大功能，还增加了更友好、高效的新特性、新的功能。在新功能的帮助下，我们可以更方便地使用Fireworks。 改进的性能和稳定性：使用Fireworks CS4从文件打开和保存到元件更新，以有密集的位图和矢量操作等整体性能增强，让用户能够更快速有效地工作。 全新的用户界面：Fireworks CS4使用简单易用的通用用户界面设计，用户可以从其他Creative Suite应用程序（如Photoshop CS4、Illustrator CS4、Flash CS4）轻松切换到Fireworks CS4。 3.1.1 Fireworks CS4的新功能 基于CSS布局：用户现在可以Fireworks CS4功能强大的图形环境中设计完整的网页，然后一次性导出符合标准、基于CSS且附有外部样式表的标准网页兼容布局。可以从最常用的6个版面之一着手，并使用自动边缘和边距检测合并前景和背景图形。将Fireworks CS4富元件拖放到Fireworks CS4布局上，指定标题、链接和表单属性以进行精确的CSS控制。 导出Adobe PDF：从Fireworks CS4设计组件复合生成高精度、交互式且安全的PDF文档，以增强客户端通信。可以为查看以及打印、复制和注释等其他任务单独创建密码来保护您的设计。 3.1.1 Fireworks CS4的新功能 动态样式：使用专业设计的样式或自定义样式集自定义Fireworks对象或文本。修改一个样式源即可更新样式所有实例的已应用效果、颜色和文本属性。使用增强的样式面板可以提高工作效率。单击图标，可以在默认Fireworks样式、当前文档样式或其他库样式之间进行选择，轻松访问多个样式集。 Adobe文字引擎：Fireworks CS4现在也具备Photoshop和Illustrator用户熟悉的“Adobe文字引擎”，可使用增强排版能力实现出众的字体设计；可以从Photoshop（CS3以上）和Illustrator（CS3以上）导入或复制/粘贴双字节字符，并保持相同的清晰度；可以在紧凑的文本徽标路径内浮动文字。 3.1.1 Fireworks CS4的新功能 工作区改进：将智能辅助线快速置入画布中，以实现快速准确地定位和测量画布上的辅助线和元素。当在画布上将辅助线拖动到位时，警告屏幕会表明相应位置。本地元件编辑可使用设计的其余部分来精确美化内容中的元件；扩展的9切片缩放工具现在可应用于画布上的任何对象，而不仅仅是元件。 可自定义、重用的资产：借助公用库启动您的的设计流程，这是一个由Web和软件应用程序、界面及网站中常用的图形元件、表单元素、文本符号和动画组成的库。使用您的自定符号和样式扩大集合，继续推动快速设计。 集成Adobe Kuler：在Fireworks CS4中可以直接访问Adobe Kuler在线服务提供的必威体育精装版颜色主题以采样并应用于用户的Web设计。也可以调制出和谐的颜色供自己使用或上传到Kuler。 3.1.2 Fireworks CS4的安装、启动与退出 1、安装 安装Fireworks CS4步骤如下： （1）将 Fireworks CS4安装光盘插入计算机的光盘驱动器。 （2）开始安装：在 Windows系统中会自动启动Fireworks 安装程序。 （3）根据屏幕上安装向导的提示输入相关信息。 （4）安装完成时，重新启动计算机。 3.1.2 Fireworks CS4的安装、启动与退出 2、中文版Fireworks CS4的启动 （1）通过“开始”菜单下的“程序/Adobe/ Adobe Fireworks CS4”实现。 （2）通过快捷方式。 3.1.2 Fireworks CS4的安装、启动与退出 3、中文版Fireworks CS4的退出 选择“文件/退出”菜单项； 单击程序窗口标题栏右侧的“关闭”按钮； 直接按组合键【Alt+F4】 如果修改了Fireworks文件内容后直接关闭应