ps和Dreamweaver只需要两个软件效果图我们需要先制作背景图片也就是说，网页背景的蓝色部分我们需要单独做新建1920px*400px文件我们从蓝色#506dbb到白色渐变效果图然后保存这张照片是gif格式这个时候，我们建了一。

首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

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

一般设置网站布局用dreamweaver或者css+div代码直接控制，当然你纯碎用ps做网站页面也可以但不利于搜索引擎收录及网站优化，具体用ps做网站的步骤可以分以下几点1创建文件时设置你需要的网页大小，注意以像素为单位分辨率为72。