资源预览内容
第1页 / 共16页
第2页 / 共16页
第3页 / 共16页
第4页 / 共16页
第5页 / 共16页
第6页 / 共16页
第7页 / 共16页
第8页 / 共16页
第9页 / 共16页
第10页 / 共16页
亲,该文档总共16页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
教學教學拼圖遊戲的製作你會了嗎拼圖遊戲的製作你會了嗎?A.A. 在在 PhotoshopPhotoshop 裡先製作出拼圖的切圖動作裡先製作出拼圖的切圖動作步驟一.選擇“切圖選取工具切圖選取工具“後選擇“分割分割“選項步驟二.自己隨意切割數量步驟三.在檔案下選取“儲存為網頁用儲存為網頁用“步驟四.1.選 JPEGJPEG2.按儲存儲存後會出現“另存最佳化檔案另存最佳化檔案“的視窗3.存檔類型:HTMLHTML 和影像和影像4.切片:全部切片全部切片5.自己開一個資料夾6.檔名自取7.儲存儲存註:存完後會發現建立的資料夾裡會出現一個 HTML 檔和一包“images“的資料夾B.B.在在 DreamweaverDreamweaver 下完成拼圖的製作下完成拼圖的製作步驟一.在頁面屬性下設定左邊界和上邊界的值(可自訂)步驟二.在隨意的地方製作出一個圖層並設定大小為自製的拼圖的尺寸步驟三.1.將下方表格和圖複製進圖層裡並刪除表格內的圖2.將表格邊框設定為 1步驟四.選取表格後在修改裡選取“表格轉換為圖層表格轉換為圖層“ “選項步驟五.勾取顯示圖層版面顯示圖層版面的選項步驟六.將所有呈現的圖層裡刪除最上面的圖層(例如此範例中的 layer18 圖層)步驟七.將最下方的圖層設定方位同為原表格(例如:此範例設定為左邊界:200 上邊界:50)步驟八.選取表單設定一按鈕為 StartStart 動作設定為無無步驟九.在 body 下選取行為裡的拖曳圖層步驟十.圖層:可以下拉選擇到每一個圖層移動:不限制放下目標:按取得目前位置靠齊距離:可自訂(以此範例設定為 100)每一個圖層都要設定喔!步驟十一.1.設定好所有的圖層後將圖層隨意拉出擺放在表格外2.在設定一個按鈕為 again 將此 url 設定為此頁面步驟十二.瀏覽頁面拼圖遊戲就完成囉!
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号