利用Dreamweaver的內(nèi)置行為，你可以輕松制作各種各樣的圖像效果，而無需編寫其他代碼。本文將分享制作圖像縮放效果的過程并提供截圖，希望對你有所幫助。 步驟一：啟動Dreamweaver CS5

利用Dreamweaver的內(nèi)置行為，你可以輕松制作各種各樣的圖像效果，而無需編寫其他代碼。本文將分享制作圖像縮放效果的過程并提供截圖，希望對你有所幫助。

步驟一：啟動Dreamweaver CS5

首先，打開Dreamweaver CS5并執(zhí)行“文件-新建”命令。在彈出的新建文檔對話框中選擇HTML，并點擊“創(chuàng)建”按鈕進(jìn)入主界面。

步驟二：插入表格

在lt;bodygt;標(biāo)簽中執(zhí)行“插入-表格”命令。在彈出的表格對話框中，設(shè)置兩行兩列，并將寬度設(shè)置為40%。在屬性面板中，將對齊方式設(shè)置為居中對齊，并將邊框設(shè)置為0。這樣做是為了在顯示時隱藏表格，使布局更加美觀。

步驟三：插入圖像

分別選擇四個單元格，執(zhí)行“插入-圖像”命令。在彈出的選擇圖像源文件對話框中，找到圖片所存放的位置后，點擊確定按鈕將圖片導(dǎo)入。

步驟四：設(shè)置圖像樣式

分別選擇這四張圖片，在屬性面板中將寬度設(shè)置為230，高度設(shè)置為200，以使圖片布局更加美觀。

步驟五：添加圖像縮放效果

選擇需要添加效果的圖片，在右側(cè)行為面板中點擊“ ”號，并從下拉菜單中選擇“效果-增大/收縮”選項。

步驟六：配置圖像縮放效果

在彈出的增大或收縮對話框中，勾選切換效果，其余參數(shù)采用默認(rèn)設(shè)置，并點擊確定按鈕。

步驟七：應(yīng)用效果到其他圖片

對于剩余的三張圖片，重復(fù)步驟五和六，依次設(shè)置完畢。

步驟八：預(yù)覽效果

按F12鍵在瀏覽器中進(jìn)行預(yù)覽。如果彈出是否將改動保存的提示信息，請直接點擊是。在瀏覽器中，你將看到四張圖片并且可以點擊任意一張圖片進(jìn)行縮放操作。

步驟九：保存網(wǎng)頁

最后，執(zhí)行“文件-另存為”命令將網(wǎng)頁保存即可。