电子教案第3章[1]汇总.ppt

第3章 Fireworks CS4网页高级应用 Thanks you! 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * 3.4.1 学习内容：按钮的制作及应用 把已有的按钮状图形转换成按钮 在画布中绘制按钮状图形（通常是一个复合图形，包括键面显示内容），再把它转换成类型为“按钮”的元件。 双击按钮实例，然后在编辑器中设置必要的按钮状态，最后单击编辑器左上角的“完成”按钮。 实例：制作一个具有4种状态的按钮，该按钮将被导出应用于导航栏的制作过程中。 3.4.1 学习内容：按钮的制作及应用 按钮的其他常见操作 跟图形元件相似，有重制、编辑、删除、导出和导入操作。 这些操作可通过“文档库”面板中的按钮或菜单中的相应命令来完成。 3.4.1 学习内容：按钮的制作及应用 制作网页导航栏的简单过程 首先打开或导入一幅背景图像，然后制作或导入按钮，并加入实例，再克隆画布中的按钮（实例）到所需数量，并在同一方向（水平或垂直方向）均匀分布这些按钮（实例）。为便于绘制切片，这些按钮（实例）最好是水平对齐（按钮是水平分布时）或垂直对齐（按钮是垂直分布时）的，且根据按钮的活动区域设置按钮（实例）间是无缝的。 任务目标：在“新疆之旅”模板图上添加水平导航栏。 基本操作步骤 打开保存有上一章操作结果的“新疆之旅”模板图.png文档，并导入前面实例所制作的按钮。 锁定“背景”层，并新建“按钮”层，在该层中加入所导入按钮的实例，并指定其位置。 克隆按钮实例5次，再修改克隆所得的按钮实例的键面显示文字，并设定其位置。 备注 操作效果可参阅教材所附光盘中的“本书范例\第3章\中间文件”文件夹中的“新疆之旅”水平导航模板图.png。 3.4.2 案例任务 通过导入按钮的方法来创建按钮 选择“编辑”→“插入” → “新建按钮”命令，调出按钮编辑器，然后单击“属性”面板中的“导入按钮”按钮，再选取一种预设按钮，最后单击“导入”按钮，便可在编辑器中加入所选取的预设按钮。 单击编辑器左上角的“完成”按钮，便可创建出一个按钮，并在画布中加入该按钮的一个实例。 实例：通过导入预设按钮来直接创建按钮。 3.4.3 扩展知识 按钮的活动区域 按钮的活动区域确定了按钮在画布中的实际大小。该大小跟在属性面板中看到的画布中按钮的大小有时是不同的。设置按钮的位置时，所参照的应是按钮编辑器中其活动区域的高度或宽度。 进入按钮编辑器后，在“属性”面板的“状态”组合框中选择“活动区域”项，再单击编辑器中的按钮，便可在“属性”面板的左边看到其宽度或高度。当然，这时也可重设其宽度或高度值。 3.4.3 扩展知识 3.5 GIF动画的制作 动画效果是活力网页所必需的。 可通过Fireworks制作简单的动画。 在Fireworks CS4中，状态是动画制作的基础。 在Fireworks CS4中，制作动画的实质是在不同的状态中加入不同的对象，通过按顺序播放这些不同状态中的对象来达到动画的效果。 3.5.1 学习内容：动画及相关操作 关于动画 最简单的动画制作方法是：在文档中增加状态，并在不同的状态中加入动画元素。 在“优化”面板中设定导出文件格式为“GIF动画”，再选择“文件”→“导出”命令，通过导出操作来把这种动画效果保存在动态的GIF文件中。 3.5.1 学习内容：动画及相关操作 “状态”面板 认识“状态”面板 3.5.1 学习内容：动画及相关操作 “状态”面板 调出“状态”面板的方法 在“窗口”菜单中选中“状态”项。 “状态”面板的作用 “状态”面板是创建和组织状态的场所。在该面板中可以查看状态列表，进行添加状态、复制状态、重命名状态、改变状态排列顺序、设置状态延迟、删除状态等操作。 3.5.1 学习内容：动画及相关操作 新建状态 状态的 基本操作 复制状态 重命名状态 状态延迟 重排状态 删除状态 状态的基本操作 3.5.1 学习内容：动画及相关操作 新建状态 添加状态并指定其插入位置 单击“状态”面板右上角的“选项”按钮，在调出的“选项”菜单中选择“添加状态”项，会弹出“添加状态”对话框。你可以借助于“添加状态”对话框来指定添加的状态数量及插入位置。 新建状态并添加到状态序列的最后面 选取一种状态之后，单击状态面板右下角的“新建/重制状态”按钮 。 3.5.1 学习内容：动画及相关操作 单击此按钮新建状态