网页制作第五讲.pptVIP

第5章 网页中的多媒体对象 5.1 图像 5.1.1 图像基本知识 5.1.2 插入图像 5.1.3 插入鼠标经过图像 5.2 动画 5.2.1 动画基本知识 5.2.2 插入动画 5.3 音频 5.3.1 音频基本知识 5.3.2 插入音频 5.4 视频 5.4.1 视频基本知识 5.4.2 插入视频 5.1 图像 图像会使网页下载时间大大增加，应控制图像的数量和质量。要使图像具有必须的像素大小，并且采用正确的格式进行优化处理。 在网页中常用的图像格式是GIF和JPG。 5.1.1 图像基本知识 1．矢量图与位图 矢量图不是直接描述图形图像中每个点的信息，而是描述其中所有像素点的产生过程和方法，即用指令集来描述图形。 优点：占空间小、进行各种变形（如缩放、旋转、扭曲）时几乎没有误差产生 缺点：不易精细 位图由描述构成图像中各个像素点颜色属性的数字阵列组成。与位图像素点个数及颜色的复杂度有关。 优点：描述细致，适于场景复杂，色彩丰富并含有大量细节信息的图像。 缺点：占空间大，变形时会产生较大的误差。 5.1.2 插入图像 图像使用单标签img /，格式为： img 属性名=属性值 … / 属性名包括： src（图片文件名及路径）、 alt（图片说明文字）、name（图像名）、 width（宽）、 height（高）、 border（边框宽度）、hspace（左右边缘空白）、 vspace（上下边缘空白）、 align（对齐方式）等，均可在Dreamweaver中面向对象设置。。 5.1.2 插入图像 属性面板 热点：area shape=rect coords=46,32,73,59 href=dw1-1.htm 【例5-1】向网页中插入一幅图像，在其内建立热点，并分别建立超链接。 5.1.3 插入鼠标经过图像 原始图像（Original ） 翻滚图像（Rollover Image），2 幅图片大小一样 【例5-2】插入鼠标经过图像，并为其建立超链接。 步骤：“插入”菜单——“图像对象”——“鼠标经过图像” 【例5-4】执行“命令”菜单——网络相册创建个人相册。 5.2 动画5.2.1 动画基本知识 传统动画就是系列静图（称为帧）的连续播放。现代动画软件实现了插值动画（过渡动画），即仅仅定义关键帧，关键帧之间的帧由系统自动进行插值计算而成 。 从计算机制作动画的方式，将动画分为帧动画、位块动画、实时动画、插值动画、色彩动画和变形动画等。 动画文件的格式主要有以下几种： fli、flc、 mmm 、fla 、swf 、gif等。 5.2.2 插入动画 1. Flash 动画（文件格式：swf） 属性面板：Autoplay、Loop、Quality、Scale（比例）、Play/ Stop、Parameters（输入属性面板中没有的额外参数）。 【例5-5】在网页中插入Flash动画，并将背景设为透明。(wmode —— transparent) （1）“插入”菜单—“媒体”—flash 菜单； （2）插入层，在层中加入flash动画。 （3）设置flash属性参数wmode 为transparent 2. Flash 按钮 1）“插入”菜单—“媒体”—flash 菜单； 2） 3）特别注意：网页文件如果保存在中文目录下，flash按钮不能建立成功！ 【例5-6】 3. Flash 文本。操作步骤与例5-6类似。 5.3.2 插入音频 音频包括背景音乐、解说词和音效。 ActiveX按钮 或插件按钮 都可以插入音频。 从属性面板中的 按钮设置参数: hidden值为true（声音播放器隐藏）。 autostart值为true（网页加载时自动播放）。 【例5-8】在网页中增加背景音乐和解说词。 插件的代码为：embed src=back.mid width=31 height=26 hidden=true autostart=true loop=true/embed ActiveX控件的代码为：object width=208 height=32 …… 背景音乐属性设置：网页文件与音频在一个文件夹 解说词属性设置： 5.4 视频5.4.1 视频基本知识 视频（Video）是由一幅幅单独的图像（称为帧frame）组成的序列，这些画面以24f/s（帧/秒）到30f/s速率连续地投射到屏幕上，而具有图像连续运动的感觉。