新编网页设计教程Dreamweaver.Flash第章 图像和多媒体.ppt

《新编网页设计教程Dreamweaver.Flash第章 图像和多媒体.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章图像和多媒体4.1图像4.2图像编辑与处理4.3插入Flash动画4.1图像4.1.1图像基础4.1.2插入图像与资源面板4.1.3调整图像大小4.1.4设置图像对齐方式4.1.5设置图像链接与热点4.1.6其他属性4.1.1图像基础BMP（bitmap）位图图像也叫做栅格图像，它的每个像素都被分配一个特定位置和颜色值。BMP格式图像的显示效果与图像大小（分辨率）有关，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像都会出现锯齿边缘。另外由于BMP格式的文件直接存储的是每一个像素点的信息，因此文

2、件一般比较大，在网页设计当中并不多用。4.1.1图像基础GIF（GraphicInterchangeFormat）格式，是经过压缩处理的图像文件，能极大地节省存储空间，因此常用于网页制作中。它的最大缺点是最多只能处理256种色彩，不能用于存储真彩色的图像文件。但是GIF格式支持透明背景，可以较好地与网页背景融合在一起。GIF还支持有限的动画，它是一种翻页型的动画。因此广泛应用在网页中，主要用于标题或者一些图标类型的图像。4.1.1图像基础JPEG（JointPhotographicExpertsGroup）同样是一种经过压缩处理的图像。它是一种有损压缩格式，即与原图相

3、比，JPEG的图像质量有不同程度的下降。当将图像保存为JPEG格式时，可以指定图像的品质和压缩级别。等级越高图像的质量也越好，而文件也越大。与GIF比较，虽然JPEG是有损压缩，但它支持真彩色，对于照片质量或者连续色调的图像显示效果很好。4.1.2插入图像与资源面板既可以使用插入面板的插入图像按钮，又可以使用从文本面板直接把图像文件拖到编辑区域中。对于第一种方法，按部就班，可以预览要插入的文件；第二种方法虽然简便，但必须了解要插入的文件名。4.1.3调整图像大小拖动控制点来调整图像大小。4.1.3调整图像大小使用图像属性面板可以精确地调整图像大小。4.1.4设置图像对

4、齐方式图像的居中对齐4.1.4设置图像对齐方式顶端对齐4.1.5设置图像链接与热点图像的热点指的是可以为图像的某一个区域设定链接。当用户单击该区域时将浏览器导航到该热点设置的网页文档。图像热点设定工具4.1.6其他属性边框：可以为图像设置边框的粗细，单位为像素。可以设为0使其不显示边框。垂直边距：设置图像相对于编辑窗口文本等对象在垂直方向上的间隔。水平边距：设置图像相对于编辑窗口文本等对象在水平方向上的间隔。低解析度源：设置低分辨率的图像的URL。当主图像很大，需要较长的下载时间时，浏览器先载入尺寸较小低分辨率图像。链接：设定图像的超链接。4.2图像编辑与处理4.2.

5、1剪裁图像4.2.2重新取样4.2.3亮度与对比度4.2.4锐化4.2.5优化图像4.2.6编辑4.2.1剪裁图像4.2.2重新取样图像经过放大或缩小后，放大容易造成显示效果不清晰，而缩小则造成资源的浪费。单击【重新取样】按钮，可以重新取样。4.2.3亮度与对比度“亮度/对比度”对话框4.2.4锐化锐化可以增强图像的边缘。“锐化”对话框4.2.5优化图像优化对话框。4.2.6编辑如果Dreamweaver8的图像编辑功能不能满足需要可以使用外部编辑器。选中图像，并单击属性面板的编辑按钮，将启动Fireworks来对选中的图像进行编辑。4.3插入Flash动画4.3.1

6、插入Flash影片4.3.2插入Flash按钮4.3.3插入Flash文本4.3.1插入Flash影片插入Flash影片的方法如下：（1）打开或新建一个网页文件。（2）在编辑区域选取插入点。（3）打开插入面板的【常用】选项卡，单击插入Flash影片按钮，。（4）在弹出的“选择文件”对话框中选择要插入的Flash影片，单击【确定】按钮导入。4.3.2插入Flash按钮Dreamweaver8提供了一些Flash按钮样式，并可以根据需要设置按钮的文字、链接、颜色等，能够快速地建立美观的Flash按钮，在设置导航栏时尤其适用。4.3.3插入Flash文本Dreamweave

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