确定网页的基本框架框架尺寸排版，这一步需要在纸上画出草图先用ps作出网页的body部分主体部分，然后再作出banner导航页脚等部分，图形全部自己绘制，图片和文字要用事先准备好的素材，最后排版，就是效果图了。

photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎。

先设计并制作好包装盒的展开图，然后把展开图的各个部分，裁切到不同图层，最后合成想要的效果主要就系用自由变换来实现，最后在加d效果就ok了一般建议用coreldraw来做比较方便先合层，然后用选区工，把它们分成一块。

一准备好自己要做相册的素材，产品展示案例展示照片展示等都可以，统一将这些图片放在一个文件夹下，我这里将这个文件叫做“Res_IMgquot，这里面放的都是大的图片，小图片一会儿ps会为我们做的二打开PS，选择菜单。

然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图重复选择no开头的那个其他的不用管然后我们按ctrl+s保存好网页然后即可使用浏览器预览效果了，ps制作网页就是这么简单。

如果是普通宽屏1024*768，建议宽度不要超过1004，要根据分辨率来算的，公式分辨率宽度20px=1004px记得减去分辨率20像素，然后网页大小就要在减去20像素的分辨率一下就可以了。