五、插入圖片

只有在網(wǎng)頁中插入圖片才能使網(wǎng)頁活起來。

在插入圖片之前一定要先做一下準(zhǔn)備工作。

（1）一定要先把網(wǎng)頁做好，存儲在網(wǎng)頁文件夾下。

（2）在網(wǎng)頁所在的文件夾下，建立一個images文件夾，把所有想用的圖片放到這個文件夾中，并且要整理文件名，文件名中最好是英文和數(shù)字，不要使用漢字，也盡量不要使用符號。文件的格式可以存為jpg或png。在Photoshop里調(diào)整好圖片的大小。

（3）打開你要插入圖片的網(wǎng)頁，用Dreamweaver“插入”菜單中的“圖像”（圖2-11）找到www/images文件夾下你剛剛準(zhǔn)備好的圖片，插入到網(wǎng)頁中，如圖2-12所示。

查看代碼窗口，如圖2-13所示。

發(fā)現(xiàn)在HTML中多了這樣一句話：

<img src="images/a01.jpg" width="600" height="399">

這是HTML中描述圖像的語句，src中顯示的是圖片的路徑和文件名，注意路徑和文件名是用/隔開的。width和height表示在網(wǎng)頁中顯示的圖片的高和寬。

你在做網(wǎng)頁的時候，有時src寫成了這樣很復(fù)雜的一句話：

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

這說明你在做網(wǎng)頁之前沒有好好將圖片整理到images文件夾下，file:///C指示的是你自己的硬盤C盤的位置，這樣的路徑叫絕對路徑，這樣做出來的網(wǎng)頁傳到網(wǎng)上，圖片將不能正常顯示。

網(wǎng)頁中圖片不能正常顯示有如下的可能性：

（1）HTML文件中寫的圖片路徑不正確；

（2）圖片沒有放到圖片路徑所指向的文件夾中；

（3）圖片沒有上傳；

（4）圖片的文件名不是用的英文或數(shù)字（不建議圖片和路徑的文件名使用漢字及特殊的符號，有的時候下載的圖片文件名包含有各種符號，一定要對文件名進(jìn)行整理）；

（5）圖片的文件格式瀏覽器不認(rèn)（一般圖片使用jpg、png、gif，其他的格式瀏覽器有可能不顯示）；

（6）圖片文件太大（圖片文件過大、網(wǎng)速過慢時，圖片下載不下來也會出現(xiàn)圖片不顯示的情況，因此在制作網(wǎng)頁之前一定要對圖片進(jìn)行處理，網(wǎng)頁中需要多大的圖就作多大的圖，圖片最好不在網(wǎng)頁中縮放）。