dreamweaver第五章在网页中使用图片

图片是网页中不可缺少的元素，巧妙地在网页中使用图片可以为网页增色不少。本章首先介绍在网页中常用的两种图片格式，然后再介绍如何在网页中插入图片，以及图片的样式和插入的位置。通过本章的学习，可以做一些简单的图文网页，并根据自己的喜爱制作出不同的图片效果。 5.1 网页中的图片格式 目前在网页上使用的图片格式主要是GIF、 JPG 和 PNG 三种。 GIF 即为图像交换格式，GIF 格式只支持256 色以内的图像，且采用无损压缩存储，在不影响图像质量的情况下，可以生成很小的文件，同时它支持透明色，可以使图像浮现在背景之上，并且由于其为交换格式，在浏览器下载整张图片之前，用户就可以看到该图像，所以在网页制作中首选的图片格式为GIF。 JPG 格式为静态图像压缩标准格式，它为摄影图片提供了一种标准的有损耗压缩方案。它可以保留大约1670 万种颜色，因为它要比GIF 格式的图片小，所以下载的速度要快一些。 如何选择图片格式呢？GIF 格式仅为256 色，而JPG 格式支持1670 万种颜色。如果颜色的深度不是那么重要或者图片中的颜色不多，就可采用GIF 格式的图片，反之，则采用JPG 格式。同时，还要注意一点，GIF 格式文件解码速度快，而且能保持更多的图像细节，而JPG 格式文件虽然下载速度快，但解码速度较GIF 格式慢，对于图片中鲜明的边缘周围会损失细节，因此若想保留图像边缘细节应采用GIF 格式。 5.2 与图片相关的 HTML 标签 依照本书的惯例，先介绍一些关于图像的HTML 标签。 5.5.1 插入图片 请看下面的代码。 在浏览器中打开这个网页。 注意代码中以粗体显示的语句。标签的作用就是插入图片，其中属性src 是该标签的必要属性，该属性指定导入图片的保存位置和名称。在这里，导入的图片与HTML 文件是处于同一目录下的，如果不处于同一目录下，就可以采用路径的方式来导入。 5.5.2 图片标签属性的应用 下面将介绍标签中的几个重要属性。 1.图片的大小控制 注意代码中以粗体显示的语句。控制图片的大小是由width 和 height 两个属性共同完成的，width ...