在网页建造中，有很多的术语，譬喻：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的根基常识，而在你进修这篇入门教程之前，请确定你已经具有了必然的HTML基本。下面我们就开始一步一步行使DIV+CSS举办网页机关计划吧。

全部的计划第一步就是构想，构想好了，一样平常来说还必要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理赏罚软件将必要建造的界面机关简朴的构画出来，以下是我构想好的界面机关图。

下面，我们必要按照构想图来筹齐整下页面的机关，细心说明一下该图，我们不难发明，图片大抵分为以下几个部门：

　　1、顶部部门，个中又包罗了LOGO、MENU和一幅Banner图片；
　　2、内容部门又可分为侧边栏、主体内容；
　　3、底部，包罗一些版权信息。
　　有了以上的说明，我们就可以很轻易的机关了，我们计划层如下图:

按照上图，我再画了一个现实的页面机关图，声名一基层的嵌套相关，这样领略起来就会更简朴了。

　　DIV布局如下：
　　│body {}　/*这是一个HTML元素，详细我就不声名白*/
　　└#Container {}　/*页面层容器*/
　　　　　├#Header {}　/*页面头部*/
　　　　　├#PageBody {}　/*页面主体*/
　　　　　│　├#Sidebar {}　/*侧边栏*/
　　　　　│　└#MainBody {}　/*主体内容*/
　　　　　└#Footer {}　/*页面底部*/

至此，页面机关与筹划已经完成，接下来我们要做的就是开始誊写HTML代码和CSS。

出处：蓝色抱负