www.baike369.com
百科369 > dw教程 > Dreamweaver CS5文档窗口概述

Dreamweaver CS5文档窗口概述


Dreamweaver CS5文档窗口概述

“文档”窗口显示当前文档。当“文档”窗口处于最大化状态(默认值)时,“文档”窗口顶部会显示选项卡,其中显示所有打开的文档的文件名。如果您尚未保存已做的更改,则Dreamweaver会在文件名后显示一个星号。

如果想切换到另外一个文档,请点击它的选项卡。如下图所示:

点击它的选项卡

当前在1.html,如果想切换到2.html,请将鼠标移到2.html选项卡上,然后单击即可。

Dreamweaver还会在文档的选项卡下(如果在单独窗口中查看文档,则在文档标题栏下)显示“相关文件”工具栏。相关文档指与当前文件关联的文档,例如:CSS文件或JavaScript 文件。如果要在“文档”窗口中打开这些相关文件之一,请在“相关文件”工具栏中单击其文件名。


设计视图

一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在此视图中,Dreamweaver显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。


代码视图

一个用于编写和编辑HTML、JavaScript、服务器语言代码(如:PHP或ColdFusion标记语言(CFML))以及任何其他类型代码的手工编码环境。


拆分“代码”视图

“代码”视图的一种拆分版本,可以通过滚动方式同时对文档的不同部分进行操作。点击“查看”菜单,选择“拆分代码”命令,即可打开拆分“代码”视图。


代码和“设计”视图

可以在一个窗口中看到同一文档的“代码”视图和“设计”视图。在工具栏上点击“拆分”按钮,即可打开代码和“设计”视图。


“实时”视图

类似于“设计”视图,“实时”视图更逼真地显示文档在浏览器中的表示形式,并使您能够像在浏览器中那样与文档进行交互。“实时”视图不可编辑。但是可以在“代码”视图中进行编辑,然后刷新“实时”视图来查看所做的更改。


实时“代码”视图

仅当在“实时”视图中查看文档时可用。“实时代码”视图显示浏览器用于执行该页面的实际代码,当您在“实时”视图中与该页面进行交互时,它可以动态变化。“实时代码”视图不可编辑。

Copyright© 2011-2016 www.baike369.com All Rights Reserved