Fireworks(热点与切片).pptVIP

为切片和热点附加行为 一个热点或切片可附加多个行为 系统提供： 简单变换图像 交换图像 恢复交换图像 设置导航栏图像 设置弹出菜单 【行为】面板的增加+按钮 ，删除-按钮 【行为】中的【事件】按钮，指定某动作的条件。 弹出菜单的创建 当鼠标移到切片或热点上时，IE会显示弹出菜单，可以把URL链接附加到弹出菜单项，以便导航。 操作步骤 1）选中切片或热点 2）打开【行为】面板，单击【增加按钮】-------【设置弹出菜单】 3）【内容】选项卡中增加空菜单项，输入合适信息。 4）单击【完成】按钮 创建按钮 用按钮元件，可以创建导航栏 下面讲述 按钮元件的定义、使用、编辑 实例 1）文档： 350*260 2）编辑---- 插入---新建元件 3）输入 名称 类型： 图形 4）选【矩形】工具，设置属性： 实心 、无边框、 消除锯齿 纹理是DNA 5）工作区绘制一个矩形，在【属性】面板中添加滤镜效果---斜面与浮雕 6）单击【完成】，退出元件编辑器。 7）从【库】面板中拖拽元件到文档窗口中。 编辑按钮 按钮注册点---按钮的中心点，为了对齐 有四种状态：弹起、划过、按下、按下时划过 按钮 设置按钮的URL 替换文件夹 目标窗口 不透明度 混合模式 改变按钮文本 为按钮加滤镜效果 编辑按钮 【库面板】中双击按钮元件 创建导航栏 新建元件， 元件属性对话框： 名称： 公司说明 类型： 按钮 按钮的“释放”状态：输入 公司简介 单击“滑过”状态 ，单击【复制弹起时的图案】按钮， 切片和热点 切片 将图像切成不同部分 将变换图像行为、动画、URL链接 网页中的表格单元-------对应--------切片 注：URL------统一资源定位器 热点 将URL链接 将行为 分给图像（或图像的部分） 如何创建、使用？ 1）热点？ 2）图像切片？ 3）按钮？ 4）导航栏？ 5）优化和导出图像？ 创建和编辑热点 WEB页面中的图形，当鼠标经过热点时，鼠标变成手形。 单击此图形，打开某一网页。 创建热点 操作步骤 1）导入素材 2）工具箱中【矩形热点】工具，在图形某处拖拽鼠标，创建1个矩形热点。 3）工作区单击【预览】，把鼠标移到热点处，鼠标变为手形。 为热点指定URL 操作步骤 1）用【选择工具】选定热点； 2）在属性面板中，为热点指定URL和替代文本 编辑热点 用【指针工具】、【部分选择工具】、【变性工具】编辑热点 用【属性面板】或【信息面板】改变热点的位置、大小和形状。 输出热点 打开右侧【优化面板】，设置参数： GIF最合适256 GIF 最合适 失真 0 不透明 颜色：256 抖动：0% 菜单【文件】---【导出】---保存类型为【HTML图像】---导出 创建和编辑图像切片 切片是网页对象，不是以图像方式存在，最终以HTML代码形式出现。 通过【层】面板的【网页层】对切片查看、选择、重命名 用拖放变换图像方法将交互性附加到切片上。 使用【行为】面板，指定行为，成为复杂的交互。 创建切片 用两个工具 【切片工具】 和 【多边形切片】工具 1）切割时，现实的红色线条是切片引导线，决定图像被切成几个部分。 2）拖拽引导线调整切片大小。 矩形切片的制作 操作步骤 1）导入一个素材 2）选中【切片工具】 3）移动鼠标到工作区，拖拽鼠标 4）切片对象和辅助线显示在【层】面板的【网页层】中 。 注：多边形切片与矩形切片 同。 创建 HTML切片 在浏览网页时，出现普通HTML文本 HTML切片不导出图像，导出切片定义的表格单元中的HTML文本。 操作步骤： 1）导入素材，选中【矩形切片】工具，创建一个矩形切片。 2）让切片处于选中状态，在【属性】面板中的“类型”的“HTML”选项 3）单击【属性面板】---【编辑】按钮----【编辑HTML切片】窗口； 4）在该窗口输入文本，按【确定】按钮 5）菜单【文件】---【导出】----保存类型为【HTML和图像】---【导出】按钮