拼图游戏制作.docVIP

[教學]拼圖遊戲的製作你會了嗎? A. 在Photoshop裡先製作出拼圖的切圖動作步驟一.選擇切圖選取工具後選擇分割選項步驟二.自己隨意切割數量步驟三.在檔案下選取儲存為網頁用步驟四.1.選JPEG2.按儲存後會出現另存最佳化檔案的視窗3.存檔類型:HTML和影像4.切片:全部切片5.自己開一個資料夾6.檔名自取7.儲存註:存完後會發現建立的資料夾裡會出現一個HTML檔和一包images的資料夾B.在Dreamweaver下完成拼圖的製作步驟一.在頁面屬性下設定左邊界和上邊界的值(可自訂)步驟二.在隨意的地方製作出一個圖層並設定大小為自製的拼圖的尺寸步驟三.1.將下方表格和圖複製進圖層裡並刪除表格內的圖2.將表格邊框設定為1步驟四.選取表格後在修改裡選取表格轉換為圖層選項步驟五.勾取顯示圖層版面的選項步驟六.將所有呈現的圖層裡刪除最上面的圖層(例如此範例中的layer18圖層)步驟七.將最下方的圖層設定方位同為原表格(例如:此範例設定為左邊界:200 上邊界:50)步驟八.選取表單設定一按鈕為Start動作設定為無步驟九.在body下選取行為裡的拖曳圖層步驟十.圖層:可以下拉選擇到每一個圖層移動:不限制放下目標:按取得目前位置靠齊距離:可自訂(以此範例設定為100)每一個圖層都要設定喔!!步驟十一.1.設定好所有的圖層後將圖層隨意拉出擺放在表格外2.在設定一個按鈕為again將此url設定為此頁面步驟十二.瀏覽頁面拼圖遊戲就完成囉!