复旦大学：《计算机网络与网页制作》课程PPT教学课件（讲稿）14 添加动画、视频和声音

计算机网络与网页制作 Chapter14:添加动画、视频和声音 复旦大学计算机学院 肖川 xiao@fudan edu cn 1

计算机网络与网页制作 Chapter 14：添加动画、视频和声音 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1

目标 *插入动画内容 *使用“资源”面板 *理解插件 *为网页添加视频和声音

目标  插入动画内容  使用“资源”面板  理解插件  为网页添加视频和声音 2

准备工作 *将多媒体文件(视频、音频、动画)放到站点 文件夹的子文件夹“ assets”内。 E DreamWeaverCS5\lesson08\assets a asset 组织·回放·全部放刻录新建文件夹 ☆ 收夹 下载 桌面 最近访问的位置 q睡F . mpg ring. mp3 sidebar ad. swf 词库 器视须 国文档 phone. mpg 高度:288 数据速率:1116kbp5 电影剪辑 总比符率:1340kbps 长度:00:00:44 修改日期:2004/9/1017:36 创建日期:20127/251944 速率:25帧秒

准备工作  将多媒体文件(视频、音频、动画)放到站点 文件夹的子文件夹“assets”内。 3

1插入Fas动画(sWf *定位光标,在面板“资源”内选中要添加的SwW文件,再 单击“插入”按钮 *手工调整动画的宽和高。 「文件资原 SF:⊙站点◎收藏 Nw称大小类型完整路径 v sidebar_ad swf 4KB Sn fassets/sidebar ad swi c插入 c区◆

1. 插入Flash动画(swf)  定位光标，在面板“资源”内选中要添加的swf文件，再 单击“插入”按钮。  手工调整动画的宽和高。 4

修改动画的属性 SWF. 4K 宽()50 文件① i debar ad swf 母背景颜色 类C)无 高0)40原文件③) 回循环 垂直边距Q 品质Q)品 对齐默认值 播放 回自动播放①水平边距) 比例) d08)不透明 「代码折分设计实时代码同刻时视图检C标题新大陆手机商城 新大陆于和問 首页:产品:服务:关 今日推荐 SYF FlashED a 在目前双核处理器已经在手机产品当中逐渐普及 单核处理器 体运算速度,游戏性能上面的表 生能的朋友 荐一台双核 Android手机,如果是资深玩家或是性能控 定不要错过。 9精普2桃,仅天计 的性能 令人艳羡 的 Super AMOLED屏幕也 三星9100的机身厚度仅有8.49毫米,而优秀的机身做工也是带来了细腻的手感 主流的 使其在视觉和质感方面都表现时尚大气。屏幕方面 最新的 er AMOLED Plus材质,显示效果比900更加细腻,屏幕也放大到4.3英寸 降价信息! WvGA(480x800) 三星9100使用了 Android2.3姜饼操作系统 的 Orion双核处理器 您知道吗?们歌力干健我的机 和4 GB ROI 和设备。我们与供应商之间的 前置的200像素摄像头,i9100 使我们能够提供最低的产品价格。 支持1080p高清视频拍摄。此外,蓋牙、GPS、WFi 都具备 abody> ieet#lashIDX ②Q100、90x50610/3秒 Unicode (UTF

修改动画的属性 5

保存页面时“确认 复制相关文件 臣铿瞿踏这要楼室熊空件已夏制到本地站点要使相应象或行为 Scripts/expressInstall swf Scripts/swfobject_modified. js 确定 6

保存页面时“确认” 6

2添加Fash视频(fly *用Fash视频代替页面内的手机图片。为了重用图 片的文字环绕样式,记住|D为 recommend。 「代码分设计刻时代码!模图检直6.C标题新大陆手机 新大陆手机商城 务:关于我们:联系我们 今日推荐 逐渐普及,相比 薄身材,而且配备了 Android23系统,而且4.3英寸的 Super AMOLED屏幕也 三是19机身度有849米,而优秀的 细腻的手感 次大到4.英寸 降价信息! 属性 您知道吗?我们致力于使我们的客 n双核处理器 月有来自世界各地的 图像24宽)140源文件() images13100jp e 9 1003 980 x 500 110 K/3 B Unicode OTTP-8) ID recommend 高0)83链接)

2. 添加Flash视频(flv)  用Flash视频代替页面内的手机图片。为了重用图 片的文字环绕样式，记住ID为recommend。 7

插入Fash视频 *删除图片,定位光标,菜单插入>>媒体>>FLV 插入FV 视频类型累进式下载视频 确定删 取消 UR4taay(浏览。」 帮助 (输入FLV文件的相对或绝对路径) 外观: Corona Skin3(最小宽度258) 宽度:512回制高宽比(检测大小 高度:288 包括外观:512×288 回自动播放 □白动重新播放 ①要看视频,请在浏览器中预页面

插入Flash视频  删除图片，定位光标，菜单插入>>媒体>>FLV。 8

修改 flash视频属性 30D回限制高比(重置]文件t4 Recommend H170 包括外观:300x170 外观 Corona skin3(最小宽度:258) 自动播放 文件()后[)查召)收藏夹(A)工月①帮什0 转换E选择 新大陆手机商城 首页产品服务关于我们联系我们 今日推荐 此页面上的内容需要较新版本的 Adobe Flash Playe 在目前双核处理器已经在手机产品 当中逐渐普及,相比单核处理器, 双核在整体运算速度,游戏性能上 面的表现都更加出色,所以追求性能的朋友,往往会在更换手机的时候选择双核处理器 的产品。今天我们就为大家推荐一台双核 Android手机,如果是资深玩家或是性能控一定 不要错过。 价信息! 星i9100是目前主流的双核 Android强机,它不仅拥有出色的性能,令人艳羡的轻薄身 您知道吗?我们致力于使我们的客户拥有 材,而且配备了 Android2.3系统,而且4.3英寸的 Super AMOLED屏幕也比较给力。 自世界各地的最高品质的手机和设备 三星9100的机身厚度仅有849毫米,而优秀的机身做工也是带来了细膩的手感,该机 我们与供应商之间的关系,使我们能够提

修改flash视频属性 9

3.插入影片视频mpg *用影片视频代替页面内的手机图片。为了重用图 片的文字环绕样式,记住|D为 recommend。 「代码分设计刻时代码!模图检直6.C标题新大陆手机 新大陆手机商城 务:关于我们:联系我们 今日推荐 资讯导购 Phone 4 基亚C5-03 最需造表的没心:高拥计钟热A量」阵价信息 您知道吗?我 三是19机身度有849米,而优秀的 细腻的手感 属性 双核处理器 图像24宽)140源文件() images13100jp 闻Q1090x50084/2秒hd厅) ID recommend 高0)83链接)

3. 插入影片视频(mpg)  用影片视频代替页面内的手机图片。为了重用图 片的文字环绕样式，记住ID为recommend。 10