网站建立与构建第4课多媒体与Web建立.pptVIP

概 述 多媒体网站的重要性 多媒体Web设计原则 动画与Web设计 视频与Web设计 音频与Web设计 多媒体需要考虑的问题 多媒体重要性 多媒体重要性 – 续 2.多媒体Web设计原则 3.动画与Web设计 动画是由一系列静态画面连续地播放形成的，每个动画页面称为帧(Frame)，一秒钟动画所包含的帧数称为帧速率(fps)，计算机上的动画一般达到15fps时，播放就已经很流畅了。(录像带帧速率：30fps；电影帧速率：24fps) 动画是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。 通过动画可以把抽象的内容形象化，使许多难以理解的内容变得生动有趣。 确保动画和内容紧密关联，网页应该浑然一体，切忌Web动画是一个孤立个体，合理使用动画可以达到事半功倍的效果。 4.最常使用的基本动画类型 GIF动画：对GIF 图形格式的一种扩展，有多幅静态GIF图片组合而成，它制作简单，并得到了浏览器的广泛支持。 JavaScript 或VBScript 创建动画：这些作为客户端使用的脚本语言，使用时不需要服务器任何形式的介入，并且可使用浏览器支持的各种图像格式。 翻转动画(Rollovers)：翻转动画主要用于按扭、图像或者网页上的其他指定区域，当用户鼠标滑过时触发动作，翻转动画通常用于导航元素，它们给用户创建交互事件，也可以是一个超级链接。 Flash动画：在使用时还需要下载Flash插件。Adobe Flash现在已是Web动画的事实工业标准。 5.常见的动画设计效果 ①条幅信息循环水平滚动播出 ②新闻通知等标示色彩图案交替显示(跳动与闪动) ③纵向滚动新闻通知的标题超链接信息 ④沿某一定轨迹运动的悬浮通知 ⑤多幅新闻照片或风光照片的循环切换 ⑥某些元素的色彩循环动画 ⑦元素的缓慢旋转，旋转结束标示网页或图片等下载完成 ⑧元素的闪烁、淡入、淡出、爆炸与组合 ⑨图像之间的过渡与变形 ⑩子导航的弹出以及与主题相关的Flash动画 6.视频与Web设计 Web视频具有时序性与丰富的信息内涵，常用于交待事物的发展过程，视频类似于电影和电视，有声有色，在多媒体中充当起重要的角色。 Web视频是一个正在发展和非常有前途的技术，但现在频带还不足够的宽，因此，Web视频的品质很低，实时播放使用的还是比较少。 Web视频现在一般分辨率低、像素少、帧速率低、尺寸小，观看Web视频的品质比有限电视差很多，比电影的品质就更差了。 电影的品质是Web视频追求的目标。 实时直播主要有视频会议、远程教育、视频聊天、视频电话、Web TV直播、Web 电影直播、Web监控视频、电视台Web直播等； 录像点播或下载播放主要有Web电影点播、Web电视点播、广告小视频、录制节目点播等等。 6.视频与Web设计：Web嵌入视频播放 – 续1 6.视频与Web设计：Web视频客户端播放软件，例如PPStream、PPLive和PPMate、TVAnts等 – 续2 7.视频文件的几个主要格式 AVI格式(.avi)：Microsoft公司开发的一种符合RIFF文件规范的数字音频与视频文件格式。视音频交错同步播放，支持256色和RLE压缩，但并未限定压缩标准，因此，兼容性差，文件较大，不同压缩算法生成的AVI文件，必须使用相应的解压缩算法才能播放出来。 QuickTime格式(.mov、.qt)：Apple计算机公司开发的一种音频、视频文件格式，QuickTime文件格式支持25位彩色，支持RLE、JPEG等领先的集成压缩技术，提供150多种视频效果，并配有提供了200多种MIDI兼容音响和设备的声音装置。可以观察某一地点周围360度的景像，或者从空间任何角度观察某一物体。 7.视频文件的几个主要格式 – 续1 MPEG格式(.MPEG/.MPG/.DAT) ：MPEG文件格式是运动图像压缩算法的国际标准，它包括 MPEG-1，MPEG-2，MPEG-3和MPEG-4，几乎所有的计算机平台共同支持，其压缩效率非常高，同时图像和音响的质量也非常好。 MPG-1，1.5 Mbps，VCD是MPEG1其中的一个标准。MPEG-1 标准最常见的实现媒体以每秒 30 帧 (30 fps) 的速度提供 352x240 的视频分辨率。 MPEG-2，DVD，HDTV（高清晰电视广播）。MPEG-2 的压缩算法压缩一部120分钟长的电影可以到压缩到4到8GB的大小，图象质量要比MPEG-1高。 MPEG-3(.MP3)，此标准也是从早期的 MPEG 工作的基础上发展而来的。它是一种音频压缩技术，是 MPEG-1 和 MPEG-2 规范的一部分。 MPEG-4(.MP4)具有优于MPEG-2两倍的音视频编解码能力。特