186-0984-0880
 
网站建设之div+css布局
日期:12-07 浏览次数:13

 网站建设中使用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,则可隐藏超出边界的部分。
  按照之五个步骤你的网站建设就基本完成了!
 

← 上一篇 下一篇 → 返回首页
如有意向,请联系我们的客户经理
我们会根据您的需求为你制定详细的解决方案
在线咨询 or 拨打业务热线:186-0984-0880
在线咨询
热线电话
解决方案
扫一扫

扫一扫
关注新图闻科技

全国咨询热线
186-0984-0880

返回顶部