在上期教程中，我们用PHOTOSHOP CS的“WEB照片画廊”功能制作出了网页像册，不知道大家有没有将制作好的网页像册上传到网站空间中，圆了自己制作网页、建立网站的愿望呢？

　　这次，我们要来讲解一下如何用PS来制作一个网页效果图并对其进行裁剪，即使你不懂任何的HTML语法和原理，只要你看完本期教程，那么离独立完成自己的个人网站的目标就不远了。

　　会有朋友说是不是用FIREWORKS比较好，笔者的意见是先学好PS再用FW便会得心应手，PS是个基础的东西，先打好基础。

　　一、 网页布局理论

　　再精美的网页，它也是有个大概布局的。比方说新浪网的首页，它的布局就是图1中右边灰色部分的样式，网页设计师用工具（如DW、FP）画好相应的表格，然后填充表格的颜色，加如相应的字和一些网页特效，就形成了一个网站的首页。如图1。

[1]