首先，我们还是先讲解一些常用的Dreamweaver工具栏。今天要讲解的工具栏是在代码视图最左侧的代码工具栏。
我们新建一个文件，然后切换到代码视图。你就能看到这个工具栏了。这个工具栏上有以下几个项目：
这里的每个项目都是我们编写程序时经常用到的。所以我们按照顺序进行讲解：
第一个按钮是“打开文档”，他的功能就是在多个以打开的代码文档之间切换，与文档标签栏的功能比较类似。这里就不说明了。
第二个按钮是“折叠整个标签”，功能是将一整个标签段内容收缩为一行，以使视图简洁。
比如，我们将光标放在title标签的中间，点击“折叠整个标签”，我们看到原来的
- <title>我的标题</title>
已经折叠成一个灰色底的
<title>...
（例图1的第二行，就是对<head>标签进行折叠操作后的效果）
并且旁边的行号右侧多了一个+号。（这里说明一下，要看到如例图1所示的小加号，必须选中被折叠的行。）
点击这里的加号或者双击被折叠的行，这样原来的折叠效果就被关闭了。
第三个按钮“折叠所选内容”，功能与“折叠整个标签”类似。但是“折叠所选内容”，可以对任意的段落进行折叠操作，并不一定是一整个标签。
比如，我们将<head>到</body>的一段选中，点击“折叠所选”则整段都被折叠起来了。
我们以后经常碰到编辑一个足有500行的代码文件时找到某一段代码的情况。较长的代码翻页起来非常麻烦。所以我们需要使用“折叠”的功能，使得代码区保持在一个合理的长度，我们可以将不用的代码全部折叠起来，使得屏幕更加整洁。
“折叠所选”对已任意的所选内容都有效，就算我们只选择一个单词，也可以将其折叠起来。
另外，折叠是互相包含的，一层一层套叠进去。
比如，我们折叠了<title>然后又折叠<head>这样就套叠在一起了。
折叠了太多，一个个去解开来会很麻烦。而第四个按钮“扩展全部”，就解决了这个问题。
如果你目前视图里面有很多折叠起来，甚至是多次嵌套折叠的代码段。就可以使用这个按钮直接将所有的折叠扩展开来。
第五个按钮“选择父标签”，是用来选中包含光标所在内容的上一级标签的。比如我们正在编辑一个几百行的列表网页，突然要看下列表的父标签属性是否有错误。或者是要在某个标签段末尾添加内容，需要去找这个标签段的末尾。直接去查找比较繁琐而且代码多了容易眼花。所以我们只要用这个功能就可以直接选择整个标签段，然后就能快速地找到标签的开头和结尾了。
这里提示一下：“选择父标签”的前提是当前光标不是在一个标签或者标签结尾里面，不然程序找不到父标签。
比如，你的光标在：
- <title>我的标题</title>
中的“我”字后面，点击以后将会选中整个“<title>”标签，而当你的标签放在<title>的t后面时，单击“选择父标签”则没有响应。如果你的光标在<title>的<前面的话，会选中整个“<head>”。
第六个按钮是“选择当前代码段”，主要用在编辑脚本代码或者动态页面代码以及CSS代码时选择整段代码信息的。跟前面的“选择父标签”一样，是方便在代码很多的时候快速选择或者查找时使用。我们将在编写脚本的时候再详细说明。
第七个按钮是“显示行号”，我们也可以从视图选项里面修改这个属性。显示行号可以帮助你精确定位到某一行。另外如果我们打开了自动换行功能，则自动换行的位置是不算行号的，只有我们人工打回车换行的地方才会使用行号。
第八个按钮是“高亮显示无效代码”，这里所说的无效代码，主要指一些标签未完结，或者标签叠套而被忽略的代码。如果这类代码比较多，则会减慢页面的加载。更有可能造成不可预期的布局错误。这是我们可以点击这个按钮快速发现这些错误并将其更正。
第九个和第十个是对注释的操作“添加注释”和“取消注释”。经常在调试页面或者调试代码时用来屏蔽某些段落时用到。当然我们也可以利用注释添加一些自己的标记让代码更容易被我们所理解。
第十一个按钮“环绕标签”，在我们选中一段文字时才能使用，作用是在这段被选择的文字前后加上一个标签。比如我们在一段文章中选中了两行字，然后单击环绕标签就可以快速输入一个超链接的信息。程序自动回在选择段的结尾加上这个超链接标签的标签结尾。同样也是方便程序员的操作的。
第十二个按钮“常用代码段”功能类似于我们常用的收藏夹，里面存放了一些已经定义好的代码段，提供我们选择和使用。我们只要找到要插入的地方，然后选择我们收藏的某一段代码，就可以直接插入到这个位置了。
第十三个和第十四个按钮是处理缩进的，一个是“缩进代码”，另一个是“取消缩进”。一段代码如果有很好的缩进的话，可以很明显地看出层次和结构。经常使用这个功能也是一个良好程序员必备的习惯。
最后一个按钮是“格式化源文件”，作用是在整个源文件或者网页代码编写完成之后对其进行规范化（格式化）的。它会整理混乱的格式，并将其按照缩进规则进行缩进。合并标签里面重复的属性，并且将标签属性按照规范加上引号。总之点击该按钮之后就可以将你编写的混乱不堪的代码调整到合理的状态。
