当前位置：文档之家 › 第1篇第5章 网页中的多媒体对象

第1篇第5章 网页中的多媒体对象

  • 格式：ppt
  • 大小：382.50 KB
  • 文档页数：17

下载文档原格式

  / 17

合集下载

教你在网页中插入多媒体对象

教你在网页中插入多媒体对象

教案首页（以2课时为单元）课序：15第以章第1・3节目的要求：了解并掌握如何插入多媒体对象教学内容：1.制作图像效果2.设置背景音乐一3.插入FLASH按钮、FLASH文本、FLASH动画4.插入音频和视频文件5.插入Shockwave对象6.插入Java Applet对象重点与难点：重点：制作图像效果，插入FLASH动画难点：插入音频和视频文件教学方法：多媒体教学手段：课程讲授为主，学生练习讨论为辅。

教学步骤：引入一个多媒体的网站实例，然后展开理论教学: 如何为网页设置背景音乐、插入多媒体对象等复习提问：网页的布局和站点的创建作业题H：1-3预习内容:WEB图像基础课时分配:第8章在网页中插入多媒体对象本章主要介绍如何为Web设置背景音乐，在网页中插入Flash动画、插入视频及音频等多媒体对象。

【本章学习目的】本章通过几个典型实例的介绍，重点讲解了多媒体技术在网页中的应用，要求读者掌握如何在网页中添加FLASH动画、视频及音频文件等多媒体对象。

一、实例导入：多媒体站点在网页中应用多媒体对象可以增强网页的娱乐性和感染力，多媒体成为最有魅力的方式，也是潮流的方向。

娱乐在线多媒体站点：该多媒体站点主要实现的功能是在线观看Flash动画、Flash视频以及其它类型的视频及音频文件。

在此网站实例中，主要涉及以下知识点：•背景音乐的设垃：•插入Flash对象：Flash动画、Flash视频、Flash按钮、Flash文本等：•插入其它类型视频和音频文件。

二、使用多媒体对象网页中常用的多媒体对象主要分为Flash类（包括Flash动画、Flash按钮、Flash文本、Flash 视频等）、Java applets、ActiveX控件类，以及各种音频、视频文件（如Shockwave影片、QuickTime. RM、WMV、Mp3 等）。

1、设置页面背景音乐由于背景音乐不是一种标准的网页属性，所以需要用修改源代码的方式为网页添加背景音乐。

第五章 多媒体网页的制作

第五章 多媒体网页的制作

5.2.1 行为概述
• Dreamweaver 8中的行为是一系列 中的行为是一系列JavaScript程序的 中的行为是一系列 程序的 集成， 集成，通过行为使得网页制作人员不用编程而实现动态效果 行为包括两部分的内容，一个部分是事件， 。行为包括两部分的内容，一个部分是事件，另一个部分是 动作。动作是特定的JavaScript程序，只要在事件发生后 程序， 动作。动作是特定的 程序 该程序就会自动运行； ，该程序就会自动运行；行为是事件和该事件所触发的动作 的结合， 中主要通过【 的结合，在Dreamweaver中主要通过【行为】面板来控 中主要通过 行为】 制行为的使用。 制行为的使用。 • （1）行为面板 ） • （2）动作 ） • （3）事件 ）
5.1.2 插入声音
-常见的声音文件格式有：WAV格式、MID格式和MP3格 常见的声音文件格式有：WAV格式、MID格式和MP3格 格式 格式和MP3 式。 -WAV格式文件：声音品质很高的一种声音文件，但文 WAV格式文件：声音品质很高的一种声音文件， 格式文件 件量较大，在网上播放时要受到一定的限制。 件量较大，在网上播放时要受到一定的限制。 -MID格式文件：是由电子乐器产生的，文件量小，品 MID格式文件：是由电子乐器产生的，文件量小， 格式文件 质很好。 质很好。 -MP3格式文件：是压缩比较大的文件，音质也很好； MP3格式文件：是压缩比较大的文件，音质也很好； 格式文件 它的播放采用流的方式，文件边下载边播放， 它的播放采用流的方式，文件边下载边播放，节约了 等待时间，很适合网上播放， 等待时间，很适合网上播放，但需要浏览器有相应的 插件或者是播放器，如：Windows Media Player。 插件或者是播放器， Player。
• • • 事件：是浏览器对每一个网页元素的响应途径，与具体的网页对象相关。 动作：是一段事先编辑好的脚本，可用来选择某些特殊的任务。如播放声音、打开 浏览器窗口、弹出菜单等。 行为：实质上是事件和动作的合成体。

第十讲在网页中插入多媒体对象

第十讲在网页中插入多媒体对象

七 网页中的多媒体（1）在Dreamweaver 8的页面文档中，可以方便地添加声音、影片等多媒体内容，这些内容包括Flash 对象、Quittime 文件、RM 文件、WMA 文件、Shockwave 影片、Java Applest 、ActiveX 插件等，使网页更加生动，也为网页增加了互动性。

本节课学习在网页文档中插入视频的方法。

一、 在网页中插入视频操作步骤如下： 1．在编辑窗口打开要插入声音的文档，将光标插入到文档中需要加入声音文件的位置。

2．将“插入”工具栏切换到“常用”工具栏，单击“媒体”按钮旁边的下拉菜单按钮，在打开的下拉菜单中选择“ActiveX ”插件命令，如图6-45所示。

此时，会自动弹出“对象标签辅助功能属性”对话框，如图6-46所示。

3．在“对象标签辅助功能属性”对话框的“标题”文本框中，输入“视频”，然后点击【确定】按钮，此时，在文档窗口中就会出现一个“ActiveX ”插件标识符，如图6-47所示。

图6-46对象标签辅助功能属性图6-45选择“插件”命令3．双击“ActiveX ”插件标识符，将弹出“选择Netscape 插件文件”对话框中，选择要插入的视频文件，如zxcx/images_xxcx/xuanchuan-1.wmv ，然后点击【确定】按钮。

如图6-48所示。

4．点击文档窗口中的“插件”标识符，在属性面板上根据需要设置大小，如宽为300像素，高为230像素。

在ClassID 项后边的文本框中选择“Realplayer.mxp ”插件文件。

如图6-49所示。

5．点击【参数】按钮，将弹出设置“参数”对话框，在“参数”对话框中设置循环播放次数、自动播放等内容，如图6-50所示。

若要在“参数”对话框中设置参数的值，请执行以下操作：图6-48 “选择Netscape 插件文件”对话框图6-49 插件属性面板图6-47“ActiveX ”插件标识符（1）单击加号 (+) 按钮， 在“参数”列中输入参数的名称，在“值”列中输入该参数的值。

第1篇第5章 网页中的多媒体对象

第1篇第5章 网页中的多媒体对象

– 进入Fireworks的文档编辑窗口编辑完成后 ，单击按 钮 返回Dreamweaver，图像即更新。
– 在Fireworks中保存PNG文件。
5.1.4 Deamweaver与Fireworks 2．插入Fireworks图形或代码
– – 插入Fireworks生成的GIF、JPG图像 。 插入的Fireworks HTML文件 （包含HTML源 文件关联的图像、切片和JavaScript脚本 ）。
5.4.1 视频基本知识 5.4.2 插入视频
思考题
5.1 图像 图像会使网页下载时间大大增加， 应控制图像的数量和质量。要使图像具 有必须的像素大小，并且采用正确的格 式进行优化处理。 在网页中常用的图像格式是GIF和 JPG。
5.1.1 图像基本知识
1．矢量图与位图 • 矢量图（Vector Graphics）不是直接描述图形图 像中每个点的信息，而是描述其中所有像素点的产 生过程和方法，即用指令集来描述图形。
•
属性面板
– 热点：<area shape="rect" coords="46,32,73,59" href="dw1-1.htm">
【例5-1】向网页中插入一幅图像，在其内建立热点， 并分别建立超链接。
5.1.3 插入鼠标经过图像
原始图像（Original Image） 翻滚图像（Rollover Image） 2 幅图片大小一样
– 优点：占空间小、进行各种变形（如缩放、旋转、扭曲） 时几乎没有误差产生 – 缺点：不易精细
•
位图（Bit Mapped Graphics）由描述构成图像中 各个像素点颜色属性的数字阵列组成。该数字阵列 的大小与位图像素点的个数及颜色属性的复杂度有 关。

人教版小学五年级信息技术上册第4课《网页中的多媒体 》26张PPT

人教版小学五年级信息技术上册第4课《网页中的多媒体 》26张PPT

插入Flash影片
插入Flash影片之前，首先 应在Flash制作软件中完成影片 的制作，最好将其制作好后保 存在站点相应文件夹中。
插入Flash Video
插入Flash Video是Dreamweaver 8新增加的功能，使用 该功能可以轻松的在网页中插入一段Flash视频，在网页中浏 览该视频时，网页不仅显示该视频信息，还将显示播放Flash 视频的控件。
Dreamweaver提供了一 组预定义的Flash对象，包括 Flash文本和Flash按钮，使 用这些工具可以快速制作 Flash对象。在 Dreamweaver 8中可以插入 自己制作的Flash按钮，也可 插入Dreamweaver 8集成的 动态按钮。
插入Flash文本
Flash文本是Dreamweaver 8集成的文本动画。 插入Flash文本与插入Flash按钮的方法类似。
在网页中应用音频 和视频
当访问者打开了添加背景音乐的网页时背景音 乐即会自动播放，设置背景音乐可以加深浏览者对网 站的印象，更加突出网站主题。音频文件格式：WAV、
MIDI、MP3、WMA等。
• 加入背景音乐
– 添加背景音乐代码 – 还可通过插入插件来添加背景音乐
• 页面音乐的链接和嵌入 • 页面视频的链接和嵌入
• • • • • • / 素材精品屋 动态网站制作指南 网页特效集锦 3lian素材 Java网站 Macromedia公司的 一个交互性娱乐服务网站
页面视频的链接和嵌入
在网页中插入视频文件有两种方式，一种是嵌入式，另 外一种是链接式。对于嵌入式视频，网页打开后会显示一 个播放窗口播放文件，而对于链接式视频，网页中仅仅提 供一个超链接，当用户单击打开这个链接后，Windows的 媒体播放器会自动启动并播放这个文件。 1．嵌入式视频 2．设置参数 3．链接式视频

第五章 在网页中使用多媒体

第五章 在网页中使用多媒体

网站设计
5.1 在网页中使用Flash

若要插入Flash按钮对象，将插入点放置在要插 入按钮的位置。打开媒体菜单(参见图5.15)，选 择【Flash按钮】，或者选择主菜单【插入】|【 媒体】|【Flash按钮】命令，会出现“插入 Flash按钮”对话框，如图5.25所示。
网站设计
5.1 在网页中使用Flash
网站设计
5.2 其它多媒体元素的插入


3. 插入FlashPaper
FlashPaper是Macromedia推出的一款电子文档类 工具，通过程序将需要的文档进行简单的设置转换 为SWF格式的Flash动画，原文档的排版样式和字 体显示不会受到影响，这样做的好处是不论对方的 平台和语言版本是什么，都能够观看所制作的电子 文档动画，并可以进行放大、缩小、打印、翻页等 操作，有利于文档的传播，而且由于Flash动画的普 及性和可调节性，可以制作出非常漂亮的电子文档 ！
网站设计
5.1 在网页中使用Flash


5.1.1 插入Flash动画
选择【Flash】，弹出“选择文件”对话框，在对话 框中选择Flash动画文件后，紧接着将弹出如图5.19 所示的“对象标签辅助功能属性”对话框，在对话框 的“标题”文本框中输入媒体对象的标题，单击“确 定”，该动画即插入到文档中，插入的Flash动画以 一个带有字母F的灰色框来表示。

网站设计
5.1 在网页中使用Flash


在文档窗口中，将插入点定位在要插入 Shockwave影片的地方，打开媒体菜单( 参见图5.15)，选择【Shockwave】，或 者选择主菜单【插入】|【媒体】|【 Shockwave】。弹出“选择文件”对话框 ，在对话框中选择Shockwave影片文件后 ，紧接着将弹出“对象标签辅助功能属性” 对话框，在对话框的“标题”文本框中输入 媒体对象的标题，单击“确定”，该影片即 插入到文档中。 插入影片后，在属性面板中，可以对其宽高 、边距、参数、背景颜色等属性进行设置。

网页中的多媒体应用


动画与交互式内容
CSS动画
CSS3提供了丰富的动画 效果，可以通过关键帧 （`@keyframes`）来定 义动画过程，并使用 `animation`属性将动画 应用到元素上。CSS动 画具有性能高、易于控 制等优点。
JavaScript交互
JavaScript可以实现复 杂的交互效果，如响应 用户的点击、拖拽等操 作，或者与后端服务器 进行数据交互。通过 DOM操作和事件监听 等技术，可以实现丰富 的交互式体验。
资源合并与压缩
将多个CSS、JavaScript文件合并成 一个文件，并进行压缩，减少HTTP 请求次数和文件大小。
优化代码结构
减少DOM操作、避免使用过多的 JavaScript库和插件等，提高页面渲 染速度。
05
移动端网页中的多媒体适配与兼1 2
响应式设计
使用媒体查询（Media Queries）根据屏幕尺寸 调整布局和样式，实现不同设备上的良好展示效 果。
THANKS
感谢观看
百分比布局
使用百分比宽度和高度来定义元素尺寸，使其能 够自适应不同屏幕尺寸。
3
视口（Viewport）设置 通过设置视口元数据，控制页面在不同设备上的 缩放和显示方式。
移动端网络环境下多媒体加载策略
01
延迟加载
当页面滚动到多媒体元素所在位 置时，再开始加载多媒体资源， 减少初始加载时间。
分段加载
02
增加互动性
多媒体元素可以增加网页的互动 性，如通过音频、视频等实现用 户与网页的双向交流。
发展趋势及前景展望
移动化
随着移动互联网的普及，网页中的多 媒体应用将更加注重移动设备的适配 和优化。
智能化
借助人工智能和机器学习等技术，网 页中的多媒体应用将实现更加智能化 的推荐和交互。

DW1网页设计基础


Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
五、对Dreamweaver MX 2004的简单认识
1.系统配置要求
• Intel PentiumⅢ600MHz或更快的或等效处理器； • Windows98、Windows2000、WindowsXP或 Server2003操作系统。 • 至少128MB的可用内存(RAM)(建议采用256MB内存)。 • 至少275MB可用磁盘空间。 • 能达到1024x768像素分辨率的16色或更高分辨率的 监视器。
2004实训教程》讲义
一、网页的类型：
2. 动态网页
① ⑤
② ③
④
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、网页的类型：
3. 交互式动态网页
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
二、组成网页的元素
• 组成网页的元素 • 网站的概念 • 网页设计的基础知识 • 对Dreamweaver MX 2004的简单认识
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、网页的类型：
1. 普通静态网页
① ③
②
Dreamweaver 应用技术——《 Dreamweaver MX
• 文本、图像、多媒体对象、表格、表单、导航栏
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
三、网站的概念
• 网站的类型——个人站点；企业站点；门户站点。 • 网站与网页的关系——网站是网页的集合，网页之间 有一定的链接关系。 • 建立网站的条件——申请主页空间；申请域名空间。

第5章 网页添加多媒体PPT课件


5.1.1 使用<BGSOUND>标签
HTML语言中的<BGSOUND>标签可以在网页中 嵌入一个背景音乐，适用于IE浏览器或以IE为内核 的浏览器。
属性src表示音频文件的路径信息，可以是相对路 径或绝对路径；
属性autostart表示音乐文件是否在下载完后自动 播放，autostart=true表示下载后自动播放；
属性loop表示循环播放次数，属性值为-1时，音乐 文件反复播放。
5.1.1 使用<BGSOUND>标签
<html> <head> <title>嵌入背景音乐</title> </head> <body > <bgsound src="music/flourish.mid" loop="-1"> </body> </html>
5.1 网页中加入音乐
网页中嵌入恰当的音乐可以增添网页的艺术 效果，给用户带来全面的视听感受。随着网 络带宽的提高，可以通过简单的音乐嵌入技 术制作一个音乐网站。
使用Dreamweaver添加多媒体对象时，可 以使用插入栏的【常用】→【标签选择器】， 也可以使用菜单栏的【插入】菜单添加多媒 体对象。
开启自动播放功能； 属性align表示播放窗口与文字对齐方式； 属性style包含丰富的样式定义； 属性hidden表示是否显示播放界面，hidden=true表示隐藏
播放界面。
5.1.2 使用<EMBED>标签
<html> <head> <title>嵌入背景音乐</title> </head> <body> <embed src=“music/flourish.mid” width=“300” height=“200” autostart=“true” loop=“true” align=“middle” style= “background-color: #00CCFF”> </embed> </body> </html>

网页中的多媒体(二)

网页中的多媒体（二）VR中的媒体集成和交互DGJ在了解了虚拟现实场景（VR）的大概以后，我们将进一步了解VRML的语法，并揭示VR中的多媒体的集成和交互技术，因为这才是我们在网页中应用VR的关键。

一、VRML语法基础在VRML中定义了一系列用来生成和修饰三维形体的对象，这些对象称为节点。

每个节点包括一系列域，这些域的值记录了每个节点自身具有的性质。

VRML中的节点分三种类型：属性节点、组节点和子节点。

在组节点(如Transform)中有一个children域，该域的值就是子节点（比如Shape），子节点的某些域的值往往又是另一个节点，而那些域值不包含子节点的节点就是属性节点（比如Shape 节点的geometry域中的Box节点就是属性节点）。

VRML中字母的大小写是严格区分的，节点名以大写字母开头，域名以小写字母开头。

VRML认为逗号与空格相同，用于分隔数据，合理地使用逗号将提高文件的可读性。

下面例子（exam2.wrl）可以说明这三种类型节点之间的关系。

#VRML V2.0 utf8 #exam2.wrlTransform{ #组节点，用于变换对象的位置translation 2 3 0 #Transform节点的域，用于平移位置，取值（4，5，0）children Shape{ #children域的值是Shape子节点appearance Appearance{ #appearance域的值又是Appearance节点material Material{ #Appearance节点的material域的值是属性节点diffuseColor 1 0 0 #Material属性节点的diffuserColor域}}geometry Box{ } #Shape节点的geometry域的值是属性节点Box}}二、VR中使用文字信息在VRML中使用Text节点创建文字信息。

如下例（exam3.wrl）,由此得到的是只有正反面而无厚度的文字。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

5.4.2 插入视频
按钮及插件按钮插入视频。 【例5-9】分别使用 】分别使用ActiveX按钮及插件按钮插入视频。 按钮及插件按钮插入视频 【例5-10】插入 】插入Real Player流格式的视频文件 流格式的视频文件 属性面板中设置: 属性面板中设置
– ClassID为RealPlayer……。 为 。 – 选中 选中Embed复选框。 复选框。 复选框 – Src为zhaodan.rpm（是纯文本文件，内容为指向的 为 （是纯文本文件， RealPlayer文件名）。 文件名）。 文件名 – 单击 按钮，设置属性。 按钮，设置属性。 – 制作 制作Real Player视频播放控制。 视频播放控制。 视频播放控制
5.1.1 图像基本知识 2．图像质量与容量 ． 图像分辨率与屏幕分辨率 位图的容量
文件容量 ＝ （位图高度×位图宽度×位图深度）/ 8 位图高度×位图宽度×位图深度）
矢量图的容量
与图形的复杂度有关
3. 颜色
RGB模型、HSB模型和 模型、 模型和CMYK模型。 模型。 模型 模型和 模型
4. 图形图像的压缩
（2）MIDI音频 ） 音 5.3.1 音频基本知识 2. 编辑音频
5.3.2 插入音频
音频包括背景音乐、解说词和音效。 音频包括背景音乐、解说词和音效。 ActiveX按钮 或插件按钮 都可以插入音频。 都可以插入音频。 按钮 按钮设置参数: 从属性面板中的 按钮设置参数
5.4.1 视频基本知识 5.4.2 插入视频
思考题
5.1 图像 图像会使网页下载时间大大增加， 图像会使网页下载时间大大增加， 应控制图像的数量和质量。 应控制图像的数量和质量。要使图像具 有必须的像素大小， 有必须的像素大小，并且采用正确的格 式进行优化处理。 式进行优化处理。 在网页中常用的图像格式是GIF和 和 在网页中常用的图像格式是 JPG。 。
5.1.1 图像基本知识
1．矢量图与位图 ． 矢量图（Vector Graphics）不是直接描述图形图 矢量图（ ） 像中每个点的信息， 像中每个点的信息，而是描述其中所有像素点的产 生过程和方法，即用指令集来描述图形。 生过程和方法，即用指令集来描述图形。
– 优点：占空间小、进行各种变形（如缩放、旋转、扭曲） 优点：占空间小、进行各种变形（如缩放、旋转、扭曲） 时几乎没有误差产生 – 缺点：不易精细 缺点：
5.1.2 插入图像
属性面板
– 热点：<area shape="rect" coords="46,32,73,59" 热点： href="dw1-1.htm">
【例5-1】向网页中插入一幅图像，在其内建立热点， 】向网页中插入一幅图像，在其内建立热点， 并分别建立超链接。 并分别建立超链接。
5.1.3 插入鼠标经过图像 原始图像（ 原始图像（Original Image） ） 翻滚图像（ 翻滚图像（Rollover Image） ） 2 幅图片大小一样 【例5-2】插入一个鼠标经过图像，并为其建 】插入一个鼠标经过图像， 立超链接。 立超链接。
【例5-3】试在 】试在Dreamweaver中导入 中导入 Fireworks 制作的滚动按钮。 制作的滚动按钮。
5.1.4 Deamweaver与Fireworks 与
3．制作网络相册 ． 优点： 加快下载速度。 优点：使页面布局更合理 、加快下载速度。
– Deamweaver与Fireworks协同工作。 与 协同工作。 协同工作 – 执行菜单命令“命令”|“创建网站相册” 创建网站相册” 执行菜单命令“命令” 创建网站相册
位图（ 位图（Bit Mapped Graphics）由描述构成图像中 ） 各个像素点颜色属性的数字阵列组成。 各个像素点颜色属性的数字阵列组成。该数字阵列 的大小与位图像素点的个数及颜色属性的复杂度有 关。
– 优点：描述细致，适于场景复杂，色彩丰富并含有大量 优点：描述细致，适于场景复杂， 细节信息的图像。 细节信息的图像。 – 缺点：占空间大，进行各种变形时会产生较大的误差。 缺点：占空间大，进行各种变形时会产生较大的误差。
5.1.4 Deamweaver与Fireworks 与 2．插入 ．插入Fireworks图形或代码 图形或代码
– – 插入Fireworks生成的 生成的GIF、JPG图像 。 插入 生成的 、 图像 插入的Fireworks HTML文件 （包含 插入的 文件 包含HTML源 源 文件关联的图像、切片和 文件关联的图像、切片和JavaScript脚本 ）。 脚本
5.1.4 Deamweaver与Fireworks 与 1．在Dreamweaver中编辑图像 ． 中编辑图像
– 在Dreamweaver中将 中将Fireworks设为主图像编辑器 中将 设为主图像编辑器 编辑” 首选参数 首选参数” 文件类型 编辑器” 文件类型/编辑器 （“编辑” | “首选参数” | “文件类型 编辑器” 类 ）。 – 在Dreamweaver中单击图像“属性”面板中的按钮 中单击图像“ 中单击图像 属性” – 进入 进入Fireworks的文档编辑窗口编辑完成后 ，单击按 的文档编辑窗口编辑完成后 钮 返回Dreamweaver，图像即更新。 返回 ，图像即更新。 – 在Fireworks中保存 中保存PNG文件。 文件。 中保存 文件
5.1.2 插入图像 图像使用单标签<img />，格式为： 图像使用单标签 ，格式为： <img 属性名 属性值 … /> 属性名="属性值 属性值"
属性名包括： 属性名包括： src（图片文件名及路径）、 （图片文件名及路径）、 alt（图片说明文字）、 ）、name（图像名）、 （图片说明文字）、 （图像名）、 width（宽）、 height（高）、 （ （ border（边框宽度）、 （边框宽度）、hspace（左右边缘空白）、 （左右边缘空白）、 ）、 vspace（上下边缘空白）、 align（对齐方式）等， （上下边缘空白）、 （对齐方式） 均可在Dreamweaver中面向对象设置。。 中面向对象设置。。 均可在 中面向对象设置
hidden值为 值为true（声音播放器隐藏）。 值为 （声音播放器隐藏）。 autostart值为 值为true（网页加载时自动播放）。 值为 （网页加载时自动播放）。
【例5-8】在网页中增加背景音乐。 】
– 插件的代码为：<embed src="back.mid" width="31" 插件的代码为： height="26" hidden="true" autostart="true" loop="true"></embed> – ActiveX控件的代码为：<object width="208" 控件的代码为： 控件的代码为 height="32"> ……
5.2 动画 5.2.1 动画基本知识
传统动画就是系列静图（称为帧）的连续播放。 传统动画就是系列静图（称为帧）的连续播放。现 代动画软件实现了插值动画（过渡动画）， ），即仅仅 代动画软件实现了插值动画（过渡动画），即仅仅 定义关键帧， 定义关键帧，关键帧之间的帧由系统自动进行插值 计算而成 。 从计算机制作动画的方式，将动画分为帧动画、 从计算机制作动画的方式，将动画分为帧动画、位 块动画、实时动画、插值动画、 块动画、实时动画、插值动画、色彩动画和变形动 画等。 画等。 动画文件的格式主要有以下几种： 、 、 动画文件的格式主要有以下几种： fli、flc、 mmm 、 fla 、swf 、gif等。 等
5.4 视频 5.4.1 视频基本知识 视频（Video）是由一幅幅单独的图像（称为帧 视频（ ）是由一幅幅单独的图像（ frame）组成的序列，这些画面以 ）组成的序列，这些画面以24f/s（帧/秒）到 （ 秒 30f/s速率连续地投射到屏幕上，而具有图像连续运 速率连续地投射到屏幕上， 速率连续地投射到屏幕上 动的感觉。 动的感觉。 我国及欧洲大部分国家采用 我国及欧洲大部分国家采用PAL制式，PAL标准为 制式， 制式 标准为 25 f/s，每帧 ，每帧625行。 行 数字视频产生的文件很大，而且视频的捕捉和回放 数字视频产生的文件很大， 要求很高的数据传输速率，因此视频压缩和解压缩 要求很高的数据传输速率， 是需要解决的关键技术之一。 是需要解决的关键技术之一。 视频格式：AVI、 MPG 、RA 、WMV等 视频格式： 、 等 视频编辑软件 视频编辑软件Adobe Premiere，编辑 ，编辑AVI格式文件 格式文件
动画， 【例5-5】在网页中插入 】在网页中插入Flash动画，并将背景设为 动画 透明。 透明。
2. Flash 按钮 3. Flash 文本
5.3 音频 5.3.1 音频基本知识 1．音频格式 ． （1）波形音频 ）
– 采样频率（Sampling 采样频率（ Rate）是将模拟声音波 ） 形转换为数字时， 形转换为数字时，每秒 钟所抽取声波幅度样本 的次数， 的次数，采样频率的计 算单位是kHz。 算单位是 。 – 量化数据位（也称为量 量化数据位（ 化级） 化级）是每个采样点能 够表示的数据范围。 够表示的数据范围。
第1 篇 第5 章
5.1 图像
5.1.1 5.1.2 5.1.3 5.1.4
网页中的多媒体对象
图像基本知识 插入图像 插入鼠标经过图像 Deamweaver与Fireworks 与
5.2 动画
5.2.1 动画基本知识 5.2.2 插入动画
5.3 音频
5.3.1 音频基本知识 5.3.2 插入音频
5.4 视频
5.2.2 插入动画 1. Flash 动画
同时使用HTML中的 中的Object标签和 标签和Embed标签，以确 标签， 同时使用 中的 标签和 标签 保在Internet Explorer和Netscape Navigator中都获 保在 和 中都获 得应有的效果。 得应有的效果。 – 文件格式：swf 文件格式： – 属性面板：Autoplay、Loop、Quality、Scale（比 属性面板： 、 、 、 （ ）、Play/ Stop、Parameters（输入属性面板中 例）、 、 （ 没有的额外参数）。 没有的额外参数）。