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

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

步驟一：?jiǎn)?dòng)Dreamweaver CS5

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

步驟二：插入表格

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

步驟三：插入圖像

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

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

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

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

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

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

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

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

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

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

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

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

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