第2篇第14章 Fireworks的Web功能.ppt

1、第2篇 第14章 Fireworks的Web功能,14 .1 热区 14.1.1 创建热区 14.1.2 编辑热区 14.2 切片 14.2.1 创建与编辑切片 14.2.2 为切片附加交换图行为 14.2.3 切片图形的导出与应用 14.2.4 切片动画 14.3 按钮与导航条 14.4 弹出菜单 思考题,14.1 热区,在一幅图像中可以创建多个链接区域，通过单击不同链接区域，跳转到不同的链接目标。 将这种位于一幅图像上的多个链接区域称为热点区域或热区（Hotspot），这个过程称为图像映像（Image Map）。,14.1 热区,1、使用热点工具 2、执行 “编辑” | “插入” | “热

2、区” 命令，为单个或多个对象建立热区 3、热点也是Fireworks中的对象，只是存在于一个特殊的“网页层”中。可以像普通对象一样编辑。,14. 2 切片,切片功能把一个大的图形分割成若干小的切片，并把每个切片单独发布为一个文件。制作切片的优点： 提高下载速度 便于构建图像链接 便于优化 减少重复图像 便于局部更新 生成动态效果,14.2.1 创建与编辑切片,1、创建切片 使用切片工具 选中对象，执行菜单命令 “编辑” | “插入” | “矩形切片/多边形切片” 2、编辑切片 通过属性面板，为切片改变颜色、大小、位置，建立超链接,14.2.2 为切片附加交换图行为,为切片附加行为 通过“行为”

3、面板实现 通过切片上的右键菜单实现 通过鼠标直接拖动实现 【例14-2】使用“行为”面板，实现切片上的翻滚图效果。 【例14-3】用鼠标拖动的方法，实现例4-2切片上的交换图效果。,14.2.3 切片图像的导出与应用,14.2.4 切片动画,如果一幅图像很大，其中只有一小部分有动画效果，可以将动画部分分割成单独的切片。导出时，只将这个切片导出为动画GIF格式，而其他切片，导出为普通静图图像格式。 整个文件的大小就会减小，下载速度将会提高，也易于对动画部分的修改。 【例14-4】制作切片动画。,14.3 按钮与导航栏,【例14-5】制作按钮。 步骤一：进入按钮编辑器 “编辑” | “插入” |

4、“新建按钮” 步骤二：制作按钮“释放”（Up）状态外观 利用“资源”面板中的“样式”选项卡 利用“属性”面板中“滤镜”框 步骤三：制作按钮“滑过”（Over）状态外观 步骤四：制作按钮“按下”（Down）状态外观 步骤五：制作按钮“按下时滑过”（Over While Down）状态外观 步骤六：制作按钮的“活动区域”（Active Area）,14.3 按钮与导航条,【例14-6】制作导航条 。 步骤一：导入底图 步骤二：制作按钮外观，同【例14-5】 步骤三：用嵌套编辑方法，制作导航条中的按钮 用嵌套方法制作的一组按钮，不但易于修改，而且这一组按钮具有单选钮的属性，即这一组按钮中有且仅有一个按钮被按下，跳转到相应网页。若点按另一个按钮，跳转到另一个网页，原来按下的按钮会自动弹起。,14.4 弹出菜单,弹出菜单是指当鼠标指针滑过热区或切片或单击这些对象时在浏览器中显示的菜单。在菜单或子菜单项上可以附加URL链接。 弹出菜单可以具有“弹起”和“滑过