经过HiZhen 站长的允许，ps真功夫全文转载这篇网页设计教程。原始出处：如何制作一个专业的2.0网页布局 文章出处：HiZhen.cn 英文原文：http://psd.tutsplus.com/tutorials/interface-tutorials/create-a- professional-web-2-0-layout/
在这个photoshop网页设计教程中我们将要学习怎么制作一个专业网站的2.0布局，以前我们学习了那么多的photoshop教程，似乎都有些长，那是因为这些教程都是非常详细。我保证只要你跟着去做就会发现很简单，你所要做的只是去试一试。
继上篇”碳纤维风格的插入式导航菜单“，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白HTML文件”index.html”，空白CSS文件”styles.css”，styles.css放在另一个文件夹”stylesheets”中，最后再新建文件夹”images”存放图片。
这个Photoshop 网页设计的教程中，我们将学习设计一个整洁的具有现代气息的网站。这是设计和HTML/CSS模板转换系列教程的第一部分。
这篇photoshop网站设计教程是我们在介绍2009年度TOP30佳photoshop精品教程 里面的系列教程之一，我们对我们BoxedArt.com网站煞费苦心的设计感到非常的自豪，我们从设计、内容、编程为此倾入了几个月的时间就是为了重新上线给大家带来最好的服务。好了，我们将展示出我们的设计秘密。好了二话不说，让我们开始这一步步指导大家如何在photoshop中设计网页。
教你做一个简单但好看的网页 (第二集)
运用圆角矩形工具在导航下方拉一个圆角矩形，宽高如图：