当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > DIV CSS技术是否适合中国中小网站?

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 DIV CSS技术是否适合中国中小网站?


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 65 ::
收藏到网摘: n/a


  由于本人才疏学浅,对DIV CSS也没有深入彻底研究透,只是凭自己的一点认识而写,希望高手不要扔砖。
  废话少说,直接进行正题。
  现在全国大大小小的网站都在搞一场技术“革命”,就是所谓“网站重构”说简单点就是DIV CSS进行网站制作。用DIV CSS代替传统的Table制作框架和美化页面。
  在重构之前,肯定要了解为什么重构,为什么要用DIV CSS技术?了解了这个问题,那么大家才有使用此技术重构网站的动力。各大CSS学习网站和教程无一例外都会列举出以下使用DIV CSS的好处:
  1、内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。
  2、改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。
  3、搜索引擎更友好,排名更容易靠前。
  以上三点是N多好处最吸引人,最突出的三点。我就这三点进行一一介绍:
  第一点、内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。
  这个是DIV CSS技术最现著的特点,也是CSS存在的根源。完全的颠覆现在传统(table)网页设计的技术。所有现在用table制作的内容,都可以用CSS来解决掉,而且解决的更完美,更强大。不需要大家再表格套表格,只需要用div套div就可以实现以往表格套表格所有的美工,这样的结果就是使用div CSS技术,让生成的网页文件大小更精简,更小。table时代,一个页面表格达到10个以上是非常普遍的事情,但是现在用DIV CSS,一个table都可以不用,就完全达到之前的效果,这就直接导致网页文件大小比使用table时减少50%-80%,更节约各位站长的硬盘空间,访问者打开网页时更快,而且用div CSS时,不像以往使用table时,必须把全部table读取完了才显示页面内容,现在是可以读一个div就显示一个效果,大家打开网页不用等。好处真是明显而强大。
  这个优点的确是显著的,凡是使用传统table建的网页,内容多的话,有时候达到30K左右都有可能,文件打了打开时,肯定就有0.0几秒的延迟。使用DIV CSS,由于没有表格使用,你前台打开看到的全是直接内容,CSS文件都是导入链接的,是另一个文件,根本和HTML文件大小没关系,这种生成的HTML文件,一个也就10K左右大小。文件数量少时看不出来,但是文件万级以上时,还是会节约几十M大小的。
  这些优点其实拿到现在来说,个人感觉用处不大,为什么呢?
  因为table虽然生成的HTML文件要大一些,占空间多点,但是现在的虚拟主机空间几百块钱就可以达到3G以上,一个中小型门户或是网站,完全够用,就算不够用,你数据量达到十万级别以上,生成的HTML文件也用不了2G,这个成本其实对于中小型网站长来说完全可以不计。再说使用table说的是打开速度慢。这个在现在的网络环境下面来说,也可以忽略的,现在大家上网都是用的宽带,至少也是512K以上,一个网页30K,打开也就一秒不到的时候,使用DIV CSS也就快那么0.0几秒,这基本上是大家感觉不到的。而且既然都是生成HTML,那对服务器来说影响的效果是一样的,只要你的虚拟主机网络稳定,那么在table和div css上就没差别。
  但是使用table制作网页框架和表格时,全是选择化制作的,也就是说不用大家去写代码,很简单输入边框和行数列数就可以达到制作出来的要求,但是使用div CSS时,完全是靠手写代码,一个表格写四行代码的话,如果一个页面涉及十多个div表格生成,手写代码将超过50行,而且如果你数学不好,或是逻辑思维能力不强的话,你手写出来的表格将是乱78糟,出现表格重叠和位置完全不正确。因为用div css写表格时,表格间的逻辑排列关系完全是靠自己手写代码判断,如果你没有很强的手写代码能力和逻辑性,你所花费的时间,比你用table制作时间至少是4倍左右。基本上一个页面定义的ID和class类,完整页面是不会少于20个的,一个ID或class手写5句,你制作一个HTML页面将超过100句代码,当然其中很多是可以存成一个CSS文件来重复调用的。也就是说相同的页面内容的话,排版一样的情况下,可以直接导入链接CSS来实现。
  这个就很像之前生成HTML时,制作一个网页模板。但制作这个模板花的时间是用table制作时的几倍。这里有些人要说,但是我改版的时候,就只需要再写一个css就可以了,不用再生成HTML了。那么我要说,当你再写一个CSS文件改版时,我可能都已经用table制作好一个页面模板,而且还自动生成HTML全站的页面了。这不是不可能的。
  如果作为站长的你,对于手写代码不是特别有信心,逻辑思维能力不是特别强,建议还是使用传统的table制作网页更熟练和快捷。
  第二点,改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。
  DIV CSS对于门户网站来说改版就像换件衣服一样简单容易,改版时,不用改动全站HTML页面,只需要重新写CSS,再用新CSS覆盖以前的CSS就可以实现改版了。方便吧。
  方便是方便了,但是一个网站,我想问一下是不是一个月就要改次版?或是半年就要改一次?估计这么频繁的网站少的很哦。现在很多知名网站,行业的,门户的,包括个人网站,最多也是一年改一次版。一年改一次版,你一年才用一次重新写CSS,而且你写的CSS时间所用时间,比我用table制作时慢一二倍(技术熟练情况下)。那我何必还要用CSS啊?我用table一样可以完成的效果,二分钟就做好了表格,你用css写要用十分钟。
  全国中小型站长的网站数据量一般也就在十万条数据之内,现在用自动批量生成HTML功能,生成完也用不了几个小时时间吧。费这点神一年也就一次,没什么大不了的。
  所以除非你网站一个月改一次版,那么你还是用最熟练和方便的方法来实现网页设计为妙。
  当然如果你CSS已经学的如火纯青了,而且是代码狂人。你当我说的废话。
  第三点,搜索引擎更友好,排名更容易靠前。
  当我看到CSS优点有这个时,我冷笑了二声。翻译和编写者真的是太不了解中国的网络环境了,这条拿到国外来说,如常用google.com的环境下,完全可行。但是拿到中国以百度为垄断的网络环境下,完全可以忽略。
  搜索引擎主要的排名依据不管百度和google,都是title和权重为主。他们不可能拿到这二点不用,而是用你的content内容来为主抓数据吧。而且最重要的一点,中小型网站主80%左右的流量是百度来的,百度现在完全是人工在排序,你以为你用了div CSS百度就先排你在前面啊??如果你这样认为你就是太不配做中国站长了。
  退一万不说,就算你DIV CSS有这优点,能让你页面在百度搜索时排前几位,你以为这个位置你能坐的长啊?不出一个月只要你这页面给你带去的流量达到一定数量,百度K你没商量。(我是指K这个关键字)
  综上所述,个人感觉DIV CSS不能太迷信它的很好很强大,它作为制作网页,美化网页的一个重要辅助是很强大方便的。可以弥补table制作框架和表格时的很多不足和美工上的缺点,但是完全只用它来做,太费时费力,对于全国中小型网站长来说,真的不太适合。我个人觉得用table DIV CSS是最好的组合,也是最省时省力的办法。
  我的废话太多,写了一长窜,不足之处非常多,认识也不够深入。大家不要介意哈。
  PS:很多CSS资料宣传的CSS生成网页代码少,指的是生成的HTML文件的代码少,因为这种HTML文件根本没有美化过的,美化过程语句全在CSS文件中,一个CSS文件代码是奇多无比。
  一个HTML要配合一个CSS文件来用,不能单独使用。