一起学Dreamweaver CS5:[3]文档工具栏介绍
1、【代码】显示HTML源代码视图。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/05e24be983aee8d76c419a5b6b781431deb666c3.jpg)
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/562787cf02532f631cee9982699147e832e05cc3.jpg)
2、【拆分】同时显示HTML源代码和“设计”视图。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/38332303bbea3e86782318f75cd4483105eb55c3.jpg)
3、【设计】默认设置,只显示“设计”视图。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/6002c9d4483104ebbbcc26bb092b74ee1d324ec3.jpg)
4、【实时代码】显示浏览器用于执行该页面的实际代码。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/05aae8a75f0f822b24856586c018512c8df14dc3.jpg)
5、【浏览器的兼容性】检查所设计的页面对不同类型的浏览器的兼容性。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/836a6aee1c324b180247f54553a72633498448c3.jpg)
6、【实时视图】显示不可以编辑的文档视图。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/4a594f2c8cf1d8a77058313046e34b2c57ee47c3.jpg)
7、【检查】检查模式。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/d9e638334884cde312472f5af07f860e7d7542c3.jpg)
8、【在浏览器中调试】在浏览器中调试文档。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/57af657f860e7c75bb9f8541650d3aceabd7bfc3.jpg)
9、【刷新设计视图】将修改过的代码及时显示到文档窗口。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/ef4c24ceaad7726b68891c53bf0f64781523b9c3.jpg)
10、【标题】在浏览器上显示的网页标题。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/65390a23beb9763e4aa9c2626ad06de89b61b0c3.jpg)
11、【文件管理】打开文件,导出文件和标注。
![一起学Dreamweaver CS5:[3]文档工具栏介绍](https://exp-picture.cdn.bcebos.com/87645f93cee8b0042070a8bb79260d9a300ea9c3.jpg)