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

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

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

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