第六章多媒体对象在网页中的应用.pptVIP

在网页中除了使用文本和图像元素表达信息外，用户还可以向其中插入Flash动画、Java Applet小程序、Activex控件等多媒体，以丰富页面内容。虽然这些多媒体对象能过使网页更加丰富多彩，吸引更多的浏览者，但是有时必须牺牲浏览速度和兼容性的代价。所以，一般的网站为了保证浏览者的浏览速度，不会大量运用多媒体元素。 编辑Flash按钮 当插入了Flash按钮后，在文档窗口选中此按钮，在下方的Flash按钮属性面板中单击【编辑…】按钮可打开“插入Flash按钮”对话框，进行重新设置，如修改样式、按钮文本、链接、背景色等。 6.6 插入.avi格式动画文件 步骤1：单击“插入”|“媒体”|“插件”，在打开的“媒体”下拉列表中选择“插件”命令，打开选择文件对话框。选择welcome.avi文件，如图所示。 6.9 插入动态显示的日期与时间 1. 在网页中需要插入日期和时间的位置上画一个层，在层中插入一个空格。（为了设置层中字体格式） 2. 选中空格，在下面的属性面板中设置文字格式，如宋体、18号、蓝色。 3. 单击“代码”按钮，切换到代码窗，可查看到自动生成的代码： div class STYLE1 id Layer1 nbsp; 4.在已生成的代码后，插入以下用红色表明的代码 ： div class STYLE1 id Layer1 nbsp; setInterval Layer1.innerHTML new Date .toLocaleString + 星期+日一二三四五六.charAt new Date .getDay ;,1000 ; 5. 运行后，时间和日期显示在新建的层中。 解释以下代码： setInterval Layer1.innerHTML new Date .toLocaleString + 星期+日一二三四五六.charAt new Date .getDay ;,1000 ; 第六章 多媒体对象在网页中的应用 6.1 插入Flash按钮 如果用户想在网页中插入一个具有交互效果的按钮，可通过“插入Flash按钮”功能轻松实现。可以在文档中插入Flash按钮，但在插入前必须先保留文档。 制作Flash按钮的操作步骤如下： 步骤1：将光标放在网页中要插入Flash按钮的位置，在“常用”对象组中，单击“媒体”按钮旁的下拉列表，从中选择“Flash按钮”，如图所示。 选择“Flash按钮” “常用”对象组 步骤2：在打开的插入Flash按钮对话框中的样式 中选择自己喜欢的样式，输入文本上的文字内容及对字 体、字号等进行设置。 步骤3：在“背景色”中设置Flash按钮的背景色。 步骤4：如果要想给Flash 按钮加链接，在“链接”文本框中添加链接，如果链接的网页希望在新的窗口打开，在“目标” 中选择“_blank”。如图所示。 插入Flash按钮对话框 注：插入Flash按钮时，在“另存为”右边文本框中默认的文件名分别是和button1.swf,当单击“确定”按钮时，会显示“另存为”出现错误提示。 其原因是站点名及各文件夹名都不能含中文字符。否则就会出现下面错误提示。 步骤5：单击“确定”按纽，完成设置，回到编辑窗口。 效果测试： 6.2 插入Flash文字 制作一个Flash文字,操作步骤如下： 步骤1：将光标放在网页中要插入Flash文字的位置，在常用对象组单击“媒体”按钮旁的下拉列表，从中选择“Flash文本”，如图所示。 步骤2：在打开的插入Flash文本对话框中输入制作Flash文字效果的文本，及对字体、字号、等进行设置。 步骤3：设置文字颜色有两种，对话框的“颜色”是指正常状态下文本的颜色，而“转滚颜色”是设定当鼠标移到Flash文字上时的颜色。 步骤4：如果要想给Flash 文字添加链接，在“链接”文本框中添加链接，添加的链接可以是内部链接，也可以是外部链接。如果链接的网页希望在新的窗口打开，在“目标” 中选择“_blank”。 步骤5：在“背景色”中设置Flash文本的背景色，“插入Flash文本”的对话框，如图所示。 效果测试： 在网页中插入Flash动画，操作步骤如下： 步骤1：在网页中将光标放在需要插入动画的位置上，单击“常用”对象组中的Flash按钮，打开一个“选择文件”的对话框，如图所示。 选择文件对话框 6.3 插入Flash动画 步骤2：选中要插入的文件，单击“确定”按钮，在网页中显示一个灰色的方框，中间有一个Flash标志，如图所示 步骤3：选中灰色框，在属性面板中设置它的高度和宽度，以及一些参数，如图所示。查看播放效果可以单击属性面板中的“播放”按钮。 步骤4：按【F12】键，保存文件并在浏