- 相关推荐
Dreamweaver文档工具栏简介
我们为大家收集整理了关于Dreamweaver文档工具栏，以方便大家参考。分别是：代码、拆分、设计、实时代码、浏览器的兼容性、实时视图、检查、文件管理、浏览器调试、标题等。我们将依次介绍各个按钮和菜单的功能。
Dreamweaver文档工具栏简介
"文档"工具栏
"文档"工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换："代码"视图、"设计"视图、同时显示"代码"和"设计"视图的拆分视图。
工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。
以下选项出现在"文档"工具栏中：
显示代码视图仅在"文档"窗口中显示"代码"视图。
显示代码视图和设计视图在"文档"窗口的一部分中显示"代码"视图，而在另一部分中显示"设计"视图。当选择了这种组合视图时，"视图选项"菜单中的"在顶部查看设计视图"选项变为可用。请使用该选项指定在"文档"窗口的顶部显示哪种视图。
显示设计视图仅在"文档"窗口中显示"设计"视图。
服务器调试显示一个报告，帮助您调试当前 ColdFusion 页。该报告包括您的页面中的错误(如果有的话)。
文档标题允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该区域中。
没有浏览器/检查错误使您可以检查跨浏览器兼容性。
验证标记使您可以验证当前文档或选中的标签。
文件管理显示"文件管理"弹出式菜单。
在浏览器中预览/调试允许您在浏览器中预览或调试文档。从弹出式菜单中选择一个浏览器。
刷新设计视图当您在"代码"视图中进行更改后刷新文档的"设计"视图。在执行某些操作(如保存文件或单击该按钮)之前，您在"代码"视图中所做的更改不会自动显示在"设计"视图中。
视图选项允许您为"代码"视图和"设计"视图设置选项，其中包括选择哪个视图显示在最上面。该菜单中的选项用于当前视图："设计"视图、"代码"视图或两者。
可视化助理使您可以使用不同的可视化助理来设计页面。
工具栏简介
一、Dreamweaver文档工具栏
使用“文档”工具栏包含的按钮，可以在文档的不同视图之间快速切换。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。如下图所示：
A：显示代码视图
B：显示代码和设计视图
C：显示设计视图
D：实时代码视图
E：检查浏览器兼容性
F：实时视图
G：打开时视图和检查模式
H：在浏览器中预览/调试
I：可视化助理
J：刷新设计视图
K：文档标题
L：文件管理
二、各个功能解释
A：显示代码视图：只在“文档”窗口中显示“代码”视图。
B：显示代码和设计视图：将“文档”窗口拆分为“代码”视图和“设计”视图。如果选择这种组合视图，则“查看”菜单中的“顶部的设计视图”命令选项变为可用。
C：显示设计视图：仅在“文档”窗口中显示“设计”视图。
提示：如果处理的是XML、JavaScript、CSS或乾其他基于代码的文件类型，则无法在“设计”视图中查看文件，而且“设计”和“拆分”按钮将会变暗。
D：实时代码视图：在代码视图中显示实时视图源。点击“实时代码”按钮时，也会同时点击“实时视图”按钮。
E：检查浏览器兼容性：用于检查您的CSS是否对于各种浏览器均兼容。
F：实时视图：显示不可编辑的、交互式的、基于浏览器的文档视图。
G：打开时视图和检查模式：点击“检查”按钮，可以打开视图和检查模式。方便检查网页的内容。
H：在浏览器中预览/调试：允许我们在浏览器中预览或调试文档。从出菜单中选择一个浏览器。
I：可视化助理：可以使用各种可视化助理来设计页面。
J：刷新设计视图：在“代码”视图中对文档进行更改后刷新该文档的“设计”视图。在执行某些操作(如保存文件或者单击此按钮)之后，在“代码”视图中所做的更改才会自动显示在“设计”视图中。
提示：刷新过程也会更新依赖于DOM(文档对象模型)的代码功能，如选择代码块的开始标签或结束标签的能力。
K：文档标题：允许我们为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该文本框中。
L：文件管理：显示“文件管理”菜单。包含一些在本地和远程站点间传输文档有关的常用命令和选项。
【Dreamweaver文档工具栏简介】相关文章：
如何在Word工具栏添加常用文档12-04
关于Dreamweaver 网页常用工具栏使用方法02-25
关于Dreamweaver02-28
photoshop工具栏教程04-01
Dreamweaver的应用分析02-26
Dreamweaver使用教程02-27
DreamWeaver技巧大全02-28