在完美的世界里,分配给您维护、改进和重新设计的每个 Web 站点都将由您来创建。不幸的是,在现实世界中,您却总是被迫采用别人设计或构造的站点。
新工作、新项目、新任务和新职责都伴随着风险。而且您可能有一个新老板、新办公室或一组新同事,但最让人感到胆怯的莫过于接手一个 Web 站点,这个 Web 站点现在由您来看护,而您根本不知道这个 Web 站点是如何整合的。通常 — 尤其是当您接管缺乏经验的 Web 设计师(或者更糟的是,是一个只会 “填充” 的人)的时候 — 您将要继承的站点是乱作一团的内容、演示文稿,甚至一些活动。当然,页面也很难看。如果没有 blink
标签,就一定会有 紊乱的样式,混杂着 CSS 样式的 font
标签,不完整的和滥用的 HTML 标签 …… 简直是一团乱麻。
谢天谢地,有一个逻辑方法可以将这类页面转化为完美的、容易维护的 Web 站点。这个包含两部分的系列将提供一些指导,将凌乱的页面转化为结构良好的、有条理的、可维护的代码。在第 1 部分中,您将学习如何让站点变得可维护。在 第 2 部分 中,您将组织站点的布局,提高其效率,并确保其在您掌控之中。
事实证明,一些经过事实检验的技术可以将这类任务变得易于管理,让您取得卓越的成效。这些技术还会确保您能够用最少的努力来重建站点,将大多数时间用于改进和维护站点。然后,如果以后您有机会更新甚至重新设计一个类似的站点,您可以从分段良好的 HTML 和 CSS 开始,而不是从令人费解和样式紊乱的 HTML 开始。
处理别人的工作时,应该做的第一件事情是弄清楚自己到底有什么。也许直觉告诉您应该立即使用记事本(Windows® 中)和编辑器。但是,此刻所进行的更改将会使一切变得一团糟。您需要理解您正在处理什么,也许还需花几分钟时间 — 5 分钟或不超过 10 分钟 — 补充一些知识。
使用 Web 浏览器打开站点。不要破坏 HTML 和 CSS,不用关心图像格式是 JPG 还是 GIF,只要打开站点就行了。使用记事本快速记下您看到的内容。但是(也是最困难的地方),只需关心重要的内容。不要关心 Internet Explorer 7 中的两个表之间的细微空白。相反,匆匆记下最初的印象:顶部的标题太过醒目。水平滚动太麻烦(实际上总是如此!)等等。
此处的关键不是使用许多步骤列出的需要对 HTML 所做的轻微改动。只需对其有一个总体印象。喜欢这个站点吗?讨厌这个站点吗?是不是内容太多了?图像太粗糙?您应该对如何处理站点的设计 形成一个大概的观点。您将处理一些实现,但一定要弄清楚大方向。
这个时候,您也希望没有 大量的设计工作要做。如果这个站点看起来非常完美,那么您的工作就轻松多了。这也是
本文转自IBM Developerworks中国