网页设计师联盟

--- 学习、交流、展示、资源

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
作品欣赏       域名申请       虚拟主机
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置:首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您!
 标题:

网页设计中TABLE与DIV+CSS页面布局的优缺点

   网页设计可以采用TABLE或者DIV+CSS进行页面布局,下面我为大家简单介绍一下这两种布局形式的优缺点。

一、 TABLE方式

优点:

1、简单易用:比较适合入门级的用户操作,用户可直接利用Dreamweaver(以下简写为“DW”)工具栏插入表格,设置长宽、对齐方式、属性等。

2、所见即所得:当用户插入一个TABLE的时候就可立即看到效果。
3、可读性好:语句编写较为简便,主要代码就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等语句。

4.开发速度较快:新建网站时,从DW中直接拖入TABLE比编写DIV要快速很多。

5.兼容性较强:TABLE设计由来已久,得到浏览器的广泛支持,故显示效果很好,不会出现错位情况。

缺点:

1、代码冗余,<TABLE><TR><TD><TD></TR></TABLE>这是构成一个表格的最基本元素(此为一行一列的表格),相对<DIV></DIV>编写来说,代码繁多。

2、网页打开速度较慢:后台代码太多,导致网站打开速度慢。

二、 DIV+CSS方式

优点:

1. 标准化的页面结构:DIV+CSS是行业标准,是WEB发展的趋势。

2、代码简洁:<DIV></DIV>较TABLE来说代码精简许多。

3、页面浏览速度较快: 对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。

4、页面布局灵活:DIV+CSS使得页面布局方便操作灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。页面效果丰富,包括视觉效果和用户体验比如拖拉。

缺点:

1、可观性差:用户在编辑的时候并不能立即看到编辑效果,需要预览才可看到。

2、操作繁琐:相对于入门级的用户或是对代码不是很了解的人来说,操作起来很是麻烦。

3、兼容性较差:DIV+CSS设计的网站在IE浏览器里面正常显示,到火狐浏览器(FireFox )中有可能面目全非,故设计时需要把不同浏览器样式都考虑进去。

    以上简单介绍了一下TABLE与DIV+CSS的优缺点。其实页面布局采用哪种排版都可以,如果是初入门的新手,需要从TABLE入手,待对html语言有所了解时再接触DIV+CSS;或者有的客户强调的是网站开发制作的速度,那html语言排版就可以;如果对html语言已经很了解,或者需要进行SEO优化,想做关键词推广、那最好是用DIV+CSS来实现,这样网站的流量和页面浏览速度会快一些。

 
  • (刊登方式:   来源:   作者:   添加:admin   关键词:)
  • 您已阅读:网页设计中TABLE与DIV+CSS页面布局的优缺点 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇帮助你打造专业性网站设计的10大技巧

    每一个网站管理者都希望他们的网站设计是最好的,并且总有一个原因让他决定建立一个网站,无论是出于商业目的还是为个人使用,创造一个令人印象深刻的网站将是最终目标。   如果你希望自己的网站看起来更专业,那么下面的十个技巧一定会帮到你:   1.导航是关键   确保您的网..

  • 下一篇15天学会jquery(0~2)

    15天学会jQuery(0-5) •15DaysofjQuery(Day0)---JQuery-What,Why,When,Where,Whowhat jQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得javascript更加有趣。 如果你这样想:“孩子,我需要另外一个javascrip..