打開(kāi)Dreamweaver CS5并創(chuàng)建HTML文件設(shè)置背景色首先打開(kāi)Dreamweaver CS5，新建一個(gè)HTML文件，并設(shè)置好所需的背景色。 使用apdiv布局屬性放置圖片在頁(yè)面中使用apdi

打開(kāi)Dreamweaver CS5并創(chuàng)建HTML文件設(shè)置背景色

首先打開(kāi)Dreamweaver CS5，新建一個(gè)HTML文件，并設(shè)置好所需的背景色。

使用apdiv布局屬性放置圖片

在頁(yè)面中使用apdiv元素來(lái)放置圖片，在布局屬性中設(shè)置apdiv的寬度和高度分別為800和299，并將溢出設(shè)置為hidden，以確保圖片放大后不會(huì)影響整體布局。接著添加另一個(gè)apdiv，設(shè)置寬度和高度，并將其位置放在第一個(gè)apdiv的中間。

插入表格和圖片形成基本展示欄

插入一個(gè)1行5列的表格，用來(lái)容納五張圖片，設(shè)置表格寬度為100%。在表格中插入五張圖片，形成基本的圖片展示欄，準(zhǔn)備實(shí)現(xiàn)圖片鼠標(biāo)經(jīng)過(guò)放大效果。

為圖片添加ID和行為

選擇一張圖片，在屬性欄中為其添加一個(gè)id，例如im1，然后給圖片添加行為。點(diǎn)擊添加按鈕，選擇【改變屬性】，打開(kāi)對(duì)話框選擇元素類型為img，ID為之前設(shè)置的im1，屬性選擇【輸入】，填寫width屬性，將寬度值設(shè)為300，并將觸發(fā)行為設(shè)置為onmouseover，即鼠標(biāo)懸停時(shí)圖片寬度變?yōu)?00。

添加鼠標(biāo)經(jīng)過(guò)和移出的行為

繼續(xù)為圖片添加行為，使鼠標(biāo)懸停時(shí)高度變?yōu)?50，并添加另外兩個(gè)行為以在鼠標(biāo)離開(kāi)時(shí)恢復(fù)原始大小。將觸發(fā)行為設(shè)置為onMouseOut，表示鼠標(biāo)移出時(shí)執(zhí)行相應(yīng)操作。

完善所有圖片的行為設(shè)置

為所有圖片添加上述四個(gè)行為，確保當(dāng)鼠標(biāo)懸停在圖片上時(shí)可以看到放大效果。通過(guò)此設(shè)置，當(dāng)鼠標(biāo)移開(kāi)時(shí)可切換至下一張圖片，實(shí)現(xiàn)了鼠標(biāo)經(jīng)過(guò)圖片放大效果。

這樣，通過(guò)以上步驟，你可以在Dreamweaver CS5中實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片放大的效果，提升網(wǎng)頁(yè)的視覺(jué)吸引力和用戶體驗(yàn)。愿這些操作指南對(duì)你有所幫助！