確定網(wǎng)頁的基本框架框架尺寸排版，這一步需要在紙上畫出草圖先用ps作出網(wǎng)頁的body部分主體部分，然后再作出banner導航頁腳等部分，圖形全部自己繪制，圖片和文字要用事先準備好的素材，最后排版，就是效果圖了。

photoshop有專門的切割工具，按需要把設計好的網(wǎng)頁切割好后用ctrlaltshifts保存，就會生成一個html文件了，你會發(fā)現(xiàn)html的圖片文件夾里已經(jīng)有你切好的一塊一塊的小圖片瀏覽這個web頁面，顯示的效果和ps中的完全一致，似乎。

先設計并制作好包裝盒的展開圖，然后把展開圖的各個部分，裁切到不同圖層，最后合成想要的效果主要就系用自由變換來實現(xiàn)，最后在加d效果就ok了一般建議用coreldraw來做比較方便先合層，然后用選區(qū)工，把它們分成一塊。

一準備好自己要做相冊的素材，產(chǎn)品展示案例展示照片展示等都可以，統(tǒng)一將這些圖片放在一個文件夾下，我這里將這個文件叫做“Res_IMgquot，這里面放的都是大的圖片，小圖片一會兒ps會為我們做的二打開PS，選擇菜單。

然后點擊下面的頁面屬性把背景圖片設置為我們剛剛制作的背景圖重復選擇no開頭的那個其他的不用管然后我們按ctrl+s保存好網(wǎng)頁然后即可使用瀏覽器預覽效果了，ps制作網(wǎng)頁就是這么簡單。

如果是普通寬屏1024*768，建議寬度不要超過1004，要根據(jù)分辨率來算的，公式分辨率寬度20px=1004px記得減去分辨率20像素，然后網(wǎng)頁大小就要在減去20像素的分辨率一下就可以了。