一 个 性 能 良 好 的 网 站 在 其 建 设 的 后 期 应 该 考 虑 到 网 站 优 化 这 个 问 题 。 由 于 现 在 使 用 的 网 页 编 辑 工 具 除 了 Dreamweaver 之 外 还 有 很 多 , 比 如 F rontpage 或 者 W ord 2000 之 类 的 工 具 。 这 些 工 具 所 创 作 的 网 页 , 也 许 会 产 生 无 效 的 垃 圾 代 码 。 这 就 大 大 增 加 了 网 页 文 挡 的 大 小 , 从 而 增 加 网 站 服 务 器 的 负 担 , 使 我 们 用 户 在 访 问 该 网 站 的 时 候 下 载 时 间 延 长 、 网 页 浏 览 速 度 变 缓 , 甚 至 可 能出现意想不到的错误。

  幸 运 的 是 D reamweaver 工 具 提 高 了 优 化 H TML 源 代 码 的 功 能 , 可 以 最 大 限 度 地 对 网 页 文 档 中 的 垃 圾 代 码 进 行 瘦 身 , 从 而 修 复 代 码 错 误 、 提 高 源 代 码 质 量 。 本 小 节 就 来 介 绍 如 何 利 用 Dreamweaver 4来优化网站。

  1.整理HTML代码

  Dreamweaver 4中为现有文档的代码提供了特殊的模式进行重新排版以便于阅读和理解,同时也不用担心该功能会改变代码的实质性内容。

  其具体的操作步骤如下:

  ① 打开需要被优化的网页文档。

  ② 在文档窗口中依次选择“Commands”(命令集)菜单-** “Apply Source Formatting(应用源代码格式化)

  通过执行这个菜单操作,可以使HTML的源代码格式更加有层次感,更加清晰易读。

     2.优化网页文档

  通过使用Dreamweaver 4中提供的Clean Up HTML (优化HTML)命令,可以从网页文档 中去掉空标记嵌套的font标记等,这样就可以减少网页的代码量。

  其具体的操作步骤如下:

  ① 打开需要被优化的网页文档。

  ② 在文档窗口中依次选择“Commands”(命令集)菜单,然后选择“Clean Up HTML”(优 化HTML)命令。

  ④ 在Remove区域,系统让用户指定需要删除的内容。

  (a)Empty Tags ( 空 标 记 ) : 如 果 选 择 该 复 选 框 , 则 系 统 会 自 动 删 除 文 档 中 没 有 包 含 任 何 内 容的空标记。

  (b)、Dreamweaver HTML Comments ( Dreamweaver HTML 注 释 ) : 如 果 选 择 该 复 选 框 , 系 统 就 会 从 文 档 中 删 除 所 有 由 D reamweaver 4 产 生 的 注 释 。 在 上 传 之 前 , 最 后 删 除 一 切 注 释 来 提 高 下 载 速 度 , 但 是 如 果 删 除 了 Dreamweaver 的 注 释 , Dreamweaver的 一些 功 能 会 消 失 , 比 如 自 动 更新模板、库条目、页面成图等。

  (c)、Specific Tag(s)(特定标记):如果选择该复选框,系统就可以从文档中删除特定的标记。

  我 们 利 用 该 特 性 , 可 以 从 文 档 中 删 除 那 些 由 其 他 可 视 化 编 辑 器 生 成 的 标 记 、 自 定 义 标 记 或 者 那 些不希望被放置到站点上的标记。

  ⑤ 在Option (选项)区域里面,允许设置优化过程中的其他一些选项。

  Combine NestedTags When Possible ( 尽 可 能 融 合 嵌 套 的 < font>^ 记 ) : 选 中 该 复 选框,系统就会对网页文档中所嵌套的font标记进行重新组合。Show Log on Completion ( 完 成 后 显 示 提 示 ) : 选 中 该 复 选 框 , 系 统 则 在 优 化 操 作 完 毕 后显示相关的提示信息。

  ⑥ 当这些都设置完毕之后,点击OK按钮,这样就可以对当前打开的文档进行优化了。