用好代码视图的辅助功能

今天继续上次的话题，软件出现的目的就是为了提高用户的工作效率。Dreawmeaver和Expression Web同样是这样，它们的目的就是为了提高用户制作网页的效率。

Dreamweaver和Expression Web软件的功能不仅仅体现在可视化的操作上，而且在代码视图上对用户的帮助也是很大的。总体来说，代码编辑器能够提供的帮助，包括代码染色、快速选择、内容提示、错误提示、代码折叠这几大类。

下面我们就来介绍一下在代码视图中编写网页时，辅助软件能给我们提供哪些帮助。以下讲解以Expression Web为例，在Dreamweaver中基本大同小异。

代码染色

Expression Web和Dreamweaver都支持代码染色。可以看到根据代码中每个单词的不同成分，会用不同的颜色显示，这样可以帮助用户在繁多的代码中辨识需要寻找的位置。

快速选择代码

一个页面可能会很长，几百甚至几千行，这是如果需要找到某一个特地功能位置，就很麻烦。一个方便的方法是利用代码上端的“快速标记选择器”栏进行选择。在“快速标记选择器”栏会逐级列出从body元素当当前选中元素的层次关系，因此对于快速定位代码有非常大的帮助。

代码提示（智能感知）

1：在代码视图中，在需要输入属性名称的地方，会自动出现一个下拉框，列出属性名称，这时可以使用键盘的上下键选择，这时列出的属性是按字母书序排列的，如果要选择比较靠后的属性，则可以先输入一个属性的第一个字母，比如“color”的第一个字母是“c”，这时下拉框中就会跳到字母“c”开头的属性了。选中需要的属性以后，按回车键，这个属性就是输入到代码中了，这样既可以避免拼写错误，又可以提高输入的效率，是非常方便的功能。

2：不但如此，在输入一个属性名称以后，输入冒号以后，如果属性值是颜色，那么也会出现可供选择的颜色名称列表，如果希望自定义颜色，选择最上面的“选取颜色”项，就会出现颜色选择面板。类似地，如果需要输入文件地址，也会出现选择对话框，这对于输入代码也非常有用。

3：而且，如果一个属性的属性值需要输入多个参数，在输入时除了提供备选值之外，还会给出参数含义的提示，这样也给设计师提供了很好的备忘录。

错误提示

不但如此，即使上面的措施都没有避免输入了错误的属性名称或属性值，软件还会给出提示。例如图中把“color”属性名拼写错为“colorr”，那么在它的下面会出现红色波浪线，如果希望知道错误原因，把鼠标指针放到单词上面，就会给出错误原因的提示。图中间，把属性值bold输入为boold，也会出现提示。因此只要在代码中看到有错误提示的地方，都应该修改正确。

代码折叠

一个页面可能会很长，几百甚至几千行，这是如果需要找到某一个特地功能位置，就很很麻烦。这是可以使用“代码折叠”功能，把暂时无关的代码“折叠”（隐藏起来）起来，这样就可以方便地寻找和编辑需要补编辑的地方。

在Dreamawaver CS3种提供了代码折叠功能，但是目前版本的Expression Web没有提供代码折叠。

通过上面的介绍，可以发现如果用户可以非常熟练地使用代码视图的辅助功能，就可以大大提高编写的效率。也许您已经对它们非常熟悉了，如果您还有什么好的经验，欢迎留言讨论，供大家借鉴。