网页制作技术 杨尚森 第7章.pptVIP

第7章 使用Fireworks创建Web对象 7.1 制作GIF动画 创建动画 使用“帧”面板 将多个文件用作一个动画 导出动画 7.2 切片和热点 使用切片 导出切片 创建热点 7.3 制作按钮和弹出菜单 制作按钮 创建元件 制作弹出菜单 7.4 优化与导出 图像的优化 使用导出向导 填充 使用样式和形状 6.4 编辑位图 创建和编辑位图 编辑选区 修饰位图 6.5 图像的后期处理 使用滤镜 使用层 使用蒙版 混合和不透明度 处理照片 * * Fireworks 8提供了许多专门针对网页制作的功能，可以直接制作与图像有关的网页对象，如GIF动画、交互按钮、弹出菜单、图像地图等，还可以生成可以方便页面布局设计、提高网页传输速度的切片网页。另外，Fireworks 8还能对图形进行优化和导出，达到图像颜色、压缩和品质的最佳组合。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 动画相当于将连续的多幅图像逐个显示，网页中常用的GIF89a格式的图像动画，这种动画特别适合动作效果简单、颜色不复杂的动画。Fireworks 8可以直接生成GIF动画，还可以将动画作为Flash的SWF格式文件导出或直接导入到 Flash中进行编辑。 创建动画前首先要将要产生运动效果的对象单独放在一个层中。 1．创建动画 2．查看和修改动画效果 使用“帧”面板可以设置更详细的动画效果，还可以方便地编辑动画效果。 1．编辑帧 2．设置动画播放次数 3．同时查看多帧 4．设置帧延时时间 5．在帧间共享层 【实例7.1】制作一个文字在画面上由左到右沿曲线运动的动画效果。 Fireworks 可基于一组图像文件创建一个动画。例如，打开几个现有的图形并将它们放在同一文档中的不同帧中，就可以创建一个横幅广告。 【实例7.2】制作一个横幅广告。 动画制作完成后，可以将动画文件导出为GIF格式的文件或Flash文件。 1．导出为GIF 2．导出为Flash动画 使用热点和切片可以直接制作网页对象，生成HTML文件。 切片将 Fireworks文档分割成多个较小部分，并将每部分导出为单独的文件。 【实例7.3】将网页设计效果图使用切片处理。 1．创建切片 2．编辑切片 3．添加超链接 4．制作交换图像 5．添加行为 包含切片的图像可以导出为网页文件，通过Dreamweaver等网页编辑软件编辑，或在浏览器中浏览。 1．导出切片 2．导出的文件 3．编辑切片网页 使用Fireworks创建热点类似于在制作图像地图，可使图像的一部分成为超链接对象。 1．创建热点 2．设置热点 3．编辑热点 4．添加行为 5．导出热点图像 按钮和弹出菜单是网页中最常见的两种元素。按钮在光标移过、离开等状态会呈现不同的外观；弹出菜单在光标移过一个区域时，出现一个菜单，可以进行选择。 Fireworks会自动产生按钮、弹出菜单所需的JavaScript，生成对应的网页。 Fireworks通过定义一个对象在释放、滑过、按下、按下时滑过等4种状态下的图像，生成一个具有动态效果的按钮。 1．创建按钮 2．导入按钮 3．编辑按钮 4．设置交互按钮属性 如果希望在文档中重复使用某些图形，可将该图形创建为元件。定义元件后，将该元件拖入文档便创建了该元件的一个实例。当用户编辑元件时，所有实例自动改变。 Fireworks 8提供3种类型的元件：图形、动画和按钮。 1．创建元件 2．编辑元件 3．编辑实例 4．导入、导出元件 利用Fireworks 8的“弹出菜单编辑器”，可以在切片、热点和按钮上都可以创建弹出菜单，Fireworks 8创建的弹出菜单的排列方式、位置、颜色等都可以随意设置。 1．制作文字按钮 2．制作导航栏 3．制作菜单 4．编辑弹出菜单 5．导出弹出菜单 【实例7.5】制作一个有3个栏目的弹出菜单，其中有一个栏目的菜单中还包含子菜单。