带来一篇DIV+CSS建立网页复杂的6个步骤

现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
破洛洛文章简介：DIV+CSS建立网页复杂的6个步骤.
人人都晓得用DIV+CSS的结构来计划网站便于优化，简单被收录，好比两个网站同时上线，具有一样的外链，推行2个月后，包管利用DIV+CSS结构的站点取得的排名比传统的TABLE要好，用DIV+CSS建立该网站起首是从全体结构动手，构想好网站的全体结构布局，一样平常我们按以下步骤来建立一个网站的页面:

1、顶部部分，个中包含了LOGO、MENU和一幅Banner图片；
2、页面两头部分，那就是我们的主体了，这里就以我们为一客户做的站点为例来讲明。思索到该行业请求翻开首页疾速，以是我们在网站公布的信息设计为三列。
3、底部，包含一些版权信息。
依据以上假想，我们界说以下div的布局
DIV布局以下：
　　
│body{}　/*这是一个HTML元素*/
　　
└#Container{}　/*页面层容器*/
　　　　　
├#Header{}　/*页面头部*/
　　　　　
├#MianBody{}　/*页面主体*/
　　　　　
│　├#mainbody-left{}　/*主体页面右边*/
　　　　　
│　└#mainbody-center{}　/*主体页面两头*/
│　└#MainBody-right{}　/*主体页面右侧*/
　
└#footer{}　/*页面底部*/

用DIV+CSS做一个导航栏长短常简单的，并且我们能够经由过程css来对导航栏的款式便利的作出调剂。用div设置导航栏一样平常就用<ul>和<li>标签。

4、高度显现效果分歧
一样平常情形下只必要利用height:100px;便可，当显现效果分歧时，则能够_height:100px;来对IE6的高度举行设置。

5、嵌套效果不分歧.
有些情形下假如div中嵌套的图片年夜于外层div的高度，则IE6中对高度的设置一直有效，这时候要注重对该css增加overflow属性，overloaw:hidden,则可埋没超越界限的部分。
</p>
在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？

直接用代码建立链接，如：可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。