【WordPress建站基础】网站布局经典图文教程（6）

国人比较喜欢称 Xhtml+css 为 div+css，所以本系列经典图文教程就用大家熟悉的叫法吧，就叫 div+css，这个经典图文教程是陌小雨博客友链子涵互动视觉网站的原创教程，陌小雨觉得写得很好，所以就转过来给大家学习下，相比之前分享的xhtml+css 基础系列教程更加生动，有趣，对刚接触 wordpress 建站或者说网页制作的人是非常实用的。

这是该 Xhtml+css 经典图文教程的第六部分：

今天我们这节课主要讲的是切片的使用，主要针对一些没有试用过切片功能的朋友而写了不少东西。切片绝不是本课的重点，本节课主要是为了告诉大家：切片在制作网页时仅仅只是个辅助作用，它主要用来测量尺寸和取色来用的。

这样一来，通过本课的学习，我们应该很清楚制作网页的最快步骤了，熟悉这个制作步骤，保证你在今后的工作中一定会提高不少工作效率，对于一些在设计公司中靠制作量来拿奖金的朋友来说，这个制作步骤一定会让您多多拿钱。

DIV+CSS 网页制作步骤：

1.找范例参照物：参照物不一定是 psd 文件，哪怕是一张 jpg 图片也可以，或者截屏一些网站也行，只要能在 ps 中取到色和测量尺寸就 OK 了！

2.看图说话般的将 DIV 结构写完整（以后可随时调整和增加，差不多就行了，千万不要有强迫症！）；

3.填补内容：图片、文字啥的扔进去就行，别说到现在还不知道怎么添加图片和文字；

4.利用css控制美化……

至此，我们的 DIV 部分完全就结束了，从下节课就正式的进入 css 美化控制部分！废话不多说，先看今天的内容吧！