DIV+CSS网页设计布局教程 DIV+CSS网页设计布局技巧 如何实现DIV+CSS网页设计布局
在网页设计过程中，DIV+CSS工具的使用非常广泛。DIV+CSS不仅可以优化网站的布局和标签、做出精美的页面，还有助于搜索引擎抓取网页内容、提高网站排名。
下面就从网页的页面布局角度，和大家分享一下Div+CSS的使用技巧。
一、如何应用Div+CSS布局？
网页设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks
等图片处理软件将需要制作的界面布局简单的构画出来，以下是已经构思好的界面布局图：
下面，需要根据构思图来规划一下页面的布局，仔细分析之后不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，就可以很容易的布局了，设计层如下图:
根据上图，可以再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了：
DIV结构如下：
│body {} /*这是一个HTML元素源码天空，具体我就不说明了*/ └#Container {} /*页面层容器*/
├#Header {} /*页面头部*/ ├#PageBody {} /*页面主体*/ │├#Sidebar {} /*侧边栏*/ │└#MainBody {} /*主体内容*/ └#Footer {} /*页面底部*/
至此，页面布局与规划已经完成。
二、DIV+CSS网页布局需要掌握的技巧 1.若有疑问立即检测
网页设计过程中，对原始代码及时而简单检测可以省去很多令人头痛的问题，W3C对于XHTML与CSS 都有检测工具可供使用（可参照）。、在文件开头的、，可能因为不当的结构等因素造成更多错误，建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。
2.使用浮动功能时记得适当清除指令
浮动是个危险的功能，未必会产生所期望的结果。如果遇到浮动元素延伸到外围容器的边框或者其他不正常情况，这时就要先确定做法是正确了。
DIVCSS网页布局教程DIVCSS网页布局技巧如何实现DIVCSS网页布局
