一起学Dreamweaver CS5：[3]文档工具栏介绍
1、【代码】显示HTML源代码视图。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/05e24be983aee8d76c419a5b6b781431deb666c3.jpg)
2、【拆分】同时显示HTML源代码和“设计”视图。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/38332303bbea3e86782318f75cd4483105eb55c3.jpg)
4、【实时代码】显示浏览器用于执行该页面的实际代码。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/05aae8a75f0f822b24856586c018512c8df14dc3.jpg)
6、【实时视图】显示不可以编辑的文档视图。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/4a594f2c8cf1d8a77058313046e34b2c57ee47c3.jpg)
8、【在浏览器中调试】在浏览器中调试文档。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/57af657f860e7c75bb9f8541650d3aceabd7bfc3.jpg)
10、【标题】在浏览器上显示的网页标题。
![一起学Dreamweaver CS5：[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/65390a23beb9763e4aa9c2626ad06de89b61b0c3.jpg)
1、【代码】显示HTML源代码视图。
2、【拆分】同时显示HTML源代码和“设计”视图。
4、【实时代码】显示浏览器用于执行该页面的实际代码。
6、【实时视图】显示不可以编辑的文档视图。
8、【在浏览器中调试】在浏览器中调试文档。
10、【标题】在浏览器上显示的网页标题。