如何使用Dreamweaver整理HTML代码和优化网页文档

在制作完网站之后，许多初学者马上会想到上网发布，希望立即感受一下自己的劳动成果。然而结果往往会事与愿违，因为在网站发布之前还有一步重要的优化测试工作是不能省略的。网站的优化指的是对网站的HWL源代码进行优化，而网站的测试指的是对站点中的所有网页进行有效测试，其目的是在尽可能短的时间里发现尽可能多的问题，然后经过一个发现问题、解决问题的过程，从而保证网页在尽可能短的测试期后能够较稳定地、正常地运行。

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

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

    1．整理HTML代码

    Dreamweaver中为现有文档的代码提供了特殊的模式进行重新排版以便于阅读和理解J

时也不用担心该功能会改变代码的实质性内容。

   其具体的操作步骤如下：

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

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

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

    2．优化网页文档

   通过使用Dreamweaver中提供的Clean Up HTML(优化HTML)命令，可以从网页文档

中去掉空标记嵌套的font标记等，这样就可以减少网页的代码量。

   其具体的操作步骤如下：

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

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

③随后，系统会跳出对话框，提醒用户对优化的方式进行选弹。

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

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

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

    (c)Specific Tag(选项)(特定标记)：如果选择该复选框，系统就可以从文档中删除特定的标记。我们利用该特性，可以从文档中删除那些内其他可视化编辑器生成的标记、自定义标记或者那些不希望被放量到站点上的标记。

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

   ●Combine Nested <font>Tags When Possible(尽可能融合嵌套的<font>标记)：选中复选框，系统就会对网页文档中所嵌套的font标记进行重新组合。

   ●Show Log on Completion(完成后显示提示)：选中该复选框，系统则在优化操作完毕后显示相关的提示信息。

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

本文由首发于推一把论坛，转载请保留链接！