小雨畵癳zf04 2013-10-13

佈局就不好說了 要看設計者的喜好、習慣、網站的功能、設計風格來定了。 接下來就是切圖了，切圖是個很麻煩但又很關鍵的步驟。切圖前必須考慮好圖片大小（大圖為了瀏覽時能順利開啟最好切割成N小快），是否為背景圖（有的圖很大，但實際上都是小圖片的平鋪效果，所以遇到這種圖只取小圖，在網頁中設為背景就可以了）。除此之外還要考慮是否可以用圖片以外的元素代替，比如有的純色塊完全沒必要用圖片，只要在網頁中調整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具，按需要把設計好的網頁切割好後用ctrl+alt+shift+s儲存，就會生成一個html檔案了，你會發現html的圖片資料夾裡已經有你切好的一塊一塊的小圖片。瀏覽這個web頁面，顯示的效果和ps中的完全一致，似乎佈局已經完成了。 但Dreamweaver現在才剛剛開始排的上用場，因為網頁畢竟不是純粹的圖片，還需要文字、flash、聲音等元素的新增，Dreamweaver要做的就是繼續完善你的頁面，圖片越少越好，該刪的刪、該設背景的設為背景該用表格顏色代替的用顏色代替。 哇塞 想想都麻煩 歸根結底 photoshop 是用來構圖設計的，而Dreamweaver是為了完成並完善圖片到網頁的轉換過程。 以上雖然也是我從網上找來的，不過跟我用的方法差不多。如果你有這個基礎，應該能看懂的。