插入图片的准备工作及解决常见问题

只有在网页中插入图片才能使网页活起来。

在插入图片之前一定要先做一下准备工作。

（1）一定要先把网页做好，存储在网页文件夹下。

（2）在网页所在的文件夹下，建立一个images文件夹，把所有想用的图片放到这个文件夹中，并且要整理文件名，文件名中最好是英文和数字，不要使用汉字，也尽量不要使用符号。文件的格式可以存为jpg或png。在Photoshop里调整好图片的大小。

（3）打开你要插入图片的网页，用Dreamweaver“插入”菜单中的“图像”（图2-11）找到www/images文件夹下你刚刚准备好的图片，插入到网页中，如图2-12所示。

图2-11　插入图片菜单

图2-12　插入图片结果

查看代码窗口，如图2-13所示。

图2-13　插入图片后的HTML代码

发现在HTML中多了这样一句话：(www.xing528.com)

这是HTML中描述图像的语句，src中显示的是图片的路径和文件名，注意路径和文件名是用/隔开的。width和height表示在网页中显示的图片的高和宽。

你在做网页的时候，有时src写成了这样很复杂的一句话：

src="file：///C|/Documents and Settings/Administrator/桌面/a01.jpg"

这说明你在做网页之前没有好好将图片整理到images文件夹下，file：///C 指示的是你自己的硬盘C盘的位置，这样的路径叫绝对路径，这样做出来的网页传到网上，图片将不能正常显示。

网页中图片不能正常显示有如下的可能性：

（1）HTML文件中写的图片路径不正确；

（2）图片没有放到图片路径所指向的文件夹中；

（3）图片没有上传；

（4）图片的文件名不是用的英文或数字（不建议图片和路径的文件名使用汉字及特殊的符号，有的时候下载的图片文件名包含有各种符号，一定要对文件名进行整理）；

（5）图片的文件格式浏览器不认（一般图片使用jpg、png、gif，其他的格式浏览器有可能不显示）；

（6）图片文件太大（图片文件过大、网速过慢时，图片下载不下来也会出现图片不显示的情况，因此在制作网页之前一定要对图片进行处理，网页中需要多大的图就作多大的图，图片最好不在网页中缩放）。