一、快速启动:Dreamweaver-html源代码自动格式化

  如何把自己页面的源代码按照标准的格式整理好!

  有时候就要一行一行的先把前面的空格去掉,再用Tab键缩进.硬是搞了好几天. 现在想想真是傻,其实Dreamweaver8本身带有自动整理的功能!

  首先在[编辑]|[首先参数]的"代码格式"中设置好格式:

  第一行-缩进:勾选.可以选择使用Tab键或空格键填补缩进.

  第二行-制表符大小:Tab键所占空位.这个只在DreamWeaver中有影响.不管你设为几,在文件中,一个Tab键还是一个Tab键.

  第三行-自动换行:是否自动换行.不选.

  第四行-换行符类型:换行符类型.(Windows)

  第五、六、七行:标签大小写.

  第八行:TD后无换行.不勾选.

  第九行:居中方式.

  设置好以后,点确定.然后转到菜单:[命令]|[应用源格式] -----看看源代码,已经整整齐齐了!

  哈哈.好简单.


  二、用Dreamweaver实现HTML代码格式化和净化功能

  我们在利用Dreamweaver3进行网页制作前,可以进行“格式化HTML代码”参数设置,如控制缩进、设置行间隔、设置标记和属性名称的大小写等,从而在创作文档时,保持其源代码格式简洁明了,也便于自我维护。 利用“格式化HTML代码”和“净化HTML代码”的特性,还可以对现有文档的HTML代码进行格式化和净化,实现统一的HTML代码格式,删除无用的代码,修复代码错误,优化代码,提高代码质量。


  1、HTML格式化参数设置

  位置:打开“Edit”菜单,选择“Prefernces”,打开参数选择对话框,选择“HTML Format”项,设置相关参数。

  选项:

  Indent(缩进):缩进方式。

  Use(使用):选择用空格或制表符(Tab)实现缩进。

  Table Rows and Columns(表格行和列):选择,则会自动缩进用于创建表格的tr标记和td标记。

  Frames and Framesets(框架和框架集):选择,则会自动缩进用于创建框架和框架集的frames标记和framesets标记。

  Indent Size(缩进尺寸):单位“字符”。

  Tab Size(制表符尺寸):单位“制表符”。

  Automatic Wrapping(自动换行):选择自动换行和行数。

  Line Breaks(回行):不同的系统,选择不同的方式。

  Case for Tage(标记的大小写):选择大小写方式,只对文档窗口编辑操作有效。

  Case for(属性的大小写):选择大小写方式,只对文档窗口操作有效。

  Override Case Of(覆盖标记):全选中,则会根据上面的设置,在各种编辑状态下,对各种文档,强制对标记或属性的大小写进行重写。

  Centering(居中):居中方式的两种源代码的选择。


  2、格式化现有文档的HTML代码

  通过格式化参数设置,除了“Override Case Of(覆盖标记)”属性以外,通常只对新建文档或现有文档中新输入的内容有效,对现有文档中的源代码进行格式化,可以如下操作:

  用Dreamweaver3打开现有文档,打开“Commands”菜单,选择“Apply Source Formatting”命令。


  3、HTML重写参数设置

  位置:打开“Edit”菜单,选择“Prefernces”,打开参数选择对话框,选择“HTML Rewriting”项,设置相关参数。

  选项:

  Fix Invalidly Nested and Unclosed Tags(修复无效的嵌套和未封闭标记)

  Remove Extra Closing Tags(删除多余的封闭标记)

  Warn when Fixing or Removing Tags(当修复或删除标记时发出警告)

  Never Rewrite HTML :In Files with Extensions(从不重写带有扩展名的HTML文档):可以在文本框中输入相应的扩展名,用空格隔开。

  Special(特殊):两个选项用于设置是否对某些特定字符进行编码。


  4、净化现有文档的HTML代码

  净化现有文档的HTML代码,可以删除无用的代码,优化源代码。如下操作:

  位置:用Dreamweaver3打开现有文档,打开“Commands”菜单,选择“Clean Up HTML”命令,进行选择。

  选项:

  Empty Tags(空标记)

  Redundant Nested Tags(多余嵌套标记)

  Non-Dreamweaver HTML Comments(非Dreamweaver HTML注释):所有非Dreamweaver自动生成的注释信息。

  Dreamweaver HTML Comments(Dreamweaver HTML注释)

  Specific Tag(s)(特定标记):可以在文本框中输入相应的想删除的标记。

  Combine Nested Tags When Possible(尽可能融合嵌套的标记):对文档中的嵌套标记进行重新组合。

  Show Log on Completion(完成后显示提示)

  另外,Dreamweaver3还可以对Microsoft Word生成的HTML文档进行净化。同理,不妨可以自己试试。


,Dreamweaver教程,Dreamweaver技巧