网站设计与建设-第4章 多媒体与web设计

《网站设计与建设-第4章 多媒体与web设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、普通高等教育“十一五”国家级规划教材重点大学计算机专业系列教材第4章多媒体与Web设计山东大学计算机科学与技术学院《网站设计与建设》普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材概概述述u多媒体网站的重要性u多媒体Web设计原则u动画与Web设计u视频与Web设计u音频与Web设计u多媒体需要考虑的问题山东大学计算机科学与技术学院2普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材1.多媒体重要性u文本、图形、图像、动画和声音等组合为多媒体网站u纯文本Web网站几乎不存在uW

2、eb因为多媒体成为最具活力和吸引力的媒体u多媒体可以补充网站的视觉设计、音调和消息u多媒体的网页会导致网页下载减过慢，造成网站浏览品质下降。u多媒体需要大带宽、浏览器插件或第三方应用程序的支持u多媒体、网站品质、带宽和插件的关系u时间因素：珍惜Web用户时间-时刻吸引用户山东大学计算机科学与技术学院普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材1.多媒体重要性–续山东大学计算机科学与技术学院普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材2.多媒体Web设计原则u根据网站主

3、题选择多媒体u重视网络带宽，慎用视频u网页应避免使用背景音频u避免网页使用零乱的动画u网页中避免使用滚动文本u网站中避免使用特别插件u网站拒绝最新最耀眼技术u避免网站设计的版权侵害u珍惜Web用户时间-时刻吸引用户山东大学计算机科学与技术学院普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材3.动画与Web设计u动画是由一系列静态画面连续地播放形成的，每个动画页面称为帧(Frame)，一秒钟动画所包含的帧数称为帧速率(fps)，计算机上的动画一般达到15fps时，播放就已经很流畅了。(录像带帧速率：30fps

4、；电影帧速率：24fps)u动画是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。u通过动画可以把抽象的内容形象化，使许多难以理解的内容变得生动有趣。u确保动画和内容紧密关联，网页应该浑然一体，切忌Web动画是一个孤立个体，合理使用动画可以达到事半功倍的效果。山东大学计算机科学与技术学院6普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材4.最常使用的基本动画类型uGIF动画：对GIF图形格式的一种扩展，有多幅静态GIF图片组合而成，它制作简单，并

5、得到了浏览器的广泛支持。uJavaScript或VBScript创建动画：这些作为客户端使用的脚本语言，使用时不需要服务器任何形式的介入，并且可使用浏览器支持的各种图像格式。u翻转动画(Rollovers)：翻转动画主要用于按扭、图像或者网页上的其他指定区域，当用户鼠标滑过时触发动作，翻转动画通常用于导航元素，给用户创建交互事件，也可以是一个超级链接。uFlash动画：在使用时还需要下载Flash插件。AdobeFlash现在已是Web动画的事实工业标准。山东大学计算机科学与技术学院7普通高等教育“十一五”国家级规划教材《网站设计与建设》

6、重点大学计算机专业系列教材5.常见的动画设计效果①条幅信息循环水平滚动播出②新闻通知等标示色彩图案交替显示(跳动与闪动)③纵向滚动新闻通知的标题超链接信息④沿某一定轨迹运动的悬浮通知⑤多幅新闻照片或风光照片的循环切换⑥某些元素的色彩循环动画⑦元素的缓慢旋转，旋转结束标示网页或图片等下载完成⑧元素的闪烁、淡入、淡出、爆炸与组合⑨图像之间的过渡与变形⑩子导航的弹出以及与主题相关的Flash动画山东大学计算机科学与技术学院8普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材6.视频与Web设计uWeb视频具有时序性

7、与丰富的信息内涵，常用于交待事物的发展过程，视频类似于电影和电视，有声有色，在多媒体中充当起重要的角色。uWeb视频是一个正在发展和非常有前途的技术，但现在频带还不足够的宽，因此，Web视频的品质很低，实时播放使用的还是比较少。uWeb视频一般分辨率低、像素少、帧速率低、尺寸小，Web视频观看品质比有限电视差很多，比电影的品质就更差了u电影的品质是Web视频追求的目标。u实时直播主要有视频会议、远程教育、视频聊天、视频电话、WebTV直播、Web电影直播、Web监控视频、电视台Web直播等；u录像点播或下载播放主要有Web电影点播、Web

8、电视点播、广告小视频、录制节目点播等等。山东大学计算机科学与技术学院9普通高等教育“十一五”国家级规划教材《网站设计与建设》重点大学计算机专业系列教材6.视频与Web设计：Web嵌入视频播放–