5图像和多媒体.ppt

* 5.1??网页中的图像格式 5.2??设置图像效果 5.5.1??制作图像描边效果 5.5.2??制作图文混排效果 5.5.3??给图片增加提示 5.5.4??建立图像热区 5.5.5??图像边距的设置 5.3??编辑图像 5.3.1??设置图像的尺寸 5.3.2??图像的外部编辑器 5.3.3??裁剪图像 第 5 章 图像与多媒体 5.3.4??调节图像亮度和对比度 5.3.5??锐化 5.4??添加多媒体 5.4.1??使Flash背景透明 5.4.2??插入动画文字 5.4.3??插入Flash按钮 5.4.4??添加更多媒体类型 5.5??图像和多媒体应用技巧 5.5.1??高速下载图像解决方案 5.5.2??设置网页蓝图 5.5.3??制作播放RM格式网页5.6??习题与上机操作 ◆?插入图像和Image Objects ◆?设置图像的属性 ◆?图像编辑 ◆?添加多媒体及参数设置 ◆?图像和多媒体应用技巧 教学进程 本章要点： GIF图像格式 5.1 网页中的图像格式 GIF格式是由Compuserve公司提出的与设备无关的图像存储标准，也是Web上使用最早、应用最广泛的图像格式。 教学进程 1 它是通过减少组成图像的每个像素的储存位数和LZH压缩存储技术来减少图像文件的大小。 GIF格式最多只能是256色的图像，具有图像文件短小、下载速度快等特点。 低颜色数下的GIF图比JPEG图装载得更快，可用许多具有同样大小的图像文件组成动画，在GIF图像中可指定透明区域，使图像具有非同一般的显示效果。 JPEG图像格式 5.1 网页中的图像格式 JPEG格式是目前互联网中最受欢迎的图像格式，可支持多达16M颜色。 教学进程 2 它能展现十分丰富生动的图像，还能压缩。但压缩方式是以损失图像质量为代价，压缩比越高图像质量损失越大，图像文件也就越小。 一般情况下，同一图像的BMP格式的大小是JPEG格式的5至10倍，而GIF格式最多只能是256色，因此载入256色以上图像的JPEG格式就成了互联网中最受欢迎的图像格式。 网页中的图像格式一般以GIF为主，如果涉及到照片类似的图像，则选择JPEG格式。 5.2 设置图像效果 5.2.1 制作图像描边效果 教学进程 选中图像，在【属性】面板的【边框】文本框中输入数字，可以看到编辑文档中的图像就有边框了，按F12键看一下预览效果 ● 制作方法 5.2 设置图像效果 5.2.2 制作图文混排效果 教学进程 选中该图像，在【属性】面板上，单击【对齐】下拉菜单中的需要的命令。 ● 制作方法 或者用鼠标右键单击它，在弹出的快捷菜单中执行【对齐】下的命令。 为了使图像与文字之间空开一些距离，可以设置【垂直边距】和【水平边距】的值 5.2 设置图像效果 5.2.3 给图片增加提示 教学进程 选中要增加提示的图像 ● 制作方法 在【属性】面板的【替换】文本框中输入提示的内容。 按F12键预览一下效果。当鼠标停留在图像上时，就显示出提示的文字了 5.2 设置图像效果 5.2.4 建立图像热区 教学进程 在【属性】面板中单击 3个按钮，可以在图像上建立3种不同的热点。 ● 方法 5.2 设置图像效果 教学进程 选择其中一个正方形的热点，在【属性】面板中修改各参数。 在【链接】文本框中输入链接地址“”， 在【目标】选项的下拉列表中选择“_blank”， 在【替换】文本框中输入“链接到洪恩在线!”。 ● 举例 5.2.4 建立图像热区 5.2 设置图像效果 教学进程 设置图像边距，可以使图像和表格边框产生一个边距，也会与相邻的文字或者其他图片产生一个边距。有时候设置边距为一个非0的数值可以起到美观的作用。 ● 用途 5.2.5 图像边距的设置 原图效果 添加边距和边框效果 方法一 选中图像，在图像的右侧、底边和右下角会出现黑色的控制手柄，用鼠标拖放控制点，以达到调整图像大小的目的。 1 还可以在【属性】面板中直接修改图像的【宽】和【高】的数值来改变图像的大小。 教学进程 5.3 编辑图像 5.3.1 设置图像的尺寸 方法二 2 5.3.2 图像的外部编辑器 1 在网页中选中图像后，右击鼠标，在弹出的快捷菜单中，选择【编辑方式】命令来对图像进行修改和处理，此处默认的是Fireworks软件，可以自己选择。 教学进程 ● 方 法 （1）选择需