在网页制作中，有许多的术语，例如：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。
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器
