带来一篇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，并称为“网页三剑客”。
页:
[1]