如何用Photoshop设计网页

我一般把800*600的宽度设置为780px，1024*768的宽度会设置为1000px。高度当然要看内容。

布局不好说。这取决于设计者的喜好、习惯、功能和设计风格。

接下来就是切图了，这是很麻烦但是很关键的一步。在裁剪图片之前，一定要考虑图片的大小(为了浏览流畅，最好把大图裁剪成n个小尺寸)，是否是背景图片(有些图片很大，但实际上是小图的平铺效果，所以遇到这种图片，就把小图取下来，设置为网页中的背景)。另外还要考虑是否可以用图片以外的元素来代替。比如有些纯色块根本不需要图片，在网页中调整表格的颜色也能达到同样的效果。Photoshop有一个特殊的切割工具。根据需要裁剪设计好的网页后，用ctrlaltshifts保存，就会生成一个html文件。你会发现html图片文件夹里已经有你剪的小图片了。浏览这个网页，显示效果和ps里一模一样，看起来布局已经完成。

但是Dreamweaver现在才刚刚开始派上用场，因为网页毕竟不是纯图片，还需要添加文字、flash、声音等元素。Dreamweaver需要做的就是继续改进你的页面。图片越少越好。背景的删除和设置要用表色代替，用颜色代替。

哇，想想还挺麻烦的。

归根结底是用photoshop进行构图设计，而Dreamweaver则是用来完成和完善图片到网页的转换过程。