我们将有很多网页制作术语。
比如：CSS、HTML、DHTML、XHTML等。
让我们开始使用DIV CSS进行网页布局设计。
所有设计的第一步是构思。构思完成后，需要使用PhotoShop或FireWorks(以下简称PS或FW)等图像处理软件绘制出待制作界面的简单布局。
接下来，我们需要根据概念图来规划页面的布局。图片大致分为以下几个部分：
1.顶部，包括LOGO、MENU和一个Banner图片；
2.内容可以分为侧边栏和主内容；
3.底部，包括一些版权信息。
通过以上分析，我们可以很容易地布局，例如，下面的设计层如图：所示。
根据上图，画一个实际的页面布局图，说明各层的嵌套关系，这样会更容易理解。
DIV结构如下：
正文{} /*这是一个HTML元素*/
#Container {} /*页面层容器*/
95000 #页眉{}/*页眉*/
95000 #页面正文{}/*页面正文*/
#Sidebar {} /*侧栏*/
#MainBody {} /*主要内容*/
94920 #页脚{}/*页面底部*/
至此，页面布局和规划已经完成，接下来我们需要做的就是开始编写HTML代码和CSS。