登录论坛 | 注册会员 设为首页 | 收藏本站
当前位置 : 首页>软件学院>程序开发>网页设计>正文
 
DIV+CSS建设网页简单的6个步骤

http://www.dbit.cn 2011-3-13 9:16:34  来源:东北IT网  编辑:叶子
 
  大家都知道用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设置导航栏一般就用
  • 标签。

    4、高度显示效果不同
    一般情况下只需要使用height: 100px;即可,当显示效果不同时,则可以_height: 100px;来对IE6的高度进行设置。

    5、嵌套效果不不同.
    有些情况下如果div中嵌套的图片大于外层div的高度,则IE6中对高度的设置始终无效,这时要注意对该css添加overflow属性,overloaw:hidden,则可隐藏超出边界的部分。
 
收藏】【打印】【进入论坛
  相关文章:

·DIV+CSS布局代码精简对SEO的影响 
·用DIV+CSS制作网页SEO工作完成30% 
·浅谈DIV+CSS网页制作心得
·DIV+CSS建立符合WEB标准网页的好处 
·DIV+CSS与XHTML+CSS是什么意思
·注意DIV+CSS常见错误
·DIV+CSS技术是否适合中国中小网站
·Div+CSS布局入门教程

 
 
 
 
最新文章

三好街华强大厦里侧建筑工地着火
微软:Kinect上市四个月销量突破1000万
性感MM演绎Android纯白时尚欧酷M98A
高德软件发力超越四维图新 中国导航地图
系统遭破解 夏新V6T可点播百万电影持续
公交“绿色出行”叫好 公交卡网上充值叫
315买好用好 经销商解说选购GPS
选购正当时 西部数据1TB绿盘热销
东软电脑城携千家商户联合诚信签名
协同万户万户网络协同会招募暨培训邀请

 
推荐文章
1
2
3
4
5
6
7
8
9
10
性感MM演绎Android纯白时尚欧酷M
联想V360笔记本模特写真
iPhone女孩微博爆红 最宝贵东西换
大连护士门大尺度艳照高清组图
中关村艳照门女主角详记录高清组
苹果员工中毒门
宫如敏不雅照疯传 看张馨予韩一菲
深耕市场 永续经营——专访百脑汇
优派专业电子书 让您回家旅途多姿
揭晓百万大奖三星bada魅力绽放中
八卦图解 More>>
性感MM演绎Android纯白时尚欧酷M 联想V360笔记本模特写真
iPhone女孩微博爆红 最宝贵东西换 大连护士门大尺度艳照高清组图