协策网络,专业做网站,优秀上海网站制作公司,提供企业建站、网站设计、网页制作,专业网页设计师和网站制作技术工程师为您量身打造个性企业电子商务网站。

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

  文章汇总 Article Summary
当前位置:协策网络 >> 文章中心 >> 基础教程 >> 浏览文章
 

DIV+CSS网站建设

作者:协策网络-客服部    标签:儿童网站设计     日期:2014年12月09日    类别:基础教程

 

   css+div网站建设使内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给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制作网页更熟练和快捷。



更多
  您可能感兴趣的文章推荐  
 
上一篇:复杂数据检索分页显示 下一篇:没有了
协策网络公司拥有专业的网站建设开发团队,超过四年以上的网站建设、网页制作经验,我们可承接企业电子商务网站建设、企业展示型网页设计和功能型网站制作等各类型网站设计制作。
     
首 页  |  基础服务  |  网站建设  |  网站优化  |  成功案例  |  协策博客  |  关于我们  |  联系我们
COPYRIGHT © 上海协策网络科技有限公司 2008-2014 网站地图 SITEMAP 上海做网站公司 沪ICP备08009778号

地址:上海市共和新路425号凯鹏国际大厦13楼G座(近3、4、8号线)

电话:021-51085186 传真:021-56555059 咨询:+(86)18018609689
上海做网站建设网页设计制作公司