新编网页设计教程Dreamweaver8.Flash8第4章 图像和多媒体.ppt

新编网页设计教程新编网页设计教程Dreamweaver8.Flash8第第4章章 图像和多媒体图像和多媒体4.1 图像图像n4.1.1 图像基础图像基础n4.1.2 插入图像与资源面板插入图像与资源面板n4.1.3 调整图像大小调整图像大小n4.1.4 设置图像对齐方式设置图像对齐方式n4.1.5 设置图像链接与热点设置图像链接与热点n4.1.6 其他属性其他属性4.1.1 图像基础图像基础nBMP（bit map）位图图像也叫做栅格图像，它的每个像素都被分配一个特定位置和颜色值BMP格式图像的显示效果与图像大小（分辨率）有关，即在一定面积的图像上包含有固定数量的像素因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像都会出现锯齿边缘另外由于BMP格式的文件直接存储的是每一个像素点的信息，因此文件一般比较大，在网页设计当中并不多用4.1.1 图像基础图像基础nGIF（Graphic Interchange Format）格式，是经过压缩处理的图像文件，能极大地节省存储空间，因此常用于网页制作中它的最大缺点是最多只能处理256种色彩，不能用于存储真彩色的图像文件。

但是GIF格式支持透明背景，可以较好地与网页背景融合在一起GIF还支持有限的动画，它是一种翻页型的动画因此广泛应用在网页中，主要用于标题或者一些图标类型的图像4.1.1 图像基础图像基础nJPEG（Joint Photographic Experts Group）同样是一种经过压缩处理的图像它是一种有损压缩格式，即与原图相比，JPEG的图像质量有不同程度的下降当将图像保存为JPEG格式时，可以指定图像的品质和压缩级别等级越高图像的质量也越好，而文件也越大n与GIF比较，虽然JPEG是有损压缩，但它支持真彩色，对于照片质量或者连续色调的图像显示效果很好4.1.2 插入图像与资源面板插入图像与资源面板n既可以使用插入面板的插入图像按钮，又可以使用从文本面板直接把图像文件拖到编辑区域中对于第一种方法，按部就班，可以预览要插入的文件；第二种方法虽然简便，但必须了解要插入的文件名4.1.3 调整图像大小调整图像大小n拖动控制点来调整图像大小 4.1.3 调整图像大小调整图像大小n使用图像属性面板可以精确地调整图像大小 4.1.4 设置图像对齐方式设置图像对齐方式n图像的居中对齐 4.1.4 设置图像对齐方式设置图像对齐方式n顶端对齐 4.1.5 设置图像链接与热点设置图像链接与热点n图像的热点指的是可以为图像的某一个区域设定链接。

当用户单击该区域时将浏览器导航到该热点设置的网页文档 图像热点设定工具 4.1.6 其他属性其他属性n边框：可以为图像设置边框的粗细，单位为像素可以设为0使其不显示边框n垂直边距：设置图像相对于编辑窗口文本等对象在垂直方向上的间隔n水平边距：设置图像相对于编辑窗口文本等对象在水平方向上的间隔n低解析度源：设置低分辨率的图像的URL当主图像很大，需要较长的下载时间时，浏览器先载入尺寸较小低分辨率图像n链接：设定图像的超链接 4.2 图像编辑与处理图像编辑与处理n4.2.1 剪裁图像剪裁图像n4.2.2 重新取样重新取样n4.2.3 亮度与对比度亮度与对比度n4.2.4 锐化锐化n4.2.5 优化图像优化图像n4.2.6 编辑编辑4.2.1 剪裁图像剪裁图像4.2.2 重新取样重新取样n图像经过放大或缩小后，放大容易造成显示效果不清晰，而缩小则造成资源的浪费单击【重新取样】按钮，可以重新取样 4.2.3 亮度与对比度亮度与对比度n“亮度/对比度”对话框 4.2.4 锐化锐化n锐化可以增强图像的边缘 “锐化”对话框 4.2.5 优化图像优化图像n优化对话框 。

4.2.6 编辑编辑如果Dreamweaver 8的图像编辑功能不能满足需要可以使用外部编辑器选中图像，并单击属性面板的编辑按钮，将启动Fireworks来对选中的图像进行编辑 4.3 插入插入Flash动画动画n4.3.1 插入插入Flash影片影片n4.3.2 插入插入Flash按钮按钮n4.3.3 插入插入Flash文本文本4.3.1 插入插入Flash影片影片n插入插入Flash影片的方法如下：影片的方法如下：n（（1）打开或新建一个网页文件打开或新建一个网页文件n（（2）在编辑区域选取插入点在编辑区域选取插入点n（（3）打开插入面板的）打开插入面板的【【常用常用】】选项卡，选项卡，单击插入单击插入Flash影片按钮，影片按钮，n（（4）在弹出的）在弹出的“选择文件选择文件”对话框中选对话框中选择要插入的择要插入的Flash影片，单击影片，单击【【确定确定】】按按钮导入 4.3.2 插入插入Flash按钮按钮nDreamweaver 8提供了一些Flash按钮样式，并可以根据需要设置按钮的文字、链接、颜色等，能够快速地建立美观的Flash按钮，在设置导航栏时尤其适用。

4.3.3 插入插入Flash文本文本nDreamweaver 8同样提供了制作Flash互动效果的Flash文字，可以设置文本的链接、打开窗口模式、颜色等小结小结n本章较为详细地介绍了添加图像和多媒体的方法图像和多媒体是当今网页必不可少的元素，适当的应用能够给浏览者留下深刻的印象。