网页第3章第二次课.pptVIP

元件 元件是指可以重复使用的图形、动画或按钮。 元件可分为图形元件、动画元件和按钮元件三种。 使用“文档库”面板，可创建元件，还可重制、导入、导出、编辑和删除元件。在“窗口”菜单中选中“文档库”项可调出“文档库”面板。 本小节重点先介绍图形元件。 元件与实例的关系 实例由元件派生而成。用鼠标把元件从“文档库”中拖到画布上，便加入了一个实例。 实例作为元件的派生品，会随着元件的修改或删除而自动被修改或删除。 必要时，可切断实例与元件的联系。 新建元件的两种方法 方法2：通过执行“新建元件”命令来创建元件。 在Fireworks文档中，选择“编辑”→“插入” →“新建元件”命令。 在弹出的“转换成元件”对话框中，输入元件名称并选择元件类型为“图形”，最后单击“确定”按钮。 在元件编辑器中绘制元件图形，最后单击编辑器左上角的“完成”按钮。 至此，便创建了元件，并在画布中加入了该元件的实例。在“文档库”面板中可见到该元件。 放置实例 将元件从“文档库”面板中拖到画布 ，即可在当前文档中加入该元件的实例。 编辑元件 双击画布中的实例或双击“文档库”面板中的元件都可调出元件编辑器。 例：把上例中的“星”元件填充色改为红色。 修改元件后，其实例会随之自动被修改。 但对实例的属性修改不会影响到元件。 删除元件 在“文档库”面板中，选取待删除的元件，再单击面板右下角的“删除元件”按钮。 删除元件，其实例会随之自动被删除，除非已将实例与元件分离。 导出/导入元件 对于Fireworks CS4来说，在一个文档中所创建的元件， 要经过“导出”、“导入”才能用在其他文档中。 导出元件 在“文档库”面板中选取元件后，在其“选项”菜单中选择“导出元件”命令，再在弹出的“导出元件”对话框中单击“导出”按钮，可把所选取元件导出并保存于PNG文档中。 导入元件 在“文档库”面板的“选项”菜单中选择“导入元件”项，再在弹出的“打开”对话框中选取保存有要导入元件的PNG文档，最后单击“打开”按钮，便可导入元件。 对两个元件实例做“补间” 补间：就是在基于同一图形元件的两个实例之间 插入指定数目的实例，并加以均匀分布。 例：在两对花瓣之间插入4对花瓣（例bj.png具体操作见书本3.2)。 对两个元件实例做“补间” 例：给狮子添加鬃毛。 注意将鬃毛放在最底下一层；将狮子头部所在图层选中，“层”面板/“选项”/“在状态中共享层” 关于按钮 按钮是常见的网页元素 ，常被用于网页的导航栏中，用户通过单击网页中的按钮，可实现某种预设功能，如交互操作或网页跳转。 按钮是元件的一种。 直接在按钮编辑器中创建按钮 选择“编辑”→“插入” →“新建按钮”命令，或选择“编辑”→“插入” →“新建元件”命令，输入元件名字并选取类型为“按钮” 。 在编辑器中绘制按钮、设置必要的修饰，最后单击其左上角的“完成”按钮。 把已有的按钮状图形转换成按钮 在画布中绘制按钮形状，再右击把它转换元件，类型为“按钮”，此时按钮只有“弹起”状态。 双击按钮，在按钮编辑器中绘制其他3个状态。 按钮的其他常见操作 跟图形元件相似，有重制、编辑、删除、导出和导入操作。 这些操作可通过“文档库”面板中的“选项”按钮或菜单中的相应命令来完成。 制作网页导航栏的简单过程 首先打开或导入一幅背景图像，然后制作或导入按钮，并加入实例，再克隆画布中的按钮（实例）到所需数量，放置在需要的位置。 案例任务：在“新疆之旅”模板图上添加水平导航栏。 可使用“按钮编辑器”，导入系统自带的按钮 选择“编辑”→“插入” → “新建按钮”命令，调出按钮编辑器，然后单击“属性”面板中的“导入按钮”按钮，再选取一种预设按钮，最后单击“导入”按钮，便可在编辑器中加入所选取的预设按钮。 单击编辑器左上角的“完成”按钮，便可创建出一个按钮，并在画布中加入该按钮的一个实例。 动画效果是活力网页所必需的。 在Fireworks CS4中，状态是动画制作的基础。 在Fireworks中，制作动画的思路是在不同的状态中加入不同 的对象，通过按顺序播放这些不同状态中的对象来达到动画的 效果。 动画文件制作完成后，在“优化”面板中设定导出文件格式为 “GIF动画”，再选择“文件”→“导出”命令，通过导出操 作可把这种动画效果保存在动态的GIF文件中。 或“文件”→“另存为”命令，选择文件类型为“动画gif”。 “状态”面板 认识“状态”面板 “状态”面板 调出“状态”面板的方法: 在“窗口”菜单中选中“状态”项。 “状态”面板的作用: “状态”面板是创建和组织状态的场所。在该面板中可以查看