新网页制作基础教程 第2版 教学课件 邓振杰 第11章.pptVIP

第11章 在网页中加入多媒体 本章学习目标 11.1　网页多媒体应用实例　11.2　制作交互对象　11.3　在网页中插入媒体对象　11.4　在网页中插入声音　 第11章 在网页中加入多媒体 本章学习目标 ● 制作交互对象。 ● 在网页中插入媒体对象。 ● 在网页中插入声音。 11.1网页多媒体应用实例 11.2 制作交互对象 Adobe Flash技术是矢量图形和动画的传递的先进解决方式。在Dreamweaver中可以使用的Flash文件格式通常有以下3种。 （1）The Flash file（.fla）：是在Flash程序中创建的各种项目的源文件。这种文件格式只能在Flash中打开，而不能在Dreamweaver或浏览器中打开。可以在Flash中打开fla文件，并输出成SWF或SWT文件，从而在浏览器中使用。 （2）The Flash movie file（.swf）：是Flash（.fla）文件的压缩版本，为在网络中浏览做了优化。该文件可以在浏览器和Dreamweaver中播放预览，但不能在Flash中编辑。这是使用Flash按钮和文字对象所创建的文件格式。 （3）The Flash Generator template（.swt）：可以用来修改和替换swf文件中的信息。这些文件被使用在Flash按钮对象中，用户可以用文字或连接修改模板，来创建自定义的SWF并插入到文件中。在Dreamweaver CS3中，这些模板文件可以在Dreamweaver/Configuration/Flash Objects/Flash Buttons和Flash Text文件夹中找到。 11.2.1 插入Flash按钮对象 1．使用Flash按钮对象 使用Flash按钮对象可以自定义和插入一组预设的Flash按钮，但必须在插入一个Flash按钮或文字对象前保存文档。 2．插入一个Flash按钮对象 Flash按钮对象是基于Flash模板的可更新按钮。用户可以自定义Flash按钮对象，并添加文本、背景颜色以及指向其他文件的链接。在使用设计视图或代码视图时可以插入Flash按钮。 若要插入Flash按钮对象，可执行以下操作。 （1）在文档窗口中，将插入点放置在要插入Flash按钮的地方。 （2）执行以下操作之一，可打开“插入Flash对象”对话框，如图11-2所示。 ● 在“插入”面板的“常用”类别中选择“媒体”，然后单击“Flash按钮”图标。 ● 在“插入”面板的“常用”类别中选择““媒体”，然后将“Flash按钮”图标拖曳到文档窗口（如果正在处理代码，也可以将图标拖入到代码视图窗口）。 ● 选择“插入记录”→“媒体”→“Flash按钮”菜单命令。 （3）从“样式”列表中选择所需的按钮样式。 （4）在“按钮文本”域中键入需要显示的文本。 （5）在“字体”弹出式菜单中，选择需要使用的字体。 （6）在“大小”域中输入字体大小的数字值。 （7）在“链接”域中输入该按钮的文档相对或绝对链接。 （8）在“目标”域中指定链接的文档将在其中打开的位置。可以在弹出式菜单中选择框架或窗口选项。只有在框架页中编辑Flash对象时，才列出框架名称。 （9）在“背景色”域中设置Flash影片的背景颜色。使用颜色选择器或键入Web颜色十六进制值（例如 #FFFFFF）。 （10）在“另存为”域中输入用来保存此新SWF文件的文件名。可使用默认文件名（例如button1.swf）或键入新文件名。如果该文件包含文档相对链接，则必须将该文件保存到与当前HTML文档相同的目录中，以保持文档相对链接的有效性。 （11）单击“获取更多样式…”以转到Adobe Exchange站点并下载更多按钮样式。 （12）单击“应用”或“确定”以将Flash按钮插入到文档窗口中。 3．修改Flash按钮对象 用户可以修改Flash按钮对象的属性和内容。若要修改Flash按钮对象，可执行以下操作。 （1）在文档窗口中，单击Flash按钮对象。 （2）如果属性面板尚未打开，则打开属性面板。 属性面板显示Flash按钮属性。可以通过属性面板来修改按钮的 HTML 属性，例如宽度、高度和背景颜色 （3）执行如下方法之一，打开“插入Flash按钮”对话框。 ● 双击Flash按钮对象。 ● 在属性面板中单击“编辑”。 ● 鼠标右键单击Flash按钮对象，然后从快捷菜单中选择“编辑”。 （4）在“插入Flash按钮”对话框中对各选项进行重新设置。在设计视图中，通过使用调整大小手柄可以很容易地调整对象的大小。还可以通过在属性面板中选择“重设大小”，将该对象返回到其初始大小。 11.2.2 插入Flash文本对象