IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

网站重构到底是什么,网站重构到底要多久

charies 2009-11-12 19:01:52 累计浏览 4,109 次
本机暂存

    前不久听到这样一个面试的故事:

    面试官:你准备在我们公司做些什么事情?(大致这个意思)

    面试人:我准备在公司做网站重构,把原来是table的页面全部重构成css+div的,...

    面试官:不好意思,我们的网站都是css+div的,不需要重构了。

    面试人:...(无语了)

    自从2004年阿捷翻译了《网站重构》这本书,网站重构这个词就慢慢的必成了css+div,甚至等同起来,一些朋友把标准跟重构也混淆了,css+div跟标准也混淆了。这里有很多误读的成份。

    无可厚非《网站重构》当时给我们带来了一场革命。我看过部分章节,是本好书。可能是css,div,标准这些词太过于频繁,很多误读的人把网站重构和css+div或者html+css,css+div和标准,标准和重构都等同起来,弄得到底什么是什么,谁也说不清楚。这书出版到现在已经5年了,网站重构到底要多久?

    我个人认为这本书始终围绕这一个思想:使用WEB标准重构网站。

    21世纪初最大的IT冤案

    由于2004年绝大多数网站是使用table布局的,我们知道table布局最大的坏处就是不利于结构和表现分离,后期维护比较麻烦。而使用css和div能很好的解决这个问题。table标签一直是W3Chtml的标准标签之一,为什么到了我们这里就拒绝使用了,table标签被抹杀是21世纪初最大的IT冤案。《网站重构》这本书自始至终没说不能使用table标签,为什么到现在,页面上出现一个table标签就说这页面是垃圾呢?可能跟中国革命的彻底性有关系。

    什么是WEB标准

    WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包?SS,行为标准主要包括对象模型(如W3CDOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(EuropeanComputer Manufacturers Association)的ECMAScript标准。

    具体可以查看:http://baike.baidu.com/view/7913.htm

    而在阿捷的网页设计师网站(相当于《网站重构》的官方网站)有这么一句话:

怎样才是符合web标准?

    简单说就是不用HTML+table来设计页面,改用XHTML+CSS来实现。

    出自:http://www.w3cn.org/faq/index.html

    可能这句话才是误读《网站重构》的真正源头,抹杀table的真正元凶。但是我相信阿捷他老人家的出发点是鼓励大家使用XHTML+CSS来布局网页。

    《网站重构》给我们带来一场革命,同时也给我们带来了灾难性的div+css泛滥

    《网站重构》给我们带来一场革命是译者预料之中的事情,同时也给我们带来了灾难性的div+css泛滥是译者始料未及的。现在人们都在谈论div+css,谈论怎么解决浏览器兼容性问题,一个页面你就使用了div标签的有之,其实根本不存在div+css,是HTML+CSS。我问一个朋友什么是em标签,他说em是单位(css中度量单位),大家css都很精通了,html呢,基础呢,结构呢,语义呢?反正都是源代码一看,都是div标签,就是好页面。那你们把这个页面裸奔一下,看看是什么,用Twinsen Liang的话去看看小学语文书。

    网站重构到底是什么

    网站重构不是一种技术,不是css+div,更不是标准,网站重构是一种思想,是一种理念。

    引用WebReBuild.ORG 的话:当前国内的同行普遍的认为:所谓的网站重构就是“DIV+CSS”,想法固然极度局限。但也不是另一部分的人认为是“XHTML+CSS”,因为“XHTML+CSS”只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化,行内分工优化,以及以技术与数据、人文为主导的交互优化等。

    网站重构到底要多久

    重构网站先重构人,重构你的理念,不要光光追求技术,追求还原设计稿,追求浏览器的兼容性,重要的是基础和理念。当你真正了解什么是网站重构的时候网站重构也就真正开始了。

    纯属个人观点,欢迎留言斧正。

同分类推荐文章

  1. Why Isn’t My 3D View Transition Working? (2026-06-12 20:53:41)
  2. 全新的CSS border-shape属性简介 (2026-06-10 11:00:06)
  3. Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions (2026-06-08 21:00:34)

查看更多 前端 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,386)
  2. Firefox的about 页面 (累计阅读 14,002)
  3. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,926)
  4. 各公司对前端开发的职位描述 (累计阅读 10,364)
  5. iframe大小自适应 (累计阅读 10,003)
  6. 浏览器的渲染原理简介 (累计阅读 8,307)
  7. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,302)
  8. iframe里src="about:blank"的问题。 (累计阅读 8,019)
  9. 程序员眼里IE浏览器是什么样的 (累计阅读 7,963)
  10. 2010网页设计趋势 (累计阅读 7,759)