布局入门教程布局规划

DivCSS布局入门教程页面布局与规划在网页制作中，有许多术语！例如CSS。HTML！DHTML，XHTML等等，在下面文章中我们将会用到一些有关于HTML基本知识。而在你学习这篇入门教程之前，请确定你已经具有了一定HTML基础。

下面我们需要根据构思图来规划一下页面布局，仔细分析一下该图。我们不难发现。图片大致分为以下几个部分，1顶部部分，其中又包括了LOGO，MENU和一幅Banner图片，2内容部分又可分为侧边栏，主体内容。

3底部包括一些版权信息，有了以上分析。我们就可以很容易布局了，我们设计层如下图根据上图，我再画了一个实际页面布局图！说明一下层嵌套关系，这样理解起来就会更简单了，DIV结构如下！│body这是一个HTML元素，具体我就不说明了└Container页面层容器├Header页面头部├PageBody页面主体│├Sidebar侧边栏│└MainBody主体内容└Footer页面底部至此。页面布局与规划已经完成，接下来我们要做就是开始书写HTML代码和CSS，出处蓝色理想。