清华大学版（2012） 八年级下册信息技术 课件 - 4.13影音视听——制作多媒体网页 (共17张PPT)

影音视听——制作多媒体网页 1 任务导航 在网页中除了使用文本和图像元素表达信息以外，还可以添加各种类型的多媒体内容，以丰富网页的效果，使网页更富有感染力。 本课，我们制作“火灾自救”多媒体网页，制作完成的网页效果如图所示。 2 1.编辑“火灾自救”网页 （1）打开网页文件 打开hzzj.html网页文件，修改网页标题为“火灾自救”。执行“修改” →“模板”→“从模板中分离”命令，将网页从模板中分离出来。 （2）制作导航栏 删除“导航栏”区域的表格及内容，将tsjj.html网页中导航栏区域的内容复制粘贴到当前网页的“导航栏”区域的位置，设置tsjj图像对象链接到tsjj.html网页文件。 （3）添加网页内容 3 2.制作弹出窗口 步骤1：要实现弹出窗口的效果，首先需要制作弹出的网页。 步骤2：执行“窗口”→“行为”命令，打开“行为”面板，单击hzzj.html页面左下角“标签选择器”中的<body>标签，如图所示。 4 步骤3：单击“行为”面板中的“添加行为”按钮 ，在弹出的菜单中选择“打开浏览器窗口”命令，打开“打开浏览器窗口”对话框。 步骤4：单击“要显示的URL”文本框后面的“浏览”按钮，在弹出的“选择文件”对话框中选择popup.html文件，单击“确定”按钮，返回“打开浏览器窗口”对话框。设置窗口宽度为220，窗口高度为300，如图所示。单击“确定”按钮，结束设置。 5 步骤5：在“行为”面板上确认激活该行为的事件（onLoad）是否正确，如果不正确，单击扩展按钮 ，在弹出的菜单中选择正确的事件。 6 3.添加多媒体内容 （1）插入FLV格式文件 步骤1：将光标置于第6行第2列的空白单元格中。执行“插入”→“媒体”→FLV...命令，打开如图所示的“插入FLV”对话框。 7 步骤2：单击URL文本框右侧的“浏览”按钮，打开如图所示的“选择FLV”对话框，选择other文件夹中的FLV格式文件xfaqjy.flv，单击“确定”按钮，返回到“插入FLV”对话框。 8 步骤3：单击“检测大小”按钮，确定当前FLV格式文件的宽度和高度。如果Dreamweaver无法确定FLV格式文件的尺寸大小，需要手动输入宽度和高度值，如图所