清华大学：《多媒体技术与应用教程》课程教学资源（PPT课件讲稿）第11章 在网页中使用多媒体

第11章在网页中使用多媒体 oror tor rorbrooroo UNIVERSITY PRES 手 时间:2次课,4学时) 清华大学出版社画

http://www.wenyuan.com.cn/webnew/ 第11章 在网页中使用多媒体 （时间：2次课，4学时）

第11章在网灰中使用多媒体 教学提示:在本章的学习中应该注意学习在网页中如何 使用多媒体元素,注意利用不同的网页制作工具中的特 色工具以及脚本程序的使用。 教学目标:通过本章的学习,用户应掌握网页中视听元 素的概念,网页中如何进行文字特效的操作,如何在网 页中添加动画、音频以及视频文件, 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ ◼ 教学提示：在本章的学习中应该注意学习在网页中如何 使用多媒体元素，注意利用不同的网页制作工具中的特 色工具以及脚本程序的使用。 ◼ 教学目标：通过本章的学习，用户应掌握网页中视听元 素的概念，网页中如何进行文字特效的操作，如何在网 页中添加动画、音频以及视频文件。 第11章 在网页中使用多媒体

TSINGHUA 第章在网页中使用多媒体 11.1网页中文字的处理 11.2在网页中使用图像、动画 11.3在网页中播放音频文件 11.4在网页中播放视频文件 11.5上机指导 11.6习题 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 第11章 在网页中使用多媒体 ◼ 11.1 网页中文字的处理 ◼ 11.2 在网页中使用图像、动画 ◼ 11.3 在网页中播放音频文件 ◼ 11.4 在网页中播放视频文件 ◼ 11.5 上机指导 ◼ 11.6 习题

TSINGHUA 1L网页中文字的处理 0100101011011010 11.1.1文字颜色的设置 11.1.2设置文本特效 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.1 网页中文字的处理 ◼ 11.1.1 文字颜色的设置 ◼ 11.1.2 设置文本特效

可111,1文字颜色的设置 101011011010 ◆不论在 FrontPage中还是 Dreamweaver中,都可以对 选定的文字进行颜色设置。在 FrontPage中进行字体颜 色设置时,可以通过单击【格式】|【字体】|【字体】 命令,在【字体】窗口的【颜色】选项中选择字体所要 设置的颜色。在 Dreamweaver中操作则更简单,可直接 在 Properties(属性)中进行设置。 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.1.1 文字颜色的设置 ◆ 不论在FrontPage中还是Dreamweaver中，都可以对 选定的文字进行颜色设置。在FrontPage中进行字体颜 色设置时，可以通过单击【格式】|【字体】|【字体】 命令，在【字体】窗口的【颜色】选项中选择字体所要 设置的颜色。在Dreamweaver中操作则更简单，可直接 在Properties(属性)中进行设置

1112设置文本特效 100101011011010 ◆在网页中不仅动画给人以动感,网页中文字的一些 特效也会产生同样的效果,增添网页的美感。在此介 绍一些使用代码实现文本特效的方法。 ◆具体方法介绍详见书308~313页 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.1.2 设置文本特效 ◆在网页中不仅动画给人以动感，网页中文字的一些 特效也会产生同样的效果，增添网页的美感。在此介 绍一些使用代码实现文本特效的方法。 ◆具体方法介绍详见书308~313页

TSINGHUA 112在网页中使用图像、动画 11.2.1直接使用动画或图像 11.2.2制作动画效果 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.2 在网页中使用图像、动画 ◼ 11.2.1 直接使用动画或图像 ◼ 11.2.2 制作动画效果

JSIN121直接使用动画或图像 1011011010 1.直接 ◆在网页中直接使用图像一般包括以下两种情况:作 为背景或者作为装饰。 ◆(1)在网页中使用图像作为背景,使得网页不再单 调,不同背景的网页给人不同的感觉。在网页中设置 背景的具体操作如下 在 FrontPage中,单击【格式】|【背景】命令 ,打开网页属性对话框,选中【背景图片】复选框, 单击 Browse按钮,在打开的窗口中选择需要作为背 景图片的文件,单击【确定】按钮即可。 在 Dreamweaver中,单击 modify|page properties命令,打开页面属性对话框,单击 Background Image后的 Browse按钮,选择需要作为 背景的图片,单击OK即可。 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.2.1 直接使用动画或图像 1. 直接使用图像 ◆在网页中直接使用图像一般包括以下两种情况：作 为背景或者作为装饰。 ◆(1) 在网页中使用图像作为背景，使得网页不再单 调，不同背景的网页给人不同的感觉。在网页中设置 背景的具体操作如下： ◆ 在FrontPage中，单击【格式】|【背景】命令 ，打开网页属性对话框，选中【背景图片】复选框， 单击Browse按钮，在打开的窗口中选择需要作为背 景图片的文件，单击【确定】按钮即可。 ◆ 在 Dreamweaver 中 ， 单 击 modify|page properties 命 令 ， 打 开 页 面 属 性 对 话 框 ， 单 击 Background Image后的Browse按钮，选择需要作为 背景的图片，单击OK即可

1121直接使用动画或图像 ◆(2)在网页中直接插入图像的方法很简单,在 FrontPage中单击【插入】|【图像】命令即可;在 Dreamweaver中,单击 Insert|mage命令即可。 2.直接插入动画 ◆在 Dreamweaver中插入FaSh制作的SWF格式动画 十分容易,单击对象工具栏上的 Flash徽标或选择【 媒体】| Flash命令,就可以打开选择SWF动画文件 的对话框,选好文件后在其属性面板中设定播放的参 数即可。 ◆在 FrontPage XP中不支持直接插入SWF格式的 FaSh动画文件,可以按照以下方法进行操作: 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.2.1 直接使用动画或图像 ◆(2) 在网页中直接插入图像的方法很简单，在 FrontPage中单击【插入】|【图像】命令即可；在 Dreamweaver中，单击Insert | Image命令即可。 2. 直接插入动画 ◆在Dreamweaver中插入Flash制作的SWF格式动画 十分容易，单击对象工具栏上的Flash徽标或选择【 媒体】| Flash命令，就可以打开选择SWF动画文件 的对话框，选好文件后在其属性面板中设定播放的参 数即可。 ◆在FrontPage XP中不支持直接插入SWF格式的 Flash动画文件，可以按照以下方法进行操作：

JSIN12直接使用动面或图像 1011011010 ◆(1)单击【插入】|【Web组件】命令,然后在打开的对 话框左侧组件类型列表中选择【高级控件】选项,然后在 右侧窗口中选择【 ActiveX控件】选项。单击【下一步】按 钮,在选择控件列表下方单击【自定义】按钮。在列表中 选择 Shockwave Flash Object控件,单击【确定】按钮返 回【插入Web组件】对话框,选中 Shockwave Flash Object复选框,并单击【完成】按钮 ◆(2)双击网页中出现的白色矩形区域,打开【 ActiveX控 件属性】对话框。在 Movie url文本框中输入要插入的 Flash动画文件的链接地址,并在Qua!y下拉列表中选择 Fash动画的播放品质,在 Scale选项后选择显示比例,如 “ Show Al(完全显示)”,最后单击【确定】按钮返回即可 看到网页中的动画了。 清华大学出版社⑨

http://www.wenyuan.com.cn/webnew/ 11.2.1 直接使用动画或图像 ◆(1) 单击【插入】|【Web组件】命令，然后在打开的对 话框左侧组件类型列表中选择【高级控件】选项，然后在 右侧窗口中选择【ActiveX控件】选项。单击【下一步】按 钮，在选择控件列表下方单击【自定义】按钮。在列表中 选择Shockwave Flash Object控件，单击【确定】按钮返 回【插入Web组 件】对 话框， 选中Shockwave Flash Object复选框，并单击【完成】按钮。 ◆(2) 双击网页中出现的白色矩形区域，打开【ActiveX控 件属性】对话框。在Movie URL文本框中输入要插入的 Flash动画文件的链接地址，并在Quality下拉列表中选择 Flash动画的播放品质，在Scale选项后选择显示比例，如 “Show All (完全显示) ” ，最后单击【确定】按钮返回即可 看到网页中的动画了