在dw中如何调试html代码,如何在Dreamweaver中优化和调试网页模板编辑器
代码-Dreamwe。。。
了解如何在 Dreamweaver 中清除代码、检查浏览器兼容性、验证 XML ⽂档并使页⾯符合 XHTML 规范。
清理代码
您可以⾃动删除空标签,合并嵌套 font 标签,以及通过其它⽅法改善杂乱或难以辨识的 HTML 或 XHTML 代码。
有关如何清理从 Microsoft Word ⽂档⽣成的 HTML 的信息,请参阅打开和编辑现有⽂档。
在打开的⽂档中,选择“⼯具”>“清理 HTML”。
在出现的对话框中,选择任⼀选项并单击“确定”。
注意:根据⽂档⼤⼩和所选选项数⽬的不同,可能需要⼏秒钟完成清理。
删除空容器标签
⽤于删除标签对之间没有任何内容的标签。例如, 和 是空标签,但 some text
标签则不是空标签。
some text 中的 标签则不是空标签。
删除多余的嵌套标签
wanted to say 中,really ⼀词两侧的 b 标签为多余的标
really wanted to say
⽤于删除某个标签的所有多余实例。例如,在代码 This is what I
This is what I really
签,将被删除。
删除⾮ Dreamweaver HTML 注释
⽤于删除所有并⾮由 Dreamweaver 插⼊的注释。例如, 将被删除,但 不会被删除,因为它是标记模板中的可编辑区域开头的Dreamweaver 注释。
删除 Dreamweaver 特殊标记
⽤于删除 Dreamweaver 添加到代码中的注释,这些注释允许在更新模板和库项⽬时⾃动更新⽂档。如果在基于模板的⽂档中清除代码时选择此选项,⽂档将与模板分离。有关详细信息,请参阅将⽂档与模板分离。
删除指定的标签
⽤于删除相邻⽂本框中指定的标签。使⽤此选项可删除由其它可视化编辑器插⼊的⾃定义标签以及其它您不希望在站点中出现的标签(例如,blink)。请⽤逗号分隔多个标签(例如,font,blink)。
标签”>
尽可能合并嵌套 标签
⽤于合并两个或多个控制相同范围⽂本的 font 标签。例如,big red 将被更改为 big red。
完成后显⽰记录
⽤于在完成清理时显⽰⼀个警告框,其中包含有关⽂档改动的详细信息。
验证标签和⼤括号是否对称
您可以检查以确保页⾯上的圆括号 (( ))、⼤括号 ({ }) 和⽅括号 ([ ]) 是对称的。对称的意思是每个开始的标签、圆括号、⼤括号和⽅括号有相应的结束部分,反之亦然。
检查标签是否对称
在“代码”视图中打开该⽂档。
将插⼊点放在嵌套代码中要进⾏检查的地⽅。
选择“编辑”>“选择⽗标签”。
在代码中选中两侧的匹配标签(以及它们之间的内容)。如果您继续选择“编辑”>“选择⽗标签”且您的标签已对称,则最终 Dreamweaver 将选择最外⾯的 html 和 /html 标签。
检查圆括号、⼤括号和⽅括号是否对称
在“代码”视图中打开该⽂档。
将插⼊点放在代码中要进⾏检查的地⽅。
选择“编辑”>“代码”>“平衡⼤括弧”。
此时将选中圆括号、⼤括号和⽅括号中的所有代码。再次选择“编辑”>“代码”>“平衡⼤括弧”,选中圆括号、⼤括号和⽅括号内的新选定内容中的所有代码。
检查浏览器的兼容性
浏览器兼容性检查 (BCC) 功能可以帮助您定位能够触发浏览器呈现错误的 HTML 和 CSS 组合。此功能还可测试⽂档中的代码是否存在⽬标浏览器不⽀持的任何 CSS 属性或值。
验证 XML ⽂档
您可以设置验证程序的⾸选参数、验证程序应该检查的特定问题、以及验证程序应该报告的错误类型。
执⾏下列操作之⼀:
对于 XML 或 XHTML ⽂件,选择“⽂件”>“验证”>“为 XML”。
“结果”⾯板的“验证”选项卡将显⽰“没有错误或警告”消息,或者列出到的语法错误。
双击某⼀错误信息可将此错误在⽂档中⾼亮显⽰。
若要将此报告保存为 XML ⽂件,请单击“保存报告”按钮。
若要在主浏览器(该浏览器允许您打印报告)中查看报告,请单击“浏览报告”按钮。
使⽤ W3C 验证程序验证⽂档
Dreamweaver 本⾝⽀持 W3C 验证程序,可帮助您创建符合标准的⽹页。W3C 验证程序可验证 HTML 和 XML ⽂档是否符合 HTML、XHTML 或 XML 标准。既可验证打开的⽂档,也可验证张贴到活动服务器上的⽂件。
使⽤验证后⽣成的报告来修复⽂件中的错误。
注意:在 Dreamweaver 的⾸选参数中,您可以指定验证您的⽂档时必须参照的解析程序。当⽆法⾃动检测到 DOCTYPE 时,此⾸选参数将⽤作回退设置。
验证打开的⽂档
选择“窗⼝”>“结果”>“验证”以打开“验证”⾯板。此⾯板将会显⽰验证结果。
选择“⽂件”>“验证”>“当前⽂档 (W3C)”。
验证实时⽂档
对于实时⽂档,Dreamweaver 验证由浏览器收到的代码。在浏览器中单击右键,然后选择查看源代码的选项后,显⽰此代码。在验证使⽤PHP、JSP 等的动态页⾯时,验证实时⽂档尤其有⽤。
只有在所验证页⾯的 URL 以 http 开头时,才会启⽤“验证实时⽂档”选项。
选择“窗⼝”>“结果”>“验证”以打开“验证”⾯板。此⾯板将会显⽰验证结果。
单击“实时视图”。
选择“⽂件”>“验证”>“实时⽂档 (W3C)”。
对于实时⽂档,双击 W3C 验证⾯板中的错误时,将打开⼀个单独的窗⼝。该窗⼝中显⽰由浏览器⽣成的代码,并突出显⽰有错的⾏。
⾃定义验证设置
选择“窗⼝”>“结果”>“验证”以打开“验证”⾯板。
在“W3C 验证”⾯板中,单击“W3C 验证”(播放)图标。选择“设置”。
如果尚未显式指定⽂档的 DOCTYPE,则选择⼀种⽤于验证的 DOCTYPE。
如果不想显⽰错误和警告,请清除这些选项。
如果要删除已使⽤“W3C 验证”⾯板隐藏的任何警告或错误,请单击“管理”。删除警告和错误时,如果在“W3C 验证”⾯板中选
择“显⽰全部”,则不显⽰这些警告和错误。
如果不想在开始验证时显⽰“W3C 验证程序通知”对话框,则选择“不显⽰ W3C 验证程序通知对话框”。
使⽤验证报告
验证完成后,“W3C 验证”⾯板中将显⽰验证报告。
有关错误或警告的详细信息,请选择“W3C 验证”⾯板中的错误/警告。单击“更多信息”。
若要将报告保存为 XML ⽂件,请单击“保存报告”。
若要以 HTML 形式查看整个报告,请单击“浏览报告”。HTML 报告提供错误和警告的完整列表以及摘要。
若要跳转⾄代码中含有错误的位置,请在“W3C 验证”⾯板中选择该错误。单击“选项”按钮,然后选择“转到⾏”。
若要隐藏错误/警告,请选择该错误/警告。单击“选项”按钮,然后选择“隐藏错误”。
若要查看所有错误和警告(包括隐藏的错误),请单击“选项”按钮。选择“显⽰全部”。不列出“⾸选参数”对话框中删除的任何隐藏的错误和警告。
若要清除“W3C 验证”⾯板中的所有结果,请单击“选项”按钮。选择“清除结果”。
设置验证程序⾸选参数
除了标准 W3C 验证程序之外,Dreamweaver 还⽀持您作为扩展安装的外部代码验证程序。安装外部验证程序扩展时,Dreamweaver 会在“⾸选参数”对话框的“W3C 验证程序”类别中列出其⾸选参数。
选择“编辑”>“⾸选参数”(Windows) 或“Dreamweaver”>“⾸选参数”(Macintosh)。
从左侧的“类别”列表中选择“W3C 验证程序”。
选择验证要参照的标签库。
您⽆法选择同⼀标记库或语⾔的多个版本;例如,如果您选择了 HTML 4.01,则⽆法选择 HTML 5。选择验证要参照的最早版本。例如,如果某个⽂档包含有效的 HTML 4.01 代码,那么该⽂档也将是有效的 HTML 5 代码。
选择要在验证程序报告中包含的错误和警告类型的“显⽰”选项。
单击“应⽤”以应⽤更改,然后单击“关闭”以关闭“⾸选参数”对话框。
使页符合 XHTML
当您创建页时,您可以使该页符合 XHTML。您还可以使现有的 HTML ⽂档符合 XHTML。
创建符合 XHTML 的⽂档
选择“⽂件”>“新建”。
选择要创建的页的类别和类型。
从对话框最右端的“DocType”弹出菜单中选择⼀种 XHTML ⽂档类型定义 (DTD),然后单击“创建”。
例如,可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML ⽂档与 XHTML 兼容。
注意:不是所有的⽂档类型都可以符合 XHTML。
默认创建符合 XHTML 的⽂档
选择“编辑”>“⾸选参数”或 Dreamweaver >“⾸选参数”(Mac OS X),然后选择“新建⽂档”类别。
选择默认⽂档并从“默认⽂档类型(DTD)”弹出菜单中选择⼀种 XHTML ⽂档类型定义,然后单击“确定”。
例如,可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML ⽂档与 XHTML 兼容。
使现有 HTML ⽂档符合 XHTML
打开⽂档,然后执⾏下列操作之⼀:
对于不含框架的⽂档,请选择“⽂件”>“转换”,然后选择⼀种 XHTML ⽂档类型定义。
例如,可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML ⽂档与 XHTML 兼容。
对于含框架的⽂档,请选择框架并选择“⽂件”>“转换”,然后选择⼀种 XHTML ⽂档类型定义。
若要转换整个⽂档,请对每个框架以及框架集⽂档重复此步骤。
注意:您不能转换模板的实例,因为模板的实例必须与它所基于的模板使⽤相同的语⾔。例如,基于 XHTML 模板的⽂档将始终是XHTML,基于不符合 XHTML 的 HTML 模板的⽂档将始终是 HTML,并且不能把它转换为 XHTML 或其它语⾔。
更多此类内容
更改代码格式
设置代码颜⾊
检查 CSS 的跨浏览器呈现
XHTML 代码
使⽤ ColdFusion 组件
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论