第六章：图像和多媒体对象.ppt

《第六章：图像和多媒体对象.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作-----李茂第六章：图像和多媒体对象本章要点：1、用于网页的图像及多媒体文件格式2、插入及编辑图像文件3、插入Flash对象4、插入其他音/视频对象图像和多媒体对象是丰富网页内容、增添网页色彩和吸引浏览者注意力的有力手段，在网页中不但可以插入多种格式、多种形式的图片和多种类型的动画，还可以插入视频、音频等各种多媒体元素。本章主要介绍在网页中使用图像和多媒体对象的知识，使大家可以了解用于网页的图像及多媒体文件格式，并掌握在网页中使用图像、Flash对象、Shockwave电影、音频、视频等各种多媒体对象的方法。6.1、用于网页的图像

2、及多媒体文件格式：6.1.1.网页图像格式GIF格式GIF即图形交换格式，最多使用256种颜色，适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像。GIF采用的是LZW压缩格式，能够有效的研所文件大小，有利于缩短网页传输时间。JPEG格式JPEG格式即联合图像专家组格式，是用于摄影或连续色调图案的高级格式，这是因为JPEG文件可以包含数百万种颜色。随着JPEG文件品质的提高，文件的大小和下载时间也会随之增加。通常可以通过压缩JPEG文件在图像品质和文件大小之间达到良好的平衡。PNG格式PNG格

3、式即可移植网络图形格式，是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像及alpha通道透明的支持。PNG文件可保留所有原始层、矢量、颜色和效果信息（如阴影），并且在任何时候所有元素都是完全可以编辑的。此类文件必须有.png扩展名才能被Dreamweaver识别为PNG文件。6.1、用于网页的图像及多媒体文件格式：6.1.2.网页音频格式MIDI（乐器数字接口）格式WAV（Waveform扩展名）格式AIF（音频交换文件格式，或AIFF）格式MP3（运动图像专家组音频即MPEG音频层3）格式RA、RAM、RPM格式QTM

4、、MOV格式6.1.3.网页视频格式QuickTime视频影像文件ActiceX插件6.1.4.网页动画GIF动画Flash动画6.2.1.插入图像选择【插入】

5、【图像】命令，弹出【选择图像源文件】对话框，在【选取文件名自】选项组中选择图像文件的来源，然后选择所需的文件。6.2、插入及编辑图像文件6.2、插入及编辑图像文件6.2.2.设置图像属性可以在图像的属性检查器中设置图像的属性。当选择网页中的一幅图像时，在属性检查器上将反映该图像的属性6.2、插入及编辑图像文件6.2.3.使用图像占位符选择【插入】

6、【图像占位符】命令，弹出【图像占位符】对

7、话框，为图像占位符设置大小和颜色，并指定文本标签，然后单击【确定】按钮。在文档窗口中双击图像占位符，或者单击图像占位符，然后在属性检查器中单击【源文件】文本框旁边的文件夹图标，弹出【选择图像源文件】对话框，选择要用于替换图像占位符的图像。单击【确定】按钮后，选定图像即出现在文档中。6.2、插入及编辑图像文件6.2.4.图文混排在Dreamweaver中，插入的图像被视为一般字符。因此在插入图像时，图像将夹在文字之间，好像是一个放大后的文字，而且与上面一行文字空出相当大的距离。通过设置该图像相对于同一段落或行中的其他元素的对齐方式可以调整图像与其他

8、对象之间的关系。选择所需图像后，可在图像属性检查器中的【对齐】下拉列表框中选择要使用的垂直对齐方式；使用对齐按钮调整图像与其他元素的水平对齐方式。6.2.5.插入鼠标经过图像选择【插入】

9、【图像对象】

10、【鼠标经过图像】命令，弹出【插入鼠标经过图像】对话框，设置所需的选项，然后单击【确定】按钮。6.2、插入及编辑图像文件6.2.6.插入网页背景图像选择【修改】

11、【页面属性】命令，弹出【页面属性】对话框，单击【背景图像】选项右侧的【浏览】按钮，在弹出的对话框中选择所需的图片，然后单击【确定】按钮。如果背景图像没有填满整个窗口，Dreamweaver会

12、平铺（重复）背景图像。6.2、插入及编辑图像文件6.2.7.调整图像大小（1）调整元素的宽度：拖动右侧的选择控制柄。（2）调整元素的高度：拖动底部的选择控制柄。（3）同时调整元素的宽度和高度：拖动顶角的选择控制点。（4）在调整元素尺寸时保持元素的比例（其宽高比）：按住Shift键拖动顶角的选择控制柄。裁剪图像选择要裁剪的图像，并单击图像属性检查器中的【裁剪】按钮，或者选择【修改】

13、【图像】

14、【裁剪】命令。6.2、插入及编辑图像文件编辑图像调整图像亮度和对比度选择图像后，可单击图像属性检查器中的【亮度和对比度】按钮，或者选择【修改】

15、【图像】

16、【亮

17、度/对比度】命令，弹出【亮度/对比度】对话框，拖动【亮度】和【对比度】滑块。6.2、插入及编辑图像文件锐化图像选择图像后，单击图像属性检