网站建设在线帮助,网站制作在线帮助
北京网站制作公司客户
· 无极国昌网络医院
· 誓言久久
· 审计署机关党委
· 宝妮文化
· 北京市公安局公交安全网
· 北京国之企业专利应急和预警咨询
· 中国海外石油发展有限公司
· 北京亚警保安服务有限公司
· 华软通联软件技术有限公司
· 佐田雷蒙集团公司
· 中国世界贸易中心联会有限公司
· 世纪领航技术培训中心
· 北京知识英雄文化传播有限责任公
首页 -> 在线帮助 -> 网站建设
网站建设或网站改版是否需要DIV+CSS重构
来源:美瑞恒信   时间:2011-08-05   点击次数:

网站建设过程中是否需要利用DIV+CSS布局、或者网站改版是否需要进行DIV+CSS重构,是乎一直是网络服务业争论不休的话题;确实在阶段如果利用Table布局的网站看不出有什么明显的问题,而且就象很多网络公司说的那样,DIV+CSS也确实不是什么新鲜玩意。然而也正是这么一个没有什么新意的玩意,很多网站建设和网页设计从业者都不愿意去接受和尝试,这除了意识形态的问题,我想跟惰性有关系:反正饭能吃饱,至于能不能吃好那当然也就没谁去在乎了......

为什么很多网站建设从业者不愿意把网站改成DIV+CSS呢?当然理由有2种:1、没必要;2、太麻烦。

“没必要”这个理由很有意思
DIV是什么?是division,就是区域、区块的意思。在HTML代码出现的时候,DIV这个标签本来就是用来做页面布局的。大家现在做网页、建网站,却大多使用table来搭建框架、做页面布局。
Table是什么?table是表格的意思,table只应该在输出数据、输入数据作为表格、表单的时候才出现。所以说,用table来做网页布局本来就是错误的。
DIV重构网站不但有必要,而且从道理上来说也是必须的:你可以躺在沙发上睡觉,而且可以睡得很香,如果你愿意的话您还可以在地板上睡觉,如果习惯了甚至觉得地板上睡觉也蛮舒服的;但妈妈或老师都会教育你应该到床上睡,没什么理由,床设计出来就是用来睡觉的、而沙发设计出来就是用来休息或会客坐的。如果把床和沙发调换一下功能或者位置,不光是自己、别人也会觉得别扭......总之达到某个目标的的办法有很多种,我们无非是要找出最快捷、最有效、最让大家信服的那一种而已。

“太麻烦”这个理由可以理解
我们给很多企业做过网站重构,并按照Xhtml结构化代码,使其更加符合W3C标准。因为W3C标准正在不断改变、各浏览器对WEB标准的支持。
重构网站要花的精力是惊人的,我认为远大于新建设一个网站。因为每有一点改进,就要测试不同浏览器(比如IE、Firefox、Opera)、和不同版本的(IE 7.0、IE 6.0、IE 5.0、Firefox1.5、Firefox1.0 )兼容性问题。而且你必须打开3台电脑,一台电脑上是没法同时查看同一种浏览器不同版本的效果的。网站元素越多,出现的问题就越多,我们曾经为了重构200个页面,花了2个月的时间!总之,重构一个网站确实很麻烦。

为什么要采用DIV+CSS重构
如果你给老外做网站,他一般都会要求你的作品是DIV+CSS的。DIV+CSS重构过的网站主要体现在以下几个方面,更多请参考网站使用DIV+CSS布局有什么好处
1、结构清晰:是指网页源代码的结构清晰,不是指客户端显示出来的网页。很多人觉得网页源代码结构清晰有什么用呢?用户又不会看你的网页源代码!确实,这个观点是成立的,但是结构清晰的网站代码将更加有利于搜索引擎抓取有用的信息,而且在进行团队开发的时候更有利于流程和标准的统一、有利于开发团队相互配合,特别是在进行网站改版和结构调整的时候。
2、下载速度:DIV+CSS避免了烦琐、重复的表格属性和表格嵌套(Table嵌套),避免半天打不开网页的情况,而且结构化的、清晰的代码可大大的减少网站代码繁琐度,本身体积也会变得更小,从而获得更快的下载速度。
3、易于改版和更新:DIV+CSS采用的是“表现和代码分离”的模式,这在网站改版和网站更新的时候就表现得特别明显,所有的内容信息包含在网页里,而布局及设计元素全在css文件里,如果要进行网站结构调整的话,我们根本无需要进行网页和程序的更新,只需要更换CSS文件即可!
特别值得说明的是:在一些Web 2.0 网站建设中,DIV+CSS采用的“表现和代码分离”模式就是必须的了,比如百度空间(blog),如果不采用DIV+CSS用户根本无法象现在这样灵活的定义自己空间/Blog的布局和风格。
4、SEO搜索引擎优化:几乎所有SEO网站都采用DIV+CSS布局,因为“有效关键词占网页总代码的比重”一定会影响到搜索的结果和效果。而采用DIV+CSS避免了Table嵌套层次太多无法被搜索引擎抓取的问题;而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取,在网络营销型网站建设中,这点是非常重要。

个人认为DIV+CSS有太多的误区:很多人认为用DIV替换掉Table就是DIV+CSS网站了,这是一个很大的误区,也是很多人初学者都会做DIV+CSS、但却做不好的原因。DIV+CSS其实不是一个形式的问题,而是理念问题。DIV+CSS向我们传达了“区块”、“表现和代码分离”的网站设计理念,因为绝大多数XHTML标签都可以被我们通过CSS定义为块,并且赋予丰富的表现形式。但就是这样的模式,让我们可以统一的、标准的、结构化的使用XHTML标签,其意义才可以表现出来。

还是要重复那句话,达到一个目的的方法有很多种,我们为什么不去选最正确的那一种呢?

 

  • 北京网站建设,北京网站制作,北京网页设计-北京美瑞恒信网络技术有限公司
  • 网站建设热线:010-51269863/ 手机:13161871310
    公司地址:北京市朝阳区建国路88号SOHO现代城1号楼1108
    电子邮箱:121104539@qq.com   商务QQ:784030927 MSN:li5jian@hotmail.com 友情连接QQ:690625149 拒绝转载抄袭本站内容!
    美瑞恒信网络技术公司 北京网站建设 网页设计 网站优化 企业邮箱 域名注册 虚拟主机 服务商 

  • 京ICP备09021011号