第13章 多媒体与网页特效
信息技术中的多媒体与网页设计
信息技术中的多媒体与网页设计一、教学目标1. 了解多媒体和网页设计的基本概念和原理；2. 掌握多媒体和网页设计的基本技能，包括图像处理、音频处理、视频处理和网页布局等；3. 能够使用相关软件进行多媒体和网页设计，并制作出符合设计要求的作品；4. 培养学生创造力、团队合作精神和良好的审美能力。
二、教学内容1. 多媒体设计的基本概念和原理2. 图像处理技术：图像捕捉、编辑和优化3. 音频处理技术：音频剪辑、混音和特效处理4. 视频处理技术：视频编辑、特效制作和导出5. 网页设计的基本要素和布局原则6. 网页设计软件的使用方法和技巧三、教学过程1. 导入（5分钟）教师介绍多媒体和网页设计在现代社会中的广泛应用，并引发学生对多媒体和网页设计的兴趣。
2. 多媒体设计的基本概念和原理（15分钟）教师通过案例分析和讲解，向学生介绍多媒体设计的基本概念、特点和应用领域，并讨论多媒体设计中的重要原理和规范。
3. 图像处理技术（30分钟）教师示范使用图像处理软件进行图像捕捉、编辑和优化的操作方法，并引导学生实践操作，掌握图像处理的基本技能。
4. 音频处理技术（30分钟）教师介绍音频处理技术的基本概念和常用软件，示范音频剪辑、混音和特效处理的方法，引导学生进行实际操作，掌握音频处理的基本技能。
5. 视频处理技术（30分钟）教师讲解视频处理技术的基本原理和实践操作方法，示范视频编辑、特效制作和导出的步骤，引导学生进行实际操作，掌握视频处理的基本技能。
6. 网页设计的基本要素和布局原则（15分钟）教师向学生介绍网页设计的基本要素和常用布局原则，通过案例分析和讲解，让学生了解网页设计的重要性和实践技巧。
7. 网页设计软件的使用方法和技巧（30分钟）教师向学生介绍常用的网页设计软件和工具，讲解其使用方法和技巧，并引导学生进行实际操作，掌握网页设计软件的基本应用能力。
8. 综合实践（30分钟）学生分组进行综合实践项目，要求设计并制作一个多媒体作品或网页作品，结合所学知识和技能，展示自己的创造力和团队合作精神。
高中一年级信息技术课程多媒体与网页设计
高中一年级信息技术课程多媒体与网页设计信息技术课程在高中一年级是非常重要的一门学科，它涵盖了多个方面的知识和技能，其中包括多媒体与网页设计。
多媒体与网页设计是信息技术课程中的一部分，它能够帮助学生掌握创造和展示多媒体信息的能力。
本文将从多媒体与网页设计的重要性、相关技能和学习资源等方面来探讨这一课程。
一、多媒体与网页设计的重要性多媒体与网页设计是一门具有广泛应用的学科，它在现代社会中扮演着重要的角色。
随着互联网和数字技术的迅速发展，越来越多的人开始依赖于多媒体和网页来获取信息和展示创意。
无论是个人还是企业，都需要学习和掌握多媒体与网页设计的技能，以适应这个信息时代的需求。
多媒体与网页设计也是一门创造性的学科。
通过学习这门课程，学生可以了解媒体的各种形式，如文字、图片、音频和视频等，并学习如何将它们融合在一起，创造出各种形式的多媒体作品。
这不仅培养了学生的创造力，还提高了他们的沟通和表达能力。
二、相关技能在学习多媒体与网页设计之前，学生需要具备一些基本的技能。
首先，学生需要熟练掌握计算机的操作，包括熟悉各种常用的软件和工具。
其次，学生需要具备一定的美术基础，能够设计和创建各种吸引人的图形和界面。
此外，学生还需要学习HTML、CSS和JavaScript等网页设计的基础知识，以及Photoshop、Illustrator和Premiere等多媒体设计软件的使用技巧。
除了以上技能，学生还需要具备团队合作和问题解决的能力。
多媒体与网页设计通常是一个团队合作的过程，学生需要能够与他人协作，共同完成一个项目。
同时，学生还需要具备解决问题的能力，因为在设计的过程中，难免会遇到一些技术和创意上的困难，需要学生积极思考和解决。
三、学习资源为了帮助学生更好地学习多媒体与网页设计，学校和教育机构可以提供丰富的学习资源。
首先，学校可以建立一套完善的课程体系，包括理论教学和实践训练。
通过系统地学习相关知识和技能，学生可以全面地理解和掌握多媒体与网页设计。
网页设计与制作 单元9 制作多媒体网页和网页特效-任务9.1
任务9.1 制作多媒体网页
2020/9/7
2
任务9.1 制作多媒体网页
任务目标 （1）了解动画、视频、声音等多媒体元素的基本特点； （2）掌握在网页中插入多媒体元素的基本方法； （3）掌握多媒体网页的设计制作。
任务9.1 制作多媒体网页
任务9.1 制作多媒体网页
在网页中嵌入音频文件的方法：单击“插入→HTML→HTML5 Audio(A)”菜单命令，或者在“插入”面板的“HTML”分类中单击 【HTML5 Audio】按钮，均可在网页指定的位置插入音频的插件占位 符。
此外，也可以通过在<body>中直接添加<bgsound>标签，为网页插 入音乐文件。具体方法：在代码窗口输入“<bgsound”后按空格键， 代码提示框会自动把bgsound标签的属性列出来供用户选择。
9.1.1 认识多媒体元素 1．Flash动画 Flash动画采用的是矢量技术，它有文件小巧、速度快、特效精 美、支持流媒体和交互功能强大等优点，是网页中最流行的动画格 式。在网页中插入Flash动画的具体方法：“插入→HTML→Flash SWF(F)”菜单命令，或者单击“插入”面板“HTML”分类中的 【Flash SWF】按钮，均能打开“选择SWF”对话框，在指定的文 件夹中选择Flash动画文件，点击【确定】按钮。
任务9.1 制作多媒体网页
9.1.2 制作电子相册网页 通过制作带有背景音乐的电 子相册网页，介绍在网页中插入 Flash动画和音乐媒体元素的方法。
请在Dreamweaver CC中完成操作。
任务9.1 制作多媒体网页
9.1.3 制作休闲娱乐多媒体网页 制作一款休闲娱乐多媒体网页， 熟练掌握FLV视频、Flash动画等媒体 元素在网页中的应用。
小学信息技术教案多媒体应用与网页设计
小学信息技术教案多媒体应用与网页设计小学信息技术教案：多媒体应用与网页设计第一部分：多媒体应用在当今数字化时代，多媒体应用已经成为了信息技术教学的重要组成部分。
通过多媒体技术，教师可以更加生动、直观地向学生传递知识，激发他们的学习兴趣。
本部分将介绍小学信息技术教案中多媒体应用的重要性以及如何有效利用多媒体进行教学。
1. 多媒体应用的重要性多媒体应用可以帮助学生更好地理解抽象的概念。
通过图像、音频、视频等多种形式的信息呈现，学生可以直观地感知到所学知识，使得学习更加有趣、生动。
多媒体还可以帮助学生培养合作学习和创新思维的能力。
通过小组合作完成多媒体项目，学生可以通过分工合作的方式提高团队协作能力，并培养创新意识，通过自主设计和创作呈现学习内容。
2. 有效利用多媒体进行教学的方法多媒体在信息技术教学中的应用分为两个方面，一是作为教学资源进行呈现，二是通过学生自主创作来巩固学习成果。
以下是一些有效利用多媒体的教学方法：（1）教学资源呈现：教师可以利用幻灯片软件，制作具有动画、图片和音频等元素的教学课件，以此引起学生的注意力和兴趣，同时，也可在课件中嵌入互动式的练习题，以检验学生对于所学知识的理解程度。
（2）学生自主创作：通过多媒体软件，如PPT、视频编辑等工具，鼓励学生自主设计制作多媒体作品，以展示他们对于所学知识的理解与创造。
例如，学生可以设计一个小动画、制作一个简单的网页来呈现他们对某个主题的理解。
第二部分：网页设计网页设计是信息技术教学中重要的内容之一，学生通过学习网页设计，可以掌握基本的HTML和CSS语言，培养网页设计和制作能力。
本部分将介绍小学信息技术教案中网页设计的基本要素以及教学方法。
1. 网页设计的基本要素（1）页面布局：合理的页面布局能够使网页内容井然有序。
学生需要学会使用HTML语言设置网页的框架结构，如头部、导航栏、内容区等。
（2）图像和多媒体元素的嵌入：学生需要学会使用HTML标签来插入图片、音频、视频等多媒体元素，使网页内容更加生动有趣。
人教版初中信息技术知识点解析多媒体与网页设计
人教版初中信息技术知识点解析多媒体与网页设计人教版初中信息技术知识点解析：多媒体与网页设计信息技术作为一门重要的学科，扮演着培养学生创新思维、提升学生综合素质的重要角色。
人教版初中信息技术课程内容丰富，其中多媒体与网页设计是一个重要的知识点。
本文将对多媒体与网页设计的相关内容进行解析，以帮助初中生更好地理解与应用。
一、多媒体设计概述多媒体是指通过文字、图像、声音、动画等多种表达形式，以图文并茂、声光结合的方式来传递信息。
多媒体设计则是指根据特定的目的与需求，利用多种媒体元素进行信息传达与表现。
在信息技术课程中，多媒体设计是培养学生创新思维和表达能力的重要环节。
1. 多媒体制作工具与技术要进行多媒体设计，我们需要了解多媒体制作的基本工具与技术。
常见的多媒体制作软件包括Adobe Flash、Adobe Photoshop、Adobe Premiere等。
这些软件提供了丰富的功能和工具，能够帮助学生实现多媒体元素的编辑和组合。
2. 多媒体设计原则在进行多媒体设计时，我们需要遵循一些基本的设计原则，以提高作品的品质和可读性。
例如，要合理运用图像、文字和声音等元素，保持多媒体作品的整体统一性和美感。
同时，要注意信息的组织和呈现方式，让观众能够清晰地理解所传达的信息。
二、网页设计概述随着互联网的发展，网页设计成为了信息技术中的一个重要内容。
网页设计不仅包括网页的外观设计，还包括网页的布局、交互功能等方面。
人教版初中信息技术课程涵盖了网页设计的基础知识和技能。
1. 网页制作工具与技术网页的制作离不开专业的制作工具和技术。
例如，可以使用Adobe Dreamweaver、Microsoft Expression Web等专业的网页制作软件来设计和编写网页的代码。
此外，HTML、CSS和JavaScript等语言也是网页设计的重要基础。
2. 网页设计原则在进行网页设计时，要遵循一些重要的设计原则，以提高网页的可读性和用户体验。
网页设计与制作 单元9 制作多媒体网页和网页特效-任务9.2
任务9.2 创建网页特效
9.2.5 使用行为设置图像特效 Dreamweaver内置了交换图像行为特效。“交换图像”行为通过更 改<img>标签的src属性将一幅图像和另一幅图像进行交换。使用此行为 可创建“鼠标经过图像”的效果以及其他图像效果。当鼠标移到页面左下 角设置了“交换图像”行为的图像时，会用另一幅图像替代原图像，当鼠 标离开时恢复原图像。
任务9.2 创建网页特效
9.2.3 添加行为 Dreamweaver内置了常用标准行为，以便用户使用。在“标签检查 器”面板中，单击【添加行为】按钮 ，可以展开行为菜单。
任务9.2 创建网页特效
菜单项功能如下： • 交换图像：当发生所设置的事件后，用其他图像替代当前图像。 • 弹出信息：当发生所设置的事件后，弹出一个消息框。 • 恢复交换图像：恢复设置“交换图像”行为因为某种 原因失去效果 的图像。 • 打开浏览器窗口：打开一个新的浏览器窗口。 • 拖动AP元素：可以让浏览者拖动AP元素。 • 改变属性：可以改变相应对象的属性值。 • 效果：可将各种效果应用于页面上的相应元素。 • 显示-隐藏元素：可以显示、隐藏或恢复一个或多个页面元素的可见 性。 • 检查插件：检查是否装有运行网页的插件。
任务9.2 创建网页特效
• 检查表单：检测用户填写的表单内容是否符合预先设定的规范。 • 设置文本：可以在不同位置显示相应内容。 • 调用JavaScript：当事件发生时，调用指定的JavaScript函数。 • 跳转菜单：制作一次可建立若干个链接的跳转菜单。 • 跳转菜单开始：在跳转菜单中选定要移动的站点后，只有单击 “开始”按钮才可移动到链接的站点上。 • 转到URL：选定事件发生后，可以跳转到指定站点或网页文档上。 • 预先载入图像：在下载图像之前预先载入一幅图像。 • 获取更多行为：除了Dreamweaver内置行为，也可以单击该选项 后在浏览器中加载Exchange for Dreamweaver Web站点，下载并安装 所需的扩展包。
网页中的多媒体和特效
个人网站还会提供个人的作品或者成就的展示，以证明主人的能 力和价值。
个人音频日记
为了使读者更深入地了解主人的内心世界，个人网站通常会提供 音频日记的素材。
04
网页中特效的实现方法
CSS3动画效果
关键帧动画
通过定义关键帧，实现元素在一定时间内的 变化效果。
变形动画
使用transform属性，实现元素的移动、缩 放、旋转等动画效果。
WebGL是一种基于OpenGL ES 2.0的图形库，它可以在不需要任何插 件的情况下在浏览器中实现3D图形渲染。通过使用WebGL技术，网站 可以实现更加复杂的视觉效果和交互体验。
实时渲染的实现
WebGL技术可以实现实时渲染，使得网站中的动画和特效可以更加流 畅地运行。
03
跨平台性
WebGL技术可以在不同的操作系统和设备上实现相同的效果，使得网
网页中的多媒体和特效
汇报人： 日期:
目录
• 网页中的多媒体类型 • 网页中的特效种类 • 网页中多媒体的应用场景 • 网页中特效的实现方法 • 网页中多媒体和特效的优化建议 • 网页中多媒体和特效的未来发展趋势
01
网页中的多媒体类型
音频文件
MP3格式
WAV格式
AIFF格式
MP3是一种音频压缩技术，其全称是 动态影像专家压缩标准音频层面3（ Moving Picture Experts Group Audio Layer III），简称为MP3。它 被设计用来大幅度地降低音频数据量 。利用 MPEG Audio Layer 3 的技术 ，将音乐以1:10 甚至 1:12 的压缩率 ，压缩成容量较小的文件，而对于大 多数用户来说重放的音质与最初的不 压缩音频相比没有明显的下降。
初中信息技术多媒体与网页设计知识点归纳
初中信息技术多媒体与网页设计知识点归纳信息技术在现代社会中扮演着越来越重要的角色。
作为一门覆盖面广泛的学科，初中信息技术涉及的知识点众多，其中多媒体与网页设计是其中重要的内容之一。
本文将对初中信息技术多媒体与网页设计的知识点进行归纳与总结，帮助初中学生更好地理解与掌握这一部分的内容。
一、多媒体设计知识点1. 多媒体概念：多媒体是指通过计算机技术将文字、图像、声音、视频等多种形式的信息集成在一起进行表达与传递的一种方式。
2. 多媒体软件：多媒体设计常用的软件包括Adobe Flash、Adobe Photoshop、Adobe Illustrator等。
它们都具备多媒体设计的基本功能，能够进行图像处理、动画设计、音频处理等操作。
3. 图像处理：图像处理是指对图像进行编辑、修饰、优化等操作的过程。
常用的图像处理功能包括裁剪、调整颜色、增强对比度等。
4. 动画设计：动画设计是指通过图像的连续播放来呈现出运动效果的过程。
在动画设计中，帧、关键帧、补间动画等概念需要被熟悉和掌握。
5. 音频处理：音频处理是指对音频进行编辑、修饰、混音等操作的过程。
多媒体设计中经常需要对音频进行剪辑、增减音量、添加特效等处理。
6. 视频编辑：视频编辑是指将视频进行剪切、拼接、调整画面、添加转场等操作的过程。
多媒体设计中常常需要对视频进行后期编辑，以达到所需的效果。
二、网页设计知识点1. 网页设计概念：网页设计是指通过计算机技术将文本、图像、链接等元素有机地组合在一起，使其构成一个有逻辑性、易于浏览的网页。
2. HTML语言：HTML是网页设计的基础语言，它是一种标记语言，用于描述网页的结构与内容。
初学者需要了解HTML标签的基本使用方法，如标题标签、段落标签、图像标签等。
3. CSS样式：CSS用于设置网页的样式与布局，可以改变文本的字体、颜色、背景等样式属性。
掌握CSS的基本属性和选择器是进行网页设计的关键。
4. 响应式布局：响应式布局是指网页能够适应不同设备屏幕大小的布局方式。
第10章 多媒体对象与网页特效
10.1 多媒体对象
10.1.3 插入FlashPaper电子文档 向网页中插入FlashPaper文档的步骤如下。 ① 将光标定位于要插入FlashPaper文档的位置。 ② 选择“插入”→“媒体”→“FlashPaper”菜单命令，打开“插入 FlashPaper”对话框，选择要插入的FlashPaper文档即可。 【案例10-3】使用插入FlashPaper文档技术制作在线阅读Word 文档的网页。
10.2 网页特效
10.2.3 制作二级纵向导航菜单 【案例10-6】制作二级纵向列表模式的导航菜单。 【案例展示】使用CSS样式结合JavaScript脚本制作二级纵向列 表模式的导航菜单，页面显示效果如图10-22所示。
习题10
1．使用时间轴制作一个循环切换画面的广告网页。每隔一段 时间，广告自动切换到下一幅画面；用户单击广告右边的小图， 将直接切换到相应的画面. 2．制作网页导航区域的Flash按钮。 3．将一篇Word文档三字经转换为FlashPaper文档，将其添加 到页面中。 4．制作一个禁止使用鼠标右键操作的网页。当浏览者在网页 上点击鼠标右键时，自动弹出一个警告对话框，禁止用户使用 鼠标右键快捷菜单。
10.2 网页特效
10.2.1 制作循环滚动的字幕 在网页中，制作滚动字幕使用<marquee>标签，其格式为：
<marquee direction="left|right|up|down" behavior="scroll|side|alternate" loop="i|-1|infinite" hspace="m" vspace="n" scrollamount="i" scrolldelay="j" bgcolor="色彩" width="x|x%" height="y"> 流动文字或（和）图片 </marquee> 【案例10-4】制作循ቤተ መጻሕፍቲ ባይዱ滚动的图像字幕。 【案例展示】制作一个循环滚动的自然风景展示网页，滚动的图像支持超链 接，并且当鼠标指针移动到图像上时，画面静止；当鼠标指针移出图像后， 图像继续滚动，如图10-16所示。
网页中的多媒体和特效
Ap Div特点
所谓AP Div，是指存放文本、图像、表单和插件等网页内 容的容器。
AP Div最主要的特性就是它是浮动在网页内容之上的，可 以在（不影响其他网页元素情况下）网页上任意改变其位 置，实现对AP Div的准确定位；把页面元素放入AP Div中 可以使用户对页面操作的布局更加轻松。
插入按钮 31
在预览网页文档时，当输入完表单数据后，可以单击表单 按钮，提交服务器处理
如果对输入的数据不满意，需要重新设置时，可以单击表 单按钮，重新输入
按钮是标准的浏览器默认按钮样式，它包含需要显示的文 本，它包括“提交”和“重置”按钮
点击“插入/表单”工具栏中的“按钮”按钮，即可在网页文 档中插入按钮
下周教学内容 36
AP Div元素其他特点
AP Div元素可以重叠，所以在网页中可以实现网页内容的重叠效 果（如立体字）
AP Div元素可以被显示或隐藏，可以实现网页导航中的下拉菜单 ，图片的可控显示或隐藏
可以通过应用时间轴使其移动和变换，这样在层中旋转一些图片 或文本，就能够实现动画效果。
在网页中插入Ap Div元素
width=100% height为标签内元素的高度 hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止，当
鼠标移开的时候又继续滚动。
在属性面板上可以设置：
复选框名称 选定值 初始状态
插入复选框组 27
复选框组和按钮和单选按钮组相似，可以一次插入多个选项 点击“插入/表单”工具栏中的“复选框组”按钮 打开“复选框组”对话框，设置复选框组
第13章多媒体与网页特效
（3）设置完毕, 保存文件。按F12 键预览该网页, 如果正确安装了播放 程序, 那么点击链接载体, 可弹出MediaPlayer等辅助程序, 并播放该视频 文件。
2. 嵌入视频文件到网页中 如果希望添加视频文件并在网页上显示播放器的外观, 请选择嵌入视频
加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过 添加行为来实现。 在代码视图中，通过<bgsound>标记可以将网页设置上背景音乐，具 体步骤是: （1）准备好一个音乐文件，打开需要添加背景音乐的网页（网页和声 音最好使用相对路径）。 （2）选择“代码视图”，将光标定位到<body>之后，输入下面的代码: <body> <bgsound src="莫扎特小夜曲.mp3 ">
插入背景音乐
…… </body>
（3）如果希望循环播放音乐，将在代码中添加一个loop属性即可: <bgsound src＝"莫扎特小夜曲.mp3" loop="true">
（4）保存文件，按F12 键预览该网页，即可听见背景音乐。
13.1.3 插入视频
插入视频和插入声音的方法类似, 也有两种情况, 其一为超级链接到视 频文件, 其二为嵌入视频文件到网页中。
2. 将声音嵌入网页 如果希望插入声音的同时，在网页上还可以显示
播放器的外观，包括播放、暂停、停止、音量调 整等控制面板，需要使用嵌入声音文件到网页中 的方法。 （1）准备好一个音乐文件，在页面添加文字“2.月 满西楼”。 （2）打开【插入】面板，单击【常用】选项卡中 的【媒体】，在下拉菜单中单击【插件】按钮， 弹出【选择文件】对话框，选择一个准备好的音 乐文件，本实例为“月满西楼.wma”，如图13-10所 示。调整播放插件的大小外观。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第13章 多媒体与网页特效
（2）在属性面板的【链接】文本框中键入声音文件所在的路径和名称，或 者单击后面的文件夹图标直接选择声音文件。实例中选择的是“莫扎特 小夜曲.mp3”，如图13-8所示。
•（3）保存文件，按 F12 键预览该网页。当鼠标移动到“在线下载” 上时鼠标呈现小手的形状，单击将播放音乐，如图13-9所示。或者单 击鼠标右键，在弹出菜单中选择“目标另存为”将该音乐文件下载到 本地。
频文件格式。一般的视频文件：asf、wmv、rm等都需要专门的播放器来 支持视频文件的播放，否则根本无法收看，并且这类文件容量过大，下 载慢，查看也不很流畅。为了解决播放器和容量的问题，可以将各类视 频文件转换成Flash视频文件，即Flv格式。经过编码后的音频和视频数据， 通过Flash Player传送。制作流程： l （1）打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按 钮，弹出【插入Flash视频】对话框，如图13-6所示：
第13章 多媒体与网页特效
l 1. 了解行为 l “行为”可以创建网页动态效果，实现用户与页面的交互。行为是由事
件和动作组成的，例如：将鼠标移到一幅图像上产生了一个事件，如果 图像发生变化(前面介绍过的轮替图像)，就导致发生了一个动作。与行 为相关的有三个重要的部分——对象、事件和动作。 l （1） 对象(Object) l 对象是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、 多媒体文件等，甚至是整个页面。 l （2） 事件(Event) l 事件是触发动态效果的原因，它可以被附加到各种页面元素上，也可以 被附加到HTML标记中。一个事件总是针对页面元素或标记而言的，例 如：将鼠标移到图片上、把鼠标放在图片之外、单击鼠标，是与鼠标有 关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。不同的 浏览器支持的事件种类和多少是不一样的，通常高版本的浏览器支持更 多的事件。 l （3） 动作(Action) l 行为通过动作来完成动态效果，如：图片翻转、打开浏览器、播放声音 都是动作。动作通常是一段JaveScript代码，在Dreamweaver中使用 Dreamweaver内置的行为往页面中添加JaveScript代码，就不必自己编写。
第13章 多媒体与网页特效
l 【样式】用来选择按钮的外观，【按钮文本】用来输入按钮上的文字， 【字体】和【大小】用于设置按钮上文字的字体和大小，字号变大，按 钮并不会跟着改变。
l 【链接】用于输入按钮的链接，可以是外部链接，也可以是内部链接。
。 【目标】用来设置打开的链接窗口
l 4. 插入Flash视频 l Flash Video即Flash视频，它的后缀名为：.flv，是目前广泛流行的一种视
第13章 多媒体与网页特 效
2020/11/25
第13章 多媒体与网页特效
13.1 在网页中插入多媒体对象
l 13.1.1 插入flash动画 l 13.1.2 插入声音 l 13.1.3 插入视频
第13章 多媒体与网页特效
13.1.1 插入flash动画
l 网页中除了文本与图像表述网页内容以外，还离不开网页多媒体，如： Flash动画、声音、视频等，这些多媒体元素的加入，使得网页表现更丰富 多彩，在文本和图像的基础上，多媒体的加入更是锦上添花。在学习本章内
本或图像）。 l （2）在属性面板的“链接”文本框中输入视频文件的路径名称，或者单
击后面的文件夹图标选择文件，如图13-12所示。
第13章 多媒体与网页特效
l （3）设置完毕，保存文件。按F12 键预览该网页，如果正确安装了播放 程序，那么点击链接载体，可弹出MediaPlayer等辅助程序，并播放该视 频文件。
第13章 多媒体与网页特效
第13章 多媒体与网页特效
l （3）如果用户的计算机中没有安装相关音乐文件的播放插件，在属性面 板的“插件URL”中输入该插件的地址，供用户链接并下载该插件。
l （4）保存文件，按F12 键预览该网页，效果如图13-11所示。
第13章 多媒体与网页特效
l 3. 添加背景音乐 l 在网页中可以嵌入背景音乐。这种音乐多以MP3，MIDI文件为主。添加
l 插入视频和插入声音的方法类似，也有两种情况，其一为超级链接到视 频文件，其二为嵌入视频文件到网页中。
l 1. 超级链接到视频文件 l 用户浏览器端必须拥有辅助应用程序才能查看常见的视频格式，如 Real
One Player、QuickTime 和 Windows Media Player等。 l （1）准备好一个视频文件，在网页中选择指向视频文件的链接载体（文
l 2. 嵌入视频文件到网页中 l 如果希望添加视频文件并在网页上显示播放器的外观，请选择嵌入视频
文件到网页中的方法。 l （1）准备好一个视频文件，将光标置于需要嵌入视频文件的位置。 l （2）打开【插入】面板，单击【常用】选项卡中的【媒体】，在下拉菜
单中单击【插件】按钮，弹出【选择文件】对话框，选择其中的视频文 件，将其添加到网页中，如图13-13所示。适当调节“插件”占位符的大 小及位置。
l 13.2.1 行为基础知识 l 13.2.2 显示-隐藏层 l 13.2.3 设置状态条文本 l 13.2.4 设置层文本 l 13.2.5 设置弹出信息
第13章 多媒体与网页特效
13.2.1 行为基础知识
• 一般说来，动态网页是通过编写脚本代码来实现用户与页 面的简单交互的。但是编写脚本既复杂又专业需要专门学习， 而Dreamweaver提供的“行为”的机制，虽然行为也是基于 JaveScript来实现动态网页和交互的，但却不需书写任何代码。 在可视化环境中按几个按钮，填几个选项就可以实现丰富的 动态页面效果，实现人与页面的简单交互。 •行为是事件与动作的彼此结合。例如，当鼠标移动到网页的 图片上方时，图片高亮显示，此时的鼠标移动称为时间，图 片的变化称为动作，一般的行为都是要有事件来激活动作。 动作时由预先写好的能够执行某种任务的JavaScript代码组成， 而事件是由浏览器前用户的操作相关，如单击鼠标、鼠标上 滚等。
l 网页中插入声音的常用方法有如下两种：其一为超级 链接到声音文件，其二为嵌入声音文件到网页中。
第13章 多媒体与网页特效
l 1. 超级链接到声音文件 l 现在Internet上大量的在线音乐就是采用超级链接链接到声音
文件。下面通过一个实例来说明。 l （1）准备好一个音乐文件。选择作为超级链接载体的文本
l （4）在文档窗口单击这个Flash文件，就可以在属性面板中设置它的属 性了，如图13-1所示。
第13章 多媒体与网页特效
•（5）将Flash的背景透明，使得Flash内容与Flash下方的图像达到合二为一的 效果。在【属性】面板中单击【参数】按钮，弹出【参数】对 •框，作如图13-2所示的设置：
第13章 多媒体与网页特效
l （6）选择“循环”复选框时影片将连续播放，否则影片在播放一次后自 动停止。通过选择“自动播放”复选框后，可以设定Flash文件是否在页 面加载时就播放。在“品质”下拉列表中可以选择Flash影片的画质，以 最佳状态显示，就选择“高品质”。如图13-3所示即是保存了网页后按 【F12】键在浏览器中预览网页的效果。
按钮 l （2）弹出【选择文件】对话框，选择Flash文件13-1.swf.
第13章 多媒体与网页特效
l （3）单击【确定】按钮后弹出【对象标签辅助功能属性】对话框，在输 入标题后单击【确定】按钮即可将Flash文件插入到网页中，插入的Flash 动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来 表示。
第13章 多媒体与网页特效
第13章 多媒体与网页特效
l 2. 将声音嵌入网页 l 如果希望插入声音的同时，在网页上还可以显示播
放器的外观，包括播放、暂停、停止、音量调整等 控制面板，需要使用嵌入声音文件到网页中的方法。 l （1）准备好一个音乐文件，在页面添加文字“2、 月满西楼”。 l （2）打开【插入】面板，单击【常用】选项卡中的 【媒体】，在下拉菜单中单击【插件】按钮，弹出 【选择文件】对话框，选择一个准备好的音乐文件， 本实例为“月满西楼.wma”，如图13-10所示。调整 播放插件的大小外观。
第13章 多媒体与网页特效
l 2. 插入Flash文本 l 打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按钮，弹
出【插入Flash文本】对话框，如图13-4所示：
第13章 多媒体与网页特效
l 字体随意，大小22px，颜色设置为#F5E458，转滚颜色为#54C994，文本 为“图片素材”，背景颜色#6DCFF6，选择自己需要的路径链接。同样 方法我们可以使用该功能，诸如制作“代码素材”、“Flash动漫”、 “精美壁纸”和“音频视频”等Flash文本来制作一个导航栏。
l
l 插入背景音乐 l …… l </body>
l
l （3）如果希望循环播放音乐，将在代码中添加一个loop属性即可： l <bgsound src＝"莫扎特小夜曲.mp3" loop="true">
l
l （4）保存文件，按F12 键预览该网页，即可听见背景音乐。
第13章 多媒体与网页特效
13.1.3 插入视频
l （4）分别在【宽度】文本框与【高度】文本 框中设置该视频的宽度与高度，然后单击 【确定】按钮。
第13章 多媒体与网页特效
13.1.2 插入声音
l 虽然向Web页添加的声音文件可以有多种不同类型格 式，但并不是所有的声音格式都适合在网页中应用。 在确定采用哪一格式和方法添加声音前，需要考虑添 加声音的目的、观众、文件大小、声音品质和不同浏 览器的差异等因素。在网页中常用的格式 有.wav、.midi、.rm和.mp3等。另外，用户在访问插入 音频的页面时，只有在他的客户端浏览器具有可播放 所选声音文件的适当插件，声音才可以播放出来。