重构之美－迎接Web标准化设计的来临[在怀疑中选择]

写下这个题目，好大啊，我不知道我能不能说清楚，毕竟我真正接触标准才不到一个月，实践也才刚进行了3天，完成了本人第一个标准化网页，如下图所示。
在下一步工作，将这个门户站点全面标准化架设之前，我想和大家交流交流，带动一下新手，请教一下高手，为标准的推广尽点微薄的力量。

在怀疑中选择

　　记不得是六月的哪一天了，我例行公事般的在网上游荡，一句话蹦入我眼帘：99％的网站是过时的。开什么玩笑！对于从事互联网网站行业的我，这自然是个大事，下面的事就不用说了，很快，'网站重构'这四个字进驻我的脑海。
跑了几次书店，书没到。于是我只好在网上看些其他相关文章和讨论，很是饥渴。终于在七月十号左右我看见书摆上了成都西南书城、都乐电子书店的书架，迫不及待的在西南书城地上坐下，翻开书……（还是都乐好啊，有椅子还有桌子，随便你看、抄）说老实话，我对重构这本书是失望的，不知道是原书问题还是翻译问题，很杂乱，东拉西扯的。头几章我看得比较仔细，很快就越翻越快，距技术那部分还有很大篇幅的地方，我已经不耐烦了，扔掉，非常抱歉，阿捷。其实我是非常感激你的，不管怎么说，最终我走进了标准设计。（我的习惯，在对新事物做出选择和决定以前，我不会去碰技术方面，我需要从概念上全面审视它，一旦我觉得有前景，值，我才会着手于技术的学习，并义无反顾的走下去，毕竟方向是很重要的，而技术再难都可以被攻破，时间实在太珍贵了。）放下书，头脑比较乱，这就是重构？感觉就像一个新的泡泡被吹了起来，标准是有价值的，但是有那么夸张吗？我们来看看它所宣传的优势：
1、节约带宽。
这个算什么优势？让我想起了曾经使用压缩网页代码工具、曾经为一个JPG的图片1％的调整压缩比以获得最佳效果最小大小的时代，随着互联网的高速发展，这些都成为了过去时，它们对网站速度的影响越来越小，小到可以忽略。没人再用压缩代码工具了吧，曾经为在压缩比为54％、55％之间都要比较半天的我现在基本上通通设定为80％，唯一保留的是还在JPG和GIF中保持选择，那也更多的是为了质量，而非大小。
2、完全兼容各种浏览器（实践过程中发现，其实也不是，相信还没表格兼容性好）。
在IE统率98%以上的江山下，它就是标准，不要说国外有很多人用其他浏览器，那也是相对于中国而言，我相信国外还有更多更多更多的人用IE。其实浏览器的兼容性很早就在谈，但IE实在太普及了，现在翻出来重提感觉意义也不大。你相信IE会垮掉吗？你相信短期内LINUX会普及到桌面吗，还要超过WINDOWS。所以，翻旧帐而已，算什么优势？
3、盲人阅读器。
我靠，我都要笑出声了。走开走开。（别骂我歧视哈，我说事实而已）
4、方便的改版。
是吗？我怀疑，而后实际上也是不可能的。我们来看看，首先说明，标准的定义是抛弃表格布局。
第一种改版方式：版式不变，变色彩。
这种情况下，DIV比表格有优势吗？我是说布局上。我很早就开始都使用CSS来控制所有色彩，当然包括表格背景，用表格布局的网站我同样可以只改动样式表。（后来的实践证明，这种情况下表格还有优势，因为他的样式表很简单，而DIV的样式表很复杂，尤其是在对整个网站而非单个页面。如果一个大网站全部标准化，他的样式表将数倍甚至十几倍于用表格布局的样式表。你认为谁快谁慢？？？）
第二种情况：包括结构在内全变。
这种情况下，做为表格布局的网站需要按照新的设计稿重新画表格进行设计。难道标准化的网站就可以只修改样式表吗？（当时我表示怀疑，而后的实践证实了，不可能的，DIV的设计是有针对性的，结构变，DIV、UL、LI、SPAN、P等等全部都要跟着变，样式表得全新设计，那和修改就不一样了。我相信那个一个页面，百多样式表的模范代表，里面不会有2个结构完全相同只是数据不同的样式表。那样的话就回到了第一种改版方式。）
另外还有一点，关于图片的问题，不管那种方式都是不可能改变图片的色彩和大小，所以一旦改版，所有的图片几乎都要变，改动越大变得越多。
除非网站只使用色块，不用图片、FLASH等或很有改版针对性的少量使用，那么方便的改版……梦想吧。（PNG的透明模式是个不错的东西，不过他也只解决了色彩的问题，而且IE哪年哪月支持还遥不可及。）
5、支持手机、PDA等无线设备的访问，并兼容未来的新设备。
这个是唯一一个让我觉得有价值的地方。但是……后面谈。
6、在设计上绝对优于表格的控制。
这个是在后来的实践中我发现的，也是最终将我吸引到标准化设计中来的最重要的因素。表格我用了近五年，可谓炉火纯青了，而DIV让我知道了原来页面上每个象素都是可以在掌握之中的，那种精确是表格代替不了的，一句话概括一下吧：基于表格的设计思路是二维的，是平面的，而基于DIV的设计思路是三维的，是立体的，真的是天马行空，随心所欲！其实我最初在DW3的时候用过半年的层，原因简单，它是三维的，而且可以拖动，但是很快我发现层糟糕的定位让我根本无法控制它，当时不知道是离开了样式表的原因，唉，如果当时，2000年哦，我研究进去，发掘出CSS的话，啊哈哈哈哈哈哈……
7、还有一些优势是实践中体会出来的，如果有机会，以后再一点一点的说。

　　经过一阵思考，我在想一个问题，那就是XML，书中很多次的提到它，而且也很明白的说，标准的意义是以便以后平滑的过渡到XML。XML不是新东西，两年前就被炒过一次，实际上对于当时来说，过于超前了，就是对于现在来说，对于前台也是很超前的。通过重构一书，我走近了XML，以前总感觉XML很远，概念也比较模糊。对于一种过渡技术，我是不喜欢的，于是放下重构后，我走向XML和XSL的书架，那才是终点，那才有挑战性。
但是一个很现实的问题，目前大量网站根本无法直接走向XML，过渡是必须的，于是我依然关注标准化，但我一直没有动手也没动脑，只是关注，因为大量基于标准设计的网站设计都很糟糕，一些比较界面比较优秀的设计都出现在个人网站上，很少，而且多数是国外的网站，我们知道，英文的表现力比中文强太多，所以我一直很犹豫，作为一个设计师，我肯定无法为了新技术而抛弃界面的美观与友好，UI在日益重视的用户体验设计上举足轻重，更何况还有品牌、VI等平面设计理念在里面，怎么可能放弃，再说了，标准宣传的优势我已经几乎否定了。另外，如果标准只能用于小型的个人网站或企业网站的化，那么标准的普及将受很大的影响（这也是标准推广中需要考虑的，我们现在是农村包围城市，是自下而上的进行推广，但是我总觉得如果能由门户网站带头进行推广，充分发挥门户网站的影响力，自上而下的推广的话，效果肯定会好很多。），我一直希望看见一个界面美观的，中文的标准化的门户网站，但是没有。
直到一天，我在看了一篇文章和一个网站后，一切都变了。这片文章就是阿捷的《理解表现与结构相分离》，这个网站是www.themaninblue.com。我个人觉得阿捷这篇文章写得相当不错，建议每个设计师都认真看看。我们越来越多的使用样式表控制整个站点，恨不得将每个表现都写进样式表，最初是字体大小，然后是字体色彩，然后是边框，然后是单元格背景色，然后等等，目的是什么？表面上是为了方便于控制和修改，实质上我们是在潜意识的，不知不觉将表现和内容分离。但是由于表格布局的原因，我们始终无法做到将表现与内容彻底分离，依然有很多仅仅是为了美观，为了方便，为了炫耀等等和内容无关的表现借助表格和内容混杂在了一起，如胶如漆，好不缠绵。这不得不让我重新审视标准，尽管他宣称的诸多优势感觉很缥缈，但是它这个最基础的概念确是相当实在的。而那个国外的站点则让我看见了在标准上实现设计的希望，而且他对分辨率的自适应也让我为之一振，虽然表格也可以用百分比来兼容分辨率，但百分比是很难准确定位的，我几乎就没使用过用百分比来控制表格。
很快，这个网站就躺在我硬盘里了，打开他的所有CSS，打开他的首页开始研究，尽管刚开始看还是比较茫然，但是经过粗略的看了它几个DIV的实现方式，感觉似乎也不是很难，于是我很狂的对徒弟说到：一周内熟悉，一个月内精通。我终于下定决心走向标准化设计道路。
正好，我们的网站面临改版，我决定将标准全面应用于新网站，在提交老总的计划中我写到这么一条：
……
2、学习重构技术并全面用于新网站的建设，实现国内第一个全面使用web标准的门户站点。（由于我还完全不会，所以这个呢，视开发过程中具体情况而定，若确实太难，则放弃。毕竟目前重构技术应用只是出现在简单的个人网站中。）
……
依然有所保留，依然有所畏惧，毕竟一夜间，积累了5年的表格排版技术化为灰烬，还是不是那么舒服的，但是决心已下，唯有全力以赴。
抓紧时间在7月27日完成改版设计稿，7月28日一早，打开Editplus、DW、IE、Opera、Mozilla，打开沈小雨的样式表手册、硬盘上的themaninblue与macromedia两个网站，双手一搓，开始了我的第一次标准化设计。

本文转自爆牙齿博客园博客，原文链接：http://yuntian.cnblogs.com/articles/42508.html，如需转载请自行联系原作者