网站设计建设-多媒体与Web设计.ppt

* 离散余弦变换是jpeg标准的，你还可以增加jpeg2000的内容，它是以小波变换压缩 * 网 站 设 计 与 建 设Website design and developments 第4章 多媒体与Web设计 第一部分 Web基础知识 4．1 多媒体Web设计原则 多媒体技术不是各种信息媒体的简单组合，它是一种把文本、图形、图像、动画和声音等形式的信息结合在一起，并通过计算机进行综合处理和控制，能支持完成一系列交互式操作的信息技术。 特性：交互性和非线性。 网站使用多媒体应遵守的一般设计原则： ①根据网站主题选择多媒体 ②重视网络带宽，慎用视频 ③网页应避免使用背景音频 ④避免网页使用零乱的动画 ⑤网页中避免使用滚动文本 ⑥网站中避免使用特别插件 例如Flash，Media Player，QuickTime、RealPlay和Shockwave插件等。 ⑦网站拒绝最新最耀眼技术。 ⑧避免网站设计的版权侵害 珍惜Web用户时间-时刻吸引用户 4．2 动画与Web设计 Web动画从简单的动画GIF图像到3D动画以及虚拟环境 合理使用动画可以达到事半功倍的效果 在设计中切不可滥用 动画：利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。 动画是由一系列静态画面连续地播放形成的，每个动画页面称为帧(Frame)，一秒钟动画所包含的帧数称为帧速率(fps)，计算机上的动画一般达到15fps时，播放就已经很流畅了。(DVD帧速率：30fps；电影帧速率：24fps) 最常使用的基本动画类型 ①GIF 动画 有多幅静态GIF图片组合而成， 它制作简单，并得到了浏览器的广泛支持。其原理类似于播放幻灯片。 动画GIF一般用于条幅广告、口号或同一类多幅图片的展示。 但是它的缺点同样突出：没有声音，不能停止播放。 GIF 动画的制作工具有Photoshop，Ulead GIF Animator和GIF Movie Gear等。 ②JavaScript 或VBScript 创建动画 可以使用DOM+CSS改变元素的外观，而通过每隔一段时间调用一次改变元素外观的函数，实现类似Flash的渐类动画。 ③翻转动画(Rollovers) 翻转动画主要用于按扭、图像或者网页上的其他指定区域， 当用户鼠标滑过时触发动作， 翻转动画通常用于导航元素，它们给用户创建交互事件，也可以是一个超级链接。 ④Flash动画 Flash功能强大并且被很多网站使用 需要下载Flash插件。 Adobe Flash现在已是Web动画的事实工业标准，因此Web Flash动画应采用Adobe Flash。2005年Adobe公司并购了Mediamedia公司，Adobe Flash CS3 Professional 是Macromedia Flash的后继产品。 ImageReady 可以将Photoshop的图像操作最优化， 在图像质量不明显削弱的前提下，尽可能地减少文件的体积。 可以通过分割图像自动制作HTML文档 虽然在Photoshop中也可以进行一些基本的切片操作，但无法组合、对齐或分布切片。ImageReady具备专业的切片面板和菜单，其切片编辑功能要比Photoshop更强大 可以制作简单的GIF动画。 但ImageReady不支持CMYK色彩模式，无法进行与印刷相关的图像操作， 它是专门的网络图像处理工具。 例子 常见的动画设计效果主要有： ①条幅信息循环水平滚动播出 ②新闻通知等标示图标色彩图案交替显示(跳动与闪动) ③纵向滚动新闻通知的标题超链接信息 ④沿某一定轨迹运动的悬浮通知 ⑤多幅新闻照片或风光照片的循环切换 ⑥某些元素的色彩循环动画 ⑦元素的缓慢旋转，旋转结束标示网页或图片等下载完成 ⑧元素的闪烁、淡入、淡出、爆炸与组合 ⑨图像之间的过渡与变形 ⑩子导航的弹出以及与主题相关的Flash动画 4．3 视频与Web设计 Web视频一般分辨率低、像素少、帧速率低、尺寸小 自动播放 / 用户启动 <EMBED SRC=“ducks.avi width=145 height=60> 点击播放 <A HREF = “ducks.avi> 1.5 MB AVI Video </A> 视频文件的几个主要格式： ①AVI格式(.avi) 音频视频交错(Audio Video Interleaved) 是计算机上最常见的音频和视频数据格式 Microsoft公司开发的, ,媒体播放器 AVI格式允许视频和音频交错在一起同步播放，支持256色和RLE压缩 AVI文件并未限定压缩标准，因此，AVI文件格式只是作为控制界面上的标准，兼容性差，文件比较大， 用不同压缩算法生成的AVI文件，必须