天长网站建设为什么要用DIV+CSS做?

随着Web2.0时代的到来,整个互联网网站都在进行一场技术更新,就是所谓的“网站重构”,说简单点就是DIV+CSS进行网站制作。如果早在2005年前就有自己企业网站的天长公司,肯定会发现自己的企业网站肯定是表格布局的,因为CSS标准的发行时间是2005年2月,随着CSS标准的完善,CSS的强大功能和易用性逐渐得到体现。天站这篇文章将要介绍我们现在的天长网站建设为什么要用DIV+CSS做?

我们先简单列举下使用DIV+CSS的好处:

1、内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。

2、改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。记得hao123右上角的换肤功能吗?就是这个方法实现的。

3、后期维护非常方便

以上三点是N多好处中最突出的。我就这三点进行详细介绍:

1、内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给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行,而且如果你数学不好,或是逻辑思维能力不强的话,你手写出来的表格将是乱七八糟的,出现表格重叠和位置完全不正确。因为用DIV+CSS写表格时,表格间的逻辑排列关系完全是靠自己手写代码判断,如果你没有很强的手写代码能力和逻辑性,你所花费的时间,比你用table制作时间至少是4倍左右。基本上一个页面定义的ID和class类,完整页面是不会少于20个的,一个ID或class手写5句,你制作一个HTML页面将超过100句代码,当然其中很多是可以存成一个CSS文件来重复调用的。也就是说相同的页面内容的话,排版一样的情况下,可以直接导入链接CSS来实现。

这个就很像之前生成HTML时,制作一个网页模板。但制作这个模板花的时间是用table制作时的几倍。这里有些人要说,但是我改版的时候,就只需要再写一个CSS就可以了,不用再生成HTML了。如果你说“当你再写一个CSS文件改版时,我可能都已经用table制作好一个页面模板,而且还自动生成HTML全站的页面了“,这话估计只有你信了。

2、改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。

DIV+CSS对于门户网站来说改版就像换件衣服一样简单容易,改版时,不用改动全站HTML页面,只需要重新写CSS,再用新CSS覆盖以前的CSS就可以实现改版了。还记得hao123首页的换皮肤的功能吗?其实他只是写了几个不同风格的CSS,你想要那个皮肤就调用哪个CSS,如此就可以实现不用刷新就可以换皮肤了。

3、后期维护非常方便

用表格布局的企业网站主肯定会遇到过让别人帮你改个模版,却被被人拒绝,而拒绝理由是”表格维护非常困难“吧。事实确实是这样的,正如我们天站的客户,有部分是已经拥有企业网站,但让我们帮助修改时,我们也很为难,表格布局的复杂性原不是拖拖拽拽那么简单,而且会在浏览器的兼容性上花费很多的时间,因此我们建议我们的客户去重构企业网站,而且这也是web2.0时代的基本要求。再者,如果您与您的网站建设设计服务商因为某种原因合作关系终止,您找别的服务商都能很容易的实现网站功能的修改,而且花费很少,这也正是DIV+CSS是个通用技术,会的人很多,更多的人都不会再去研究落后的表格布局技术。

综合上述,您还在纠结您的企业网站用什么布局吗?或许您不会去关心,但我们还是非常建议您去关注下。由此我们也给了个判断天长网站建设团队的一个基本技术要求:用DIV+CSS来建网站。如果他们在推荐您使用表格,建议您忽略他们吧。

本文标签:天长网站建设,天长网页设计,天长,天站,表格布局

本文链接:天长网站建设为什么要用DIV+CSS做?

版权所有:天站科技 - 天长网站建设|天长网站设计|天长SEO|天长网站建设第一品牌!

  • 客服信息
  • 全国服务热线:158 9563 7923
  • 客服电子邮箱:admin@tiansite.com
  • Q Q在线咨询:(不在线可留言)
  • 点击这里给我发消息 点击这里给我发消息