第一步：選擇圖片，調(diào)整圖片大小,。

注：圖片大小最好調(diào)整到小一些,，便于拼圖的制作。

啟動(dòng)photoshop,，打開圖片,，'圖像’菜單——圖像大小，調(diào)整寬度和高度像素值,。

 

 第二步：圖片切片,。

第三步：保存切片后的圖片。

文件——存儲(chǔ)為web和設(shè)備所用格式——存儲(chǔ),，存儲(chǔ)后文件夾中有一個(gè)網(wǎng)頁文件和一個(gè)images文件夾,。 

A,、啟動(dòng)dreamweaver,，新建網(wǎng)頁。

B,、插入——布局對(duì)象——層,，設(shè)置層大小與圖像大小一致。此層為背景層,。

C,、再依次插入4個(gè)層，并分別將4張圖片插入到每個(gè)層中,，調(diào)整層大小與圖像大小相等,。

D、將插入圖片的4個(gè)層拖動(dòng)到背景層上將4張圖片拼成一張,，調(diào)整好每個(gè)層的位置,。

A,、單擊”窗口”菜單——行為，打開”行為”面板,。

 

B,、選中拼圖層上的第一張圖片（一定注意是選中圖片）（確定所在層的層編號(hào)），單擊行為面板的“加號(hào)”,，選擇“拖動(dòng)層”行為,。  

 

D,、如下圖，在行為面板上單擊剛剛添加的行為的事件下拉菜單，選擇onload事件,。

 

E,、（其他3個(gè)層上的圖片也分別進(jìn)行C,D兩步操作）。 完成以上操作后,，再將四個(gè)圖片所在層,，移動(dòng)到相應(yīng)位置（即拼圖游戲的初始位置）。