打開Macromedia Dreamweaver 8網(wǎng)頁制作專業(yè)工具，新建一個網(wǎng)頁 1 雙擊桌面 Dreamweaver 8，網(wǎng)絡(luò)中人們簡稱DW，單擊左上菜單“文件”，單擊“新建”，在彈出的“新建文檔”中選擇“類別”為基本頁，右邊選擇“HTML”，再。

第一個給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片。

按鈕之上覆蓋一層透明gif，然后在gif上定義鏈接熱區(qū)，因為熱區(qū)可隨意定義形狀，所以可實現(xiàn)途中的響應(yīng)區(qū)域，當(dāng)鼠標(biāo)移動到某一熱區(qū)時，腳本控制改變下面對應(yīng)的按鈕圖片切換為hover效果圖即可。

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對canvas進行局部裁剪最后對裁剪的部分進行放大，這樣就可以實現(xiàn)放大鏡的效果這里我給出一個實現(xiàn)這個想法的示例該示例實際上就是運用HTML5 canvas中對。