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

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（bit map）位图图像也叫做栅格图像，它的每个像素都被分配一个特定位置和颜色值。BMP格式图像的显示效果与图像大小（分辨率）有关，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像都会出现锯齿边缘。另外由于BMP格式的文件直接存储的是每

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

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

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

5、2 图像编辑与处理,4.2.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 编辑,如果Dreamweaver 8的图像编辑功能不能满足需要可以使用外部编辑器。选中图像，并单击属性面板的编辑按钮，将启动Firewo

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