当前位置：文档之家 › 第5章 网页添加多媒体PPT课件

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

  • 格式：ppt
  • 大小：667.00 KB
  • 文档页数：31

下载文档原格式

  / 31

合集下载

小学信息技术西交大五(下)第8课：网页添加多媒体(教案)

小学信息技术西交大五(下)第8课：网页添加多媒体(教案)

第八课网页添加多媒体教学目标：1.学会在网页中插入背景音乐，并能够正确设置音乐的播放方式；2.掌握如何在网页中插入与网页主题相符的视频文件；3.理解不同视图模式下网页的不同效果和区别；4.通过自主学习和实践，激发学生在积极、主动气氛中的学习兴趣，培养学生探究意识和创新能力。

教学重难点：在网页中插入背景音乐，正确设置音乐的播放方式。

教学难点：在网页中插入视频文件。

课前准备：计算机网络教室、教学课件课时安排：1课时教学过程：一、导入：打开一个静态网页和添加有多媒体效果的网页，请学生比较两者带来的不同感受。

师生共同分析，并进行总结：在网页中插入背景音乐，会使网页更具有感染力。

二、新授：1.插入音乐并设置播放方式：你准备了哪首乐曲作为网页的背景音乐？能不能让背景音乐连续循环播放？出示任务：自学P37,尝试将准备好的背景音乐插入到网页中。

学生参照教材内容自学，完成任务。

学生完成任务后，展示学生作品，并请学生演示操作方法：①在页面上单击右键，选择“网页属性”选项；②单击选择“浏览”按钮，选择背景音乐文件保存的路径；③选中背景音乐文件，单击“打开”按钮；④单击“确定”按钮。

观察：什么格式的音乐可以插入到网页中？有没有大家熟悉的MP3格式？为什么？小组间交流。

2.插入视频你给网页准备了什么视频文件？是什么格式的文件？存放在哪个文件夹中？尝试利用“插入—图片—视频”的方式插入视频文件。

学生操作，小组间互相交流插入方式以及解决插入视频过程中遇到的问题。

展示学生作品，分组演示操作过程，小结插入方法以及容易出现的问题。

小提示：用在页面上的视频，不宜过大，否则会影响网络的传输速度。

3.不同视图模式我们制作的网页，当其他人要查看时，要用浏览器来进行浏览，那么我们的网页显示在浏览器中是什么样子呢？①“预览”视图模式学生选择“预览”视图，观察效果。

想一想：如果有不满意的地方，在“预览”视图模式下能修改吗？②“普通”视图模式学生选择“普通”视图，修改不满意的地方。

多媒体与网页特效讲义课件(ppt 60页)

多媒体与网页特效讲义课件(ppt 60页)
2. 应用行为
在Dreamwaever中，对行为的添加和控制主要通过【行为】面板来实现。
执行“窗口”→“行为”菜单命令，打开行为面板，如图13-15所示。
在行为面板上可以进行如下操作：
13.2.1 行为基础知识
一般说来，动态网页是通过编写脚本代码来实现用户与页 面的简单交互的。但是编写脚本既复杂又专业需要专门学习， 而Dreamweaver提供的“行为”的机制，虽然行为也是基于 JaveScript来实现动态网页和交互的，但却不需书写任何代码。 在可视化环境中按几个按钮，填几个选项就可以实现丰富的 动态页面效果，实现人与页面的简单交互。 行为是事件与动作的彼此结合。例如，当鼠标移动到网页的 图片上方时，图片高亮显示，此时的鼠标移动称为时间，图 片的变化称为动作，一般的行为都是要有事件来激活动作。 动作时由预先写好的能够执行某种任务的JavaScript代码组成， 而事件是由浏览器前用户的操作相关，如单击鼠标、鼠标上 滚等。
【样式】用来选择按钮的外观，【按钮文本】用来输入按钮上的文字， 【字体】和【大小】用于设置按钮上文字的字体和大小，字号变大， 按钮并不会跟着改变。
【链接】用于输入按钮的链接，可以是外部链接，也可以是内部链接。
。 【目标】用来设置打开的链接窗口
4. 插入Flash视频
Flash Video即Flash视频，它的后缀名为：.flv，是目前广泛流行的一种 视频文件格式。一般的视频文件：asf、wmv、rm等都需要专门的播放 器来支持视频文件的播放，否则根本无法收看，并且这类文件容量过 大，下载慢，查看也不很流畅。为了解决播放器和容量的问题，可以 将各类视频文件转换成Flash视频文件，即Flv格式。经过编码后的音频 和视频数据，通过Flash Player传送。制作流程：

第5章 PowerPoint

第5章 PowerPoint

32
5.4 设置幻灯片的外观
5.4.1 应用设计模板 5.4.2 配色方案 5.4.3 应用母版
5.4.1 应用设计模板
33
设计模板预先规定好了每张
幻灯片的背景、文字样式、 布局和颜色 “格式”→“幻灯片设计”
5.4.2 配色方案
34
配色方案用于对标题文字、文本内容、背
景等的颜色进行管理 应用配色方案
5.6.2 打包到CD
51
将演示文稿及演示文稿播放器打包复制到
文件夹，在没有安装PowerPoint的计算机上 播放 “文件”→“打包成CD”
5.6.3 打印
52
“文件”→“打印”
4种“打印内容” 幻灯片：每页打印一张幻灯片 讲义：每页按水平或垂直顺序打印多张幻灯片 备注页：每页打印一张幻灯片及它的备注 大纲视图：只打印幻灯片的大纲（文字部分） “文件”→“打印预览”查看打印效果
4
5.1 PowerPoint 2003概述
5.1.1 PowerPoint 2003的功能 5.1.2 工作界面 5.1.3 视图
5.1.1 PowerPoint 2003的功能
5
快捷制作出各种适应不同需求的演示文稿、
幻灯片及投影胶片，并动态展现出来 演示文稿可以包含文字、图形、图像、图 表、动画、声音、视频等多种对象，并具 有高度交互性 可以在因特网上播放
母版中插入的对象在普通视图下不可编辑 设置母版的背景及占位符和对象的格式、
位置和大小，可以统一修改应用该母版的 幻灯片、备注页或讲义的格式 显示母版视图
“视图”→“母版”→“幻
编辑母版 多数编辑操作与在普通视图下方法相同 插入幻灯片编号和日期

多媒体技术及应用第五章

多媒体技术及应用第五章

/mmt/
第五章 视频处理技术
5.3 会声会影的基本操作——视频编辑实例
5.3.1 会声会影的安装与运行

2. 会声会影9.0的运行
双 击 Windows 桌 面 上 的 会 声 会 影 9 图 标 ， 或 者 打 开
Windows 程 序 组 ， 选 择 “ 开 始 ” |“ 所 有 程 序 ” |“Ulead VideoStudio 9.0”|“会声会影9”命令，即可运行会声会影， 进入会声会影编辑器窗口，如图5-8所示。
/mmt/
5.2.2 计算机与摄像机的连接
2. 计算机与摄像机的连接 (1) 数码摄像机的接口和连线
第五章 视频处理技术
/mmt/
5.2.2 计算机与摄像机的连接
2. 计算机与摄像机的连接 (2) 台式计算机与数码摄像机的连接
第五章 视频处理技术
/mmt/
5.2.2 计算机与摄像机的连接
2. 计算机与摄像机的连接
(3) 笔记本计算机与数码摄像机的连接
第五章 视频处理技术
/mmt/
第五章 视频处理技术
5.2.3 数字视频节目制作过程
1. 编写稿本 2. 准备素材 3. 节目编辑 4. 节目输出
/mmt/
第五章 视频处理技术
3. 数字视频标准
(1) MPEG-1标准 是为了适应在数字存储媒体如CD-ROM上有效地存取广播 视 频 信 号 而 制 定 的 。 CD-ROM 驱 动 器的 数 据 传 输 率 不 会 低 于 150KB/s，容量不会低于650MB，压缩比可高达1∶200。VCD采 用的这种标准。 (2) MPEG-2标准 对MPEG-1标准进行了扩充。MPEG-2能使图像恢复到广播 级质量，高清晰视频光盘DVD就是采用的这种标准。

网页中插入多媒体

网页中插入多媒体

图 6.2 定位光标
6.1 插入Flash动画 插入动画
2. 单击【插入】→【媒体】→【Flash】选项，如图6.2所示.，弹出“选 择文件”对话框，在其中选择要打开的Flash动画文件，如图6.3所示，这 里选择06/meitifiles/flash1.swf文件。
图 6. 3 插入Flash
图 6.9 “设计视图”中的Flash文本
图 6.10 浏览器中的Flash文本
6.1 插入Flash动画 技巧2： 插入Flash按钮的方法
1.将光标定位到单元格中，如图6.11所示。
2.单击【插入】→【媒体】→【Flash按钮】选项，弹出“插入Flash 按钮”对话框，并在其中进行设置，如图6.12所示。
图 6.20 选择视频文件
6.3 插入视频 插入视频
3.单击“确定”按钮，并调整到适当大小，插入后的视频文件如图 6.21所示，保存文件并预览，效果如图6.22所示。
图 6.21 “设计视图”中的视频文件
图 6.22 浏览器中的视频文件
6.3 插入视频 播放控制
在网页中插入的多媒体文件，在默认的情况下，打开网页会直接
常用“Flash元素”参数
bgColor 指定背景颜色。
frameColor 指定图像边框的颜色。将 frameShow 参数设置为 “Yes”可显示边框。
frameShow 指示每个图像四周是否显示边框。 frameThickness 指定每个图像四周边框的宽度，以像素为单 位。 captionColor 指定 imageCaptions 中包含的图像题注的颜色。 captionFont 指定 imageCaptions 中包含的图像题注的字体。
光标位置

计算机系统结构多媒体教程课件_第五章 多处理机系统2

计算机系统结构多媒体教程课件_第五章 多处理机系统2
• 这是顺序处理的典型算法，共需三个乘一加 循环，六级运算，见图5-37（b）所示。它 对于多处理并不合适，而采用前一式算法更 加有效，只需四级运算即可，见图5-37（a） 所示。 • 图中P为所需处理机数目；Tp为运算级数； Sp为加速度，Sp=T1/Tp；EP=Sp/P。可见， Sp>1，即运算的加速总是伴随着效率的降低。
2013-8-31 4
一、问题由来
• 当每个处理机都有自己专用的cache时， 系统效率提高，但产生cache不一致问题。
2013-8-31
5
1、共享可写数据引起的不一致
2013-8-31
6
2、进程迁移引起数据不一致
2013-8-31
7
2、进程迁移引起数据不一致
• P1、p2都有共享数据X拷贝，p2修改了X，并 采用写通过策略，同时修改内存中的X。当该 进程迁移到P1上，这时P1中仍然是X。
目录表法： （非总线结构）
主存设置目录表〈数据块地址，指示器、标志 位〉，某PE写Cache时，通知指示器中的PE处理。
2013-8-31 13
5.3.4 多处理机系统的特点
1.结构灵活性 • 相比并行处理机的专用性，多处理机系 统是要把能并行处理的任务、数组，以 及标量都进行并行处理，有较强的通用 性。因此多处理机系统要能适应更多样 化的算法，具有更灵活的结构，以实现 各种复杂的机间互联模式。
2013-8-31 14
ห้องสมุดไป่ตู้
多处理机系统的特点(cont.)
2.程序并行性 • 在多处理机中，并行性存在于指令外部， 即表现在多任务之间。为充分发挥系统 通用性的优点，便要利用多种途径：算 法、程序语言、编译、操作系统以至指 令、硬件等，尽量挖掘各种潜在的并行 性。

多媒体网页制作.ppt

Acrobat Reader
/acrobat
Flash
/
加入音效
以超連結方式加入：
以新視窗開啟輔助程式播放。 <A HREF = “音效檔URL”>說明文字</A> 範例
在文件中嵌入音效：
將音樂播放程式嵌入到網頁中。 <EMBED SRC=“音效檔URL”> <NOEMBED>說明文字</NOEMBED> 範例
製作分割視窗的檔案數為視窗數加一。 製作分割視窗：
<FRAMESET> </FRAMESET>
<FRAME SRC=“網頁名稱”>
幾種網頁輔助程式簡介：
Windows Media Player
/taiwan/download/CHTdownload.htm
QuickTime
/
RealOne Player

視覺效果的加強
自動切換網頁
使用<META>標籤：
http-equiv: 設定為 refresh，代表重新載入網頁。 Content: 設定經過多久時間重讀網頁，單位為秒。 URL: content中的屬性，設定要載入的網頁之URL。 範例
視覺效果的加強
Internet Explorer 的網頁切換特效
使用<META>標籤：
http-equiv: 事件種類，如page-enter、page-exit、siteenter、site-exit。
Content: RevealTrans(Duration=秒數, Transition=效果 代碼)。
範例
彩色的網頁
色彩的指定方式：
使用 RGB 16 進位表示法。

第五章多媒体应用基础


5.1 多媒体技术概述
5.1.1 多媒体技术及其主要特性 5.1.2 多媒体技术发展简史和发展趋势 5.1.3 多媒体的关键技术 5.1.4 多媒体技术的应用
5.1.1 多媒体技术及其主要特性
1. 媒体
媒体一词源于英文Medium，它是指人 们用于传播和表示各种信息的载体，是人 与人之间实现信息交流的中介，如文本、 声音、图形、图像等。计算机能处理的这 些媒体信息从时效性上又可分为两大类： 静态媒体——包括文字、图形、图像；时 变媒体—包括声音、动画、视频（活动影 像）。
1. 多媒体技术的发展简史 (1)
(1)初始发展阶段

在人类发展过程中，报纸可能是第一种重要的大众性通信介
质，它主要使用文字内容，也使用图形和图像。

1595年，俄罗斯亚·斯·波波夫和意大利工程师马可尼
（Gugliemo Marconi）分别在俄罗斯和意大利独立地实现了第一
次无线电传输。稍后，到了1901年12月，马可尼又完成跨越大西
洋、距离为3700公里的无线电越洋通讯。无线电最初作为电报被
发明，现在成了最主要的音频广播介质。

电视是20世纪出现的新媒介，它带来了视频，并从此改变了
群体通信世界。

多媒体技术的一些概念和方法，起源于20世纪60年代。1965
年，纳尔逊（Ted Nelson）为计算机上处理文本文件提出了一种
把文本中遇到的相关文本组织在一起的方法，并为这种方法杜撰
２.多媒体技术的发展趋势
现在多媒体技术及应用正在向更深层次发展。下一代用户界面，基于内 容的多媒体信息检索，保证服务质量的多媒体全光通信网，基于高速互联网 的新一代分布式多媒体信息系统等等，多媒体技术和它的应用正在迅速发展， 新的技术、新的应用、新的系统不断涌现。从多媒体应用方面看，有以下几 个发展趋势：

大学计算机基础_第5章多媒体技术基础


是目前最不失真的图像压缩格式 。
5.2.3 数字视频及处理
模拟视频信号
视频信号分模拟视频信号和数字视频信号两种。 模拟视频信号 ——就是常见的电视信号，采用模拟方式对图像 进行还原处理，这种图像被称为视频模拟图像。
5.2.3 数字视频及处理
模拟视频标准目前有三种
NTSC（美国国家电视标准委员会）制式：(美国、
5.2.2 数字图像及处理
图形图像中常用的基本概念 常见的色彩模式
RGB模式（RGB（x,y,z)函数）：由X(Red)、
Y(Green)、Z(B1ue)三种基本颜色光按不同比
例相配而成 ，取值范围：0～255。加色法
CMYK模式—印刷时用的四种色彩。C代表青 色，M代表洋红色，Y代表黄色，K代表黑色。 减色法
日本等采用 )
PAL（隔行倒相）制式（中国、英国等采用）
SECAM制式 ：(法国、俄罗斯等采用 )
各种制式的特点各有不同，如：帧频(场频)的不 同、分解率的不同、信号带宽以及载频的不同、色 彩空间的转换关系的不同等 。
5.2.3 数字视频及处理
视频信号数字化
模拟电视信号的数字化 ——就是将模拟信号表示的视频信息用数字表
媒体的处理和加工过程。
多媒体技术主要包括以下三个方面：
多媒体信息处理技术
多媒体存储技术
多媒体通信技术。
5.1.2多媒体技术的特征
多媒体技术的4个基本特征
交互性 ——是指用户可以与计算机的多种信息媒体进行 交互操作，从而 为用户提供更加有效地控制和使 用信息的手段。 交互性是多媒体技术的特色之一，是关键特征。 复合性（多样性） ——是指计算机所能处理的信息媒体的种类或范 围扩大，不仅仅局限于原来的数据、文本或单一 的语音、图像。

11.1 网页中多媒体应用.ppt

动Dreamweaver CS6，选择菜单栏中“插 入”→“媒体”→“FLV”命令，如图所示。
11.1 插入FLV视频
第2步：弹出“插入flv”对话框，如图所示。
11.1 插入FLV视频
第3步：单击“浏览”按钮，浏览选择要插入的视频文件，单 击“确定”按钮。 第4步：完成文件插入，保存文档，点击工具栏上的预览按钮 或按键盘上的“F12”键，即可在浏览器中预览到添加的FLV 效果。
11.1 插入Java Applet
第1步：首先打开网页，并将插入点放置在需要插入Java Applet程序的位置，如图所示。
11.1 插入Java Applet
第2步：然后选择“插入”→“媒体”→“Applet”菜单命令， 系统会自动弹出“选择文件”对话框。在对话框中选择要插入 的文件，单击“确定”按钮，最后在“属性”面板中将Java Applet显示的宽高分别设置为480、400，属性设置及显示结果 分别如图所示。
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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>
当dynsrc属性指向一个音频文件时，src属性失去 作用，图片就不可见；
属性start定义文件播放方式，start=表示打开文 件时播放视频，start=mouseover表示鼠标移动 到播放区时开始播放；
5.2.2 标签<IMG>的属性dynsrc嵌入视频
属性height和width表示播放视频界面的高度和宽 度
Real Alternative是从RealOne Player中提取出 来的解码包，安装解码包之后，可以在不安装 RealOne Player或RealPlayer播放器的情况下播 放Real格式的音频、视频文件。
5.2.1 标签<EMBED>嵌入视频
<html> <head> <title>rm视频</title> </head> <body> <embed src="music/dk1.rm" type="audio/x-pn-realaudio-plugin" width="176" height= "132" controls="ImageWindow" console="cons"> </embed> </body> </htmlgt;的属性dynsrc嵌入视频
标签<IMG>的属性dynsrc可以嵌入多种音频和视 频，例如，WAV格式、AVI格式、MP3格式等等。
其中属性dynsrc表示嵌入视频的文件路径信息， 可以是相对路径也可以是绝对路径；
属性src表示图片路径信息，该属性表示视频在下 载时，暂时用图片代替视频显示在播放窗口。
5.2 网页中嵌入视频
网页中可以嵌入多种格式视频文件，随着网 络带宽的不断提高，在线方式播放视频成为 网站主要功能之一。
5.2.1 标签<EMBED>嵌入视频
使用<EMBED>标签嵌入rm格式的视频，在嵌入 视频之前首先要安装相应的插件，或者安装相应的 播放器。
Rm格式是RealNetworks公司制定的网络音频/视 频格式，用RealPlayer或RealOne Player播放器 可以实现在线播放，并且根据网络带宽调整压缩比， 在低速网络上实现视频影像实时传送和播放。
<html> <head> <title>视频</title> </head> <body> <img dynsrc="播放视频文件路径" src="images/Garden.jpg" start="mouseover" loop="-1" width="500" height="400" alt=""> </body> </html>
属性controls表示在视频窗口显示播放控制条 属性loop表示视频的播放次数 属性值是正整数或-1，属性值为-1表示视频反复播
放
属性loopdelay表示视频延时播放时间，单位为毫 秒数；
属性hspace和 vspace分别表示视频播放窗口距 离左边和上边的页面空白大小。
5.2.2 标签<IMG>的属性dynsrc嵌入视频
第五章 网页添加多媒体
在网页中添加文字、图像、音乐和视频等多 媒体对象可以增强网页的视觉效果，使用 Dreamweaver添加多媒体对象简单、方便， 并可以通过属性面板对多媒体对象的属性进 行修改。
使用Dreamweaver添加对媒体对象时，选 择菜单栏的【插入】菜单，在弹出下拉菜单 中选择插入的对象，完成对象相关属性设置， 即可在页面中插入多媒体对象。
5.1.2 使用<EMBED>标签
HTML语言使用标签<EMBED>嵌入多媒体对象，可以将主流 音乐格式的文件嵌入到网页中，例如，MID格式、MP3格式等。
其中标签<EMBED>的属性src表示音乐文件路径信息，可以 是相对路径也可以是绝对路径；
属性width和height表示音乐播放界面的宽和高； 属性 autostart表示开启自动播放功能，autostart=true表示
5.3 使用<OBJECT>标签嵌入媒体对象
HTML语言中<OBJECT>标签可以在网页中嵌入 各种多媒体对象，例如，Flash动画、视频、音频、 ActiveX控件等。