五、插入图片
只有在网页中插入图片才能使网页活起来。
在插入图片之前一定要先做一下准备工作。
（1）一定要先把网页做好，存储在网页文件夹下。
（2）在网页所在的文件夹下，建立一个images文件夹，把所有想用的图片放到这个文件夹中，并且要整理文件名，文件名中最好是英文和数字，不要使用汉字，也尽量不要使用符号。文件的格式可以存为jpg或png。在Photoshop里调整好图片的大小。
（3）打开你要插入图片的网页，用Dreamweaver“插入”菜单中的“图像”（图2-11）找到www/images文件夹下你刚刚准备好的图片，插入到网页中，如图2-12所示。
图2-11 插入图片菜单
图2-12 插入图片结果
查看代码窗口，如图2-13所示。
图2-13 插入图片后的HTML代码
发现在HTML中多了这样一句话：
<img src="images/a01.jpg" width="600" height="399">
这是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）图片文件太大（图片文件过大、网速过慢时，图片下载不下来也会出现图片不显示的情况，因此在制作网页之前一定要对图片进行处理，网页中需要多大的图就作多大的图，图片最好不在网页中缩放）。