ASP  DREAMWEAVER  编码工具栏
在前面创建网页和查看代码时，已经多少了解文档的【代码】视图、【拆分】视图和【设计】视图三种显示方式。而对于开发动态网页时，要经常使用【代码】视图。
【编码】工具栏包含可用于执行多种标准编码操作的按钮，如折叠和展开所选代码、高亮显示无效代码、应用和删除注释、缩进代码、插入最近使用过的代码片断等等。【编码】工具栏垂直显示在【文档】窗口的左侧，仅当显示【代码】视图时才可见，如图1-33所示。
图1-33  【代码】视图中的工具栏
若要了解和使用每个按钮的功能，可以将鼠标指针定位于按钮上将出现工具提示。默认情况下编码工具栏中将显示以下表1-2中的按钮。
表1-2  【编码】工具栏中的按钮
按钮图标
按钮名称
含义
打开文档
列出打开的文档。选择了一个文档后，它将显示在【文档】窗口中。
显示代码导航器
显示代码导航器。
折叠整个标签
折叠一组开始和结束标签之间的内容（如位于<table>和</table>之间的内容）。必须将插入点放置在开始或结束标签中，然后单击【折叠整个标签】按钮折叠该标签。
折叠所选
折叠所选代码。
扩展全部
还原所有折叠的代码。
选择父标签导航页源码
放置插入点的那一行的内容及其两侧的开始和结束标签。如果反复单击此按钮且的标签是对称的，则将选择最外面的<html>和</html>标签。
平衡大括弧
放置插入点的那一行的内容及其两侧的圆括号、大括号或方括号。如果反复单击此按钮且两侧的符号是对称的，则将选择该文档最外面的大括号、圆括号或方括号。
行号
使可以在每个代码行的行首隐藏或显示数字。
高亮显示无效代码
用黄高亮显示无效的代码。
自动换行
单击该按钮，一行中较长的代码，将自动换行。
信息栏中的语法错误警告
启用或禁用页面顶部提示语法错误的信息栏。当检测到语法错误时，语法错误信息栏会指定代码中发生错误的那一行。此外，会在【代码】视图中文档的左侧突出显示出现错误的行号。默认情况下，信息栏处于启用状态，但仅当检测到页面中的语法错误时才显示。
应用注释
在所选代码两侧添加注释标签或打开新的注释标签。
删除注释
删除所选代码的注释标签。如果所选内容包含嵌套注释，则只会删除外部注释标签。
环绕标签
在所选代码两侧添加选自【快速标签编辑器】的标签。
最近的代码片断
从【代码片断】面板中插入最近使用过的代码片断。
移动或转换CSS
将CSS移动到另一位置，或将内联CSS转换为CSS规则。
缩进代码
将选定内容向右移动。
凸出代码
将选定内容向左移动。
格式化源代码
将先前指定的代码格式应用于所选代码，如果未选择代码，则应用于整个页面。
通过对【编码】工具栏的认识，可以使用工具栏中的按钮来快速编写比较规范的代码。
1．多文档之间切换
在【编码】工具栏中，单击【打开文档】按钮，并在弹出的文件列表中，选择需要打开的文档，如图1-34所示。
图1-34  打开文档
在单击【打开文档】按钮后，则弹出文档列表。而所弹出的文档内容，都是在Dreamweaver窗口的【文档】窗口中，所打开的文档。
2．使用代码导航器
将光标定位于，引用其他代码或者文件的语句，并单击【显示代码浏览器】按钮。然后，在光标附近显示所引用的代码内容，如图1-35所示。
图1-35  显示代码浏览器
3．折叠标签
在【代码】文档中，选择一组标签，如选择<div> </div>标签，单击【折叠所选】按钮，如图1-36所示。
图1-36  选择需要折叠的标签
当折叠标签后，则在该标签组的第一行行号后面显示一个“加号”（），并标签名称，以及标签名称后面跟省略号，如图1-37所示。
图1-37  折叠后的标签
如果需要再显示所折叠标签的内容，则可以单击工具栏中的【扩展全部】按钮，即可将所有折叠的标签内容显示出来，如图1-38所示。
图1-38  显示全部标签
4．代码格式化
当用户在编写程序代码时，一般会按照文本的录入方式，逐行逐段的录入代码内容。但录入的内容比较凌乱，代码标签之间，段落与行之间，并不清晰。
因此，用户可以单击工具栏【格式化源代码】按钮，并在弹出的列表中，执行【应用源格式】命令，如图1-39所示。
图1-39  套用代码格式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。