山东大学web技术课程教学ppt4要点.ppt

* * 返回 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 《 网 站 规 划 与 网 页 设 计 》 《 网 站 规 划 与 网 页 设 计 》 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 第4章 多媒体与Web设计 * 多媒体网站的重要性 Web多媒体设计原则 动画与Web设计 视频与Web设计 音频与Web设计 多媒体需要考虑的问题 概 述 多媒体重要性 文本、图形、图像、动画和声音等组合为多媒体网站 纯文本Web网站几乎不存在 Web因为多媒体成为最具活力和吸引力的媒体 多媒体可以补充网站的视觉设计、音调和消息 多媒体的网页会导致网页下载减过慢，造成网站浏览品质下降。 多媒体需要大带宽、浏览器插件或第三方应用程序的支持 多媒体、网站品质、带宽和插件的关系 时间因素：珍惜Web用户时间-时刻吸引用户 多媒体重要性 – 续 2.多媒体Web设计原则 根据网站主题选择多媒体 重视网络带宽，慎用视频 网页应避免使用背景音频 避免网页使用零乱的动画 网页中避免使用滚动文本 网站中避免使用特别插件 网站拒绝必威体育精装版最耀眼技术 避免网站设计的版权侵害 珍惜Web用户时间-时刻吸引用户 * 3.动画与Web设计 动画是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。 动画是由一系列静态画面连续地播放形成的，每个动画页面称为帧(Frame)，一秒钟动画所包含的帧数称为帧速率(fps)，计算机上的动画一般达到15fps时，播放就已经很流畅了。(DVD帧速率：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公司开发的一种数字音频与视频文件格式。视音频交错同步播放，支持256色和RLE压缩，但并未限定压缩标准，因此，兼容性差，文件较大，不同压缩算法生成的AVI文件，必须使用相应的解压缩算法才能播放出来。目前主要应用在多媒体光盘上，用来保存电影、电视等各种影像信息，不适宜Web视频，但有时也出现在Internet上，供用户下载、欣赏新影片的精彩片断。 ASF格式(.ASF)：Microsoft公司推出的ASF高级流格式是一个在Internet上实时传播多媒体