新工作、新项目、新任务和新职责都伴随着风险。而且您可能有一个新老板、新办公室或一组新同事，但最让人感到胆怯的莫过于接手一个 Web 站点，这个 Web 站点现在由您来看护，而您根本不知道这个 Web 站点是如何整合的。通常 — 尤其是当您接管缺乏经验的 Web 设计师（或者更糟的是，是一个只会 “填充” 的人）的时候 — 您将要继承的站点是乱作一团的内容、演示文稿，甚至一些活动。当然，页面也很难看。如果没有 blink 标签，就一定会有 紊乱的样式，混杂着 CSS 样式的 font 标签，不完整的和滥用的 HTML 标签 …… 简直是一团乱麻。
谢天谢地，有一个逻辑方法可以将这类页面转化为完美的、容易维护的 Web 站点。这个包含两部分的系列将提供一些指导，将凌乱的页面转化为结构良好的、有条理的、可维护的代码。在第 1 部分中，您将学习如何让站点变得可维护。在 中，您将组织站点的布局，提高其效率，并确保其在您掌控之中。
事实证明，一些经过事实检验的技术可以将这类任务变得易于管理，让您取得卓越的成效。这些技术还会确保您能够用最少的努力来重建站点，将大多数时间用于改进和维护站点。然后，如果以后您有机会更新甚至重新设计一个类似的站点，您可以从分段良好的 HTML 和CSS 开始，而不是从令人费解和样式紊乱的 HTML 开始。
评估：您有什么？ 处理别人的工作时，应该做的第一件事情是弄清楚自己到底有什么。也许直觉告诉您应该立即使用记事本（Windows® 中）和编辑器。但是，此刻所进行的更改将会使一切变得一团糟。您需要理解您正在处理什么，也许还需花几分钟时间 — 5 分钟或不超过 10 分钟 — 补充一些知识。
站点一览使用 Web 浏览器打开站点。不要破坏 HTML 和 CSS，不用关心图像格式是 JPG 还是 GIF，只要打开站点就行了。使用记事本快速记下您看到的内容。但是（也是最困难的地方），只需关心重要的内容。不要关心 Internet Explorer 7 中的两个表之间的细微空白。相反，匆匆记下最初的印象：顶部的标题太过醒目。水平滚动太麻烦（实际上总是如此！）等等。
此处的关键不是使用许多步骤列出的需要对 HTML 所做的轻微改动。只需对其有一个总体印象。喜欢这个站点吗？讨厌这个站点吗？是不是内容太多了？图像太粗糙？您应该对如何处理站点的设计 形成一个大概的观点。您将处理一些实现，但一定要弄清楚大方向。
这个时候，您也希望没有 大量的设计工作要做。如果这个站点看起来非常完美，那么您的工作就轻松多了。这也是我让您在探究 HTML 和 CSS 之前 检查站点的原因。许多站点在谈到实现时都像是一场灾难，但站点本身看起来非常完美。如果先看到 HTML 和 CSS 纠结在一起的混乱局面，然后 查看站点，您可能会得出错误的结论，而进行不必要的重新设计 — 这都是因为站点的实现倒了您的胃口。首先查看站点，作出决定，然后钻研 HTML 和 CSS 中。
标准化探究代码之前，您还需要执行一个步骤（虽然这无疑更接近实现）：验证您的 Web 页面。验证是查看您的 Web 页面是否是 HTML、XHTML，以及您的页面可能符合这些规范的哪个版本。通常，您还是想坚持使用 Web 页面的现有格式。
记住现在的目标是减少努力，因为您需要尽可能快速和轻松地让这个站点变得可维护。如果要重新设计站点，那么您可能希望转向您喜欢的方式。例如，如果您是一位 XHTML 专家，您可能会将此站点更改为 XHTML，因为那是您的选择标准。但如果目标是效率，那么保持页面的当前格式可能 是您最好的选择。
了解规范目前存在两种基本的 HTML 风格：HTML 和 XHTML。也许您学习 HTML 已经超过十年了。XHTML 是 HTML 的 XML 化的版本，它引入了一些新规则和技巧。对于 HTML，您要处理的是 4.01。在这个版本中，可以使用过渡型版本，它比较松散（针对从旧版本移动到 4.01 的人），也可以使用严格的版本，它会确保每一件事都正确无误。在 XHTML 中，必须使用大量特定于 XML 的内容，比如始终具有结束标记，而 HTML 不需要这些内容。在 XHTML 中，具有 1.0 过渡版本和严格版本，前者用于从 HTML 转移到 XHTML，而后者意味着所有内容都特定于 XHTML 。还有 1.1 规范，但并不是很有用。要获得有关 HTML 和 XHTML 的更多信息，请参阅 Head First HTML with CSS & XHTML，这本书我可以推荐，因为我编辑的，在本文的 部分可以找到这本书。
弄清已经获得了什么 访问 W3C Markup Validator（请参见 ）并为此站点提供自己站点的 URL（参见图 1）。
图 1. W3C Validator Validator 将检查您的页面，并显示如图 2 所示的内容。
图 2. 验证摘要 在本例中，Validator 判断出您的页面属于哪种编码和 doctype，然后对其进行验证。 |
