技术动态
技术动态
您的位置: 首页->技术动态->技术动态
09年冰点网络企业建站正式启用DIV+CSS进行布局。
最近更新: 2009-3-3  点击率: 4439

  冰点网络从2006年10月成立以来,开始使用asp.net进行程序设计,网页的布局采用Table,表格形式进行布局。迄今为止,表格的布局设计仍然主导着视觉丰富的网站的设计方式,但是表格设计布局的同时,表格布局也同样拥有着以下缺点:
  
  1、页面中,限定图片文字的格式,完全混入文字数据中。
  
  这样每一个网页文件就会变得非常大。用户访问每个页面时都必须下载一次这样的格式信息。
  
  2、使用TABLE设计布局重新改版需要耗费大量的时间和精力。
  
  3、基于表格的页面很多时候无法兼容更多浏览器,在现在各种浏览器、手机用户上网的今天,
  
  table布局已经不能作到完全兼容。
  
  TABLE布局阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。
  




图一:一般使用TABLE进行布局的门户型网站首页在40K左右。

  2009年的第一次会议中,冰点网络决定使用通用的标准化布局CSS格式进行页面布局:
  
  使用DIV+CSS布局将会由以下优点:
  
  1、每一个页面的占用空间都非常小,打开页面载入得更快
  
  2、如果你使用的是计算流量的空间,这将降低你的流量费用
  
  3、您网站日后的改版将更有效率而代价更低
  
  4、帮助你的整个站点保持视觉的一致性
  
  5、让你的站点可以更好地被搜索引擎找到
  
  6、使你的站点对浏览者和浏览器更具亲和力
  

 



图二:使用了DIV+CSS布局后,网站的首页10K不到。

  
  当然,TABLE表格布局仍然有很多优点,冰点在使用DIV+CSS进行标准布局设计的同时,
  
  并不会抛弃TABLE布局和TABLE的便利性,我们会针对浏览速度,设计速度和可操作性进行综合选择。
  
  而您在选择冰点网络进行网站建设的时候,就相当于选择了一个专业的,
  
  速度更快的,符合设计标准的网站设计企业了。
  
  从即日起,冰点网络所有新承接的建站案例,都将建议用户选择并使用全新的DIV+CSS进行布局。
  
  区分TABLE布局和DIV布局:
  
  在浏览网页的时候,点查看菜单-查看源代码(文件),或在网页空白处点鼠标右键,选择查看源代码(文件).
  
  



图三:table布局

  Table布局很容易分辨,代码中基本上都是table,tr,td.
  
  并且每个TABLE都有很多属性,如宽度,样式,背景颜色,文字样式等等,
  
  基本上整个页面都在忙着写格式,实际内容和格式代码相比就显得很少了。



图四:DIV+CSS布局

  使用DIV+CSS布局,页面中基本上都是div,ul,li代码,
  
  并且每个DIV都指定了一个样式.初此之外基本上都是内容部分。
  
  网站的代码将变的十分精简.
  
  当然,由于使用方便,除了布局以外的内容部分,适当的也会使用TABLE进行绘制表格.
  
  这个并不影响布局.
  
  你会发现,使用DIV+CSS布局的网站打开速度要明显比TABLE布局网站速度快,(排除掉网络因素,也有的是空间慢,或南北跨网等等).另外如果你使用火狐,谷歌等浏览器浏览TABLE布局网站的时候,总会出现各种情况的不兼容现象,而这些浏览器基本上都是基于WEB标准进行设计的.只有使用IE6或者IE7才会在浏览网页时不会出现太多差异.而IE8也同样采用了基于WEB标准进行设计了。你使用IE8浏览TABLE布局的网站时同样会出现不同的不兼容现象.而我们的操作系统回随着时间不断的进行更新和升级,不久的将来我们也定将会使用IE8作为我们的浏览器,而这个时候自己的网站是标准网页布局的重要性就突显出来了。而在使用第三方浏览器或者IE8等基于标准设计的浏览器浏览DIV+CSS设计的布局网页,你将发现他兼容性极强.不会影响你浏览.
  
  如果您的网站已经建设完毕,如果使用的是TABLE布局,在网站还不需要修改或者不需要重新制作等预算的时候,仍然可以保持现在的形式,毕竟目前大量网站仍然采用TABLE布局,您可以等将来有预算的时候再一次性更改.
  
  如果您已经有了为网站重新建设的预算,那么我们潜力建议您建设新网站的时候选择使用DIV+CSS标准布局,以方便您企业网站的兼容性和扩展性.
  
  而如果您是即将准备建设网站的用户,那么我们强烈建议你选择使用DIV+CSS标准布局的网站给你企业带来的独特效果.