网页设计

Dreamweaver文档工具栏简介

时间:2023-04-21 11:25:44 泽彪 网页设计 我要投稿
  • 相关推荐

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文档工具栏简介】相关文章:

Dreamweaver处理word文档技巧03-05

如何在Word工具栏添加常用文档04-15

Dreamweaver路径介绍09-23

Dreamweaver技巧详解04-08

Dreamweaver便捷技巧分享03-05

dreamweaver入门教程02-22

Dreamweaver MX的小技巧03-01

Dreamweaver怎么定义站点04-01

dreamweaver的学习心得03-21

Word文档打印技巧10-28