HI，我叫Alvaro Guzman，这是别样wordpress模版的第二部分。在这节课里，将学到如何运用，XHML+CSS来建一个网页。还会学到如何使用CSS来建一个wordpress模版。在学这一节课时，你最好有一些关于HTML和CSS的知识，还应该了解wordpress的功能和结构。

如果你是一个程序员，你必须有一定的PS基础，图层，切片，和了解一些wordpress的功能。无论如何，如果你是一个刚入门的webdesigner，我敢肯定你会觉得那些知识对你一定有作用。

Step 1 – Let’s begin

打开PSD文件。

首先，隐藏所有图层中的文本，链接，图像。尽可能的显示只有容器相关的图层。（如图），只显示背景，头部，导航，主体的容器，和页脚。当然你还得有一个文件夹来存图像。在这里我创建两个子目录，一个存放JPEG，另一个存PNG.

一个好的网页开始于有一个良好的结构。先建好一个html文件，再给这个文件建一个CSS.最后你就可以把这些文件替换为wordpress模版。

Step 2 – 主要背景。

现在我们动手切割图片，在PS中有一些方法可以切割图片，但是我还是喜欢用切片工具，因为这个工具对于网页比较好，但也不是都适合全部，具体问题要具体分析了。隐藏所有图层，保留背景图层和填充层。

按ctrl+alt+shift+S在弹出的对话框里选择。在选项选择.JPG格式，质量选70%.点保存最后把图片保存在/images/jpgs 文件里。

Step3-切割网页

现在来做最有趣的事--切片！首先隐藏背景图层，包括：图片背景，背景，LOGO，最终结果如图：