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

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

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

使用apdiv布局屬性放置圖片

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

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

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

為圖片添加ID和行為

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

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

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

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

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

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