质量因素: 比较 Web 站点的外观和功能

 对您的 Web 页面进行简单更改是否仍需要花费很长时间？您是否由于 Web 页面的大小而支付了过高的带宽费用？您是否曾仅为了处理浏览器差别而编写几百行代码？如果是这样，那么您可能过多地强调了 Web 页面的外观，而不是其功能。并且，您也可能花费了过多的时间来确保对旧浏览器的向后兼容性。

本文是质量因素 系列文章之一，将向您展示如何转移 Web 站点的重点和优先级 [并使用 W3C 标准，如XHTML、级联样式表（CSS）和文档对象模型（DOM）] 来减少维护时间、宽带费用以及所编写的特定于浏览器的代码量。

维护梦魇

SHEEP Web 小组被指派去增强 SHEEP 客户销售应用程序 —— 一个典型的电子商务站点，此站点主要包含产品目录和购物车。该小组注意到的第一件事情是这个站点非常有吸引力。它以生动有趣的方式来展示公司的产品。但是用户满意度调查却反复表明用户对于大量的产品描述和产品细节以及对产品进行比较的能力都不满意。

Web 小组的任务是向该商务站点添加更多内容，并增加产品比较功能。在小组进行修改时，他们至少遇到了两个主要的难题：

代码是和表及小的间隔图片一起装入的，目的是得到所需布局。当添加新行或列来显示新的内容时，很容易出现排版错误。在很多浏览器上对每个更改进行测试后，该小组才发现了此类错误。复杂的表布局还增加了确定在何处做更改或添加内容所需的时间。
应用程序有几百行 JavaScript 代码专门用来补偿浏览器差异和特殊效果。遗憾的是，对该代码进行的最后一次维护是在引入流行的浏览器（例如 Firefox®）之前。结果，小组投入了大量的时间来修改 JavaScript 代码，以便应对较新的浏览器。

。。。。。。

                                                                                              点击此处查看全文