网页设计10.pptVIP

第10章 网页动画的制作工具 教学提示和教学目标 教学提示:在网络上我们经常可以看到许多的网页上都呈有动态动画，或者有的网页直接在主网页上弹出动画网页窗口，由此看来动画已经日益成为网页的主动脉。本章主要介绍网页里动画的制作工具Flash的各种用法,与制作的整个过程中工具上各个元素的使用,这样就可以为网页增添动态的感觉,从而真正实现了人们思念以久的个性个人网页。 教学目的:通过本章的学习，要求读者能够真正的认识到了Flash的重要性与开发环境，并能够熟练的使用Flash里的各种工具，总体的认识到Flash制作动画的原理和实现方法，并能够掌握动画的制作过程。 10.1 创建、打开文档及设置文档属性 要想往网页里添加动画，使网页变成动态的网页，那首先就得先把动画制作好，然后通过导入将动画导入到网页上，这就可以实现网页的动态效果了。下面先介绍一下动画的制作过程。 在制作动画时首先要创建动画的文档，再打开创建的文档并设置打开的文档的属性。下面就分别介绍一下它们的具体操作步骤。 10.1.1 创建文档 10.1.2 打开文档并设置它的属性 10.1.1 创建文档 打开Flash时，应用程序会自动创建新文件。用户可以通过关闭新建的文件，创建其它发文档。也可以将Flash自带的标准模板或用户以前保存的模板作为新文档打开。并可以使用【属性】面板或【文档属性】对话框来设置新文档或现有文档的大小、帧频、背景颜色和其他属性。要创建新文档，可以按照以下的操作步骤之一来实现文档的创建。 (1)使用“开始”页来创建新文件，单击开始页的【Flash文档】选项。 (2)选择菜单栏上的【文件】|【新建】选项命令，打开【新建文档】对话框，在“常规”选项卡上选择【Flash文档】，然后单击【确定】按钮，如图10.2所示。 (3)直接单击工具栏上的【新建】按钮，即可创建一个与最近在Flash里所创建的文档一样类型的新文档。 (4)选择菜单栏上的【文件】|【新建】选项命令，打开【新建文档】对话框，单击【新建文档】对话框的【模板】选项卡，在【类别】区域中选择一个类别，并在模板列表框中选择一个模板，如图10.3所示。 10.1.2 打开文档并设置它的属性 当要打开Flash文档时，可以选菜单栏上的【文件】|【打开】命令，在弹出的【打开】对话框中定位文件所在的路径并选择文件，然后单击【打开】按钮，将可以打开文档。如果在该对话框里打开了多个文档，只需要单击它的选项卡，即可以切换到该文档。但是选项卡是按照文档的创建顺序显示的，用户无法通过拖动选项卡来更改他们的顺序。 在创建新文档或打开现有文档后，用户可根据需要设置或修改文档的相关属性。下面我们了介绍一下文档属性设置的具体操作步骤。 (1)选择菜单拦上的【修改】|【文档】命令，将打开【文档属性】对话框，如图10.4所示。在该对话框里可以看到有尺寸、匹配、背景颜色、帧频与标尺单位设置选项。 (2)当文档的设置完成时，单击该对话框里的【确定】按钮，保存设置。 (3)另一种设置文档属性的方法是：在确保没有选中文档里任何元素的情况下，选择菜单栏上的【窗口】|【属性】命令，打开【属性】面板。 (4)在【属性】面板上单击“大小”选项后的按钮，也会打开【文档属性】对话框，打开了该对话框后，可以按照上面的介绍来设置文档的属性。 10.2 使用网格、辅助线与标尺 网格、辅助线与标尺都是用于辅助定位对象的工具。在默认的情况下，网格、辅助线与标尺都不在工作舞台上显示的，只有重新设置它属性，才能够在屏幕上显示该辅助工具。要显示该辅助工具可以通过以下的操作来实现。 (1)要显示网格，可选择菜单栏上的【视图】|【网格】|【显示网格】命令，在工作舞台中将显示网格。 (2)如果选择了菜单栏上的【视图】|【网格】|【编辑网格】命令，将打开【网格】对话框，在该对话框里可以设置网格线的颜色与网格的大小等。 (3)选择菜单栏上的【视图】|【辅助线】|【编辑辅助线】命令，将打开辅助线窗口。当设置完后，按【确定】按钮保存设置的内容，然后再使用鼠标在工作舞台的边缘上单击鼠标，当鼠标变成了形状时，按住鼠标左键拖到鼠标，将可以拖出一条辅助线。 (4)选择菜单栏上的【视图】|【标尺】命令，或直接Ctrl+Alt+Shift+R组合键也可以显示标尺。要是想取消显示的标尺，再执行一次显示标尺的操作可以取消标尺的显示。显示了网格、辅助线与标尺的工作舞台如图10.9所示。 10.3 使用项目面板 通过Flash的【项目】面板，可以同时管理多个文档，从而允许用户将多个相关文件组织在一起，以创建复杂的应用程序。项目的主要特性和相关的操作步骤如下。 (1)要想打开【项目】面板，可以选择菜单栏里的【窗口】|【项目】命令，打开【项目】面板。 (2)在该对话框里单击【新项目】链接，将