分享

熟悉学习环境资料

 0838 2012-10-25

 


 

“文档”工具栏

“文档”工具栏中包含按钮,这些按钮使您可以在文档的不同视图间快速切换:“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。

工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。

这是所描述的功能的图片。

以下选项出现在“文档”工具栏中:

显示代码视图仅在“文档”窗口中显示“代码”视图。

显示代码视图和设计视图在“文档”窗口的一部分中显示“代码”视图,而在另一部分中显示“设计”视图。当选择了这种组合视图时,“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。请使用该选项指定在“文档”窗口的顶部显示哪种视图。

显示设计视图仅在“文档”窗口中显示“设计”视图。

服务器调试显示一个报告,帮助您调试当前 ColdFusion 页。该报告包括您的页面中的错误(如果有的话)。

文档标题允许您为文档输入一个标题,它将显示在浏览器的标题栏中。如果文档已经有了一个标题,则该标题将显示在该区域中。

没有浏览器/检查错误使您可以检查跨浏览器兼容性。

验证标记使您可以验证当前文档或选中的标签。

文件管理显示“文件管理”弹出式菜单。

在浏览器中预览/调试允许您在浏览器中预览或调试文档。从弹出式菜单中选择一个浏览器。

刷新设计视图当您在“代码”视图中进行更改后刷新文档的“设计”视图。在执行某些操作(如保存文件或单击该按钮)之前,您在“代码”视图中所做的更改不会自动显示在“设计”视图中。

视图选项允许您为“代码”视图和“设计”视图设置选项,其中包括选择哪个视图显示在最上面。该菜单中的选项用于当前视图:“设计”视图、“代码”视图或两者。

可视化助理使您可以使用不同的可视化助理来设计页面。

有关使用“文档”工具栏的更多信息,请参见《使用 Dreamweaver》中的了解工作区

在 LiveDocs 中查看评论


 

状态栏

“文档”窗口底部的状态栏提供与您正创建的文档有关的其它信息。

这是所描述的功能的图片。

标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击 <body> 可以选择文档的整个正文。若要设置标签选择器中某个标签的 classid 属性,请右键单击 (Windows) 或按住 Control 键并单击 (Macintosh) 该标签,然后从上下文菜单中选择一个类或 ID。标签选择器是选择标签的首选方法,因为它可以确保您始终准确地选择标签。

手形工具使您可以单击文档并将其拖入“文档”窗口。单击“选择”工具可禁用手形工具。

“缩放”工具和“设置缩放比率”弹出式菜单可以让您为文档设置缩放比率。有关更多信息,请参见《使用 Dreamweaver》中的放大和缩小

“窗口大小”弹出式菜单(仅在“设计”视图中可见)用来将“文档”窗口的大小调整到预定义或自定义的尺寸。有关更多信息,请参见《使用 Dreamweaver》中的调整“文档”窗口的大小

“窗口大小”弹出式菜单的右侧是页面(包括全部相关的文件,如图像和其它媒体文件)的文档大小和估计下载时间。有关更多信息,请参见《使用 Dreamweaver》中的设置下载时间和大小首选参数

有关使用状态栏的更多信息,请参见《使用 Dreamweaver》中的了解工作区

在 LiveDocs 中查看评论


 

“插入”栏

“插入”栏包含用于创建和插入对象(如表格、层和图像)的按钮。当鼠标指针滚动到一个按钮上时,会出现一个工具提示,其中含有该按钮的名称。

这些按钮被组织到几个类别中,您可以在“插入”栏的左侧切换它们。当前文档包含服务器代码时(例如 ASP 或 CFML 文档),还会显示其它类别。当您启动 Dreamweaver 时,系统会打开您上次使用的类别。

这是所描述的功能的图片。

某些类别具有带弹出式菜单的按钮。从弹出式菜单中选择一个选项时,该选项将成为该按钮的默认操作。例如,如果从“图像”按钮的弹出式菜单中选择“图像占位符”,下次单击“图像”按钮时,Dreamweaver 会插入一个图像占位符。每当从弹出式菜单中选择一个新选项时,该按钮的默认操作都会改变。

“插入”栏按以下的类别进行组织:

“常用”类别使您可以创建和插入最常用的对象,例如图像和表格。

“布局”类别使您可以插入表格、div 标签、层和框架。您还可以从三个表格视图中进行选择:“标准”(默认)、“扩展表格”和“布局”。当选择“布局”模式后,您可以使用 Dreamweaver 布局工具:“绘制布局单元格”和“绘制布局表格”。

“表单”类别包含用于创建表单和插入表单元素的按钮。

“文本”类别使您可以插入各种文本格式设置标签和列表格式设置标签,例如 bemph1ul

“HTML”类别使您可以插入用于水平线、文件头内容、表格、框架和脚本的 HTML 标签。

“服务器代码”类别仅适用于使用特定服务器语言的页面,这些服务器语言包括 ASP、ASP.NET、CFML Basic、CFML Flow、CFML Advanced、JSP 和 PHP。这些类别中的每一个都提供了服务器代码对象,您可以将这些对象插入“代码”视图中。

“应用程序”类别使您可以插入动态元素,例如记录集、重复区域以及记录插入和更新表单。

“Flash 元素”类别使您可以插入 Macromedia Flash 元素。

“收藏夹”类别使您可以将“插入”栏中最常用的按钮分组和组织到某一公共位置。

有关使用“插入”栏的更多信息,请参见《使用 Dreamweaver》中的了解工作区

在 LiveDocs 中查看评论


 

“编码”工具栏

“编码”工具栏包含可用于执行多种标准编码操作的按钮,例如折叠和展开所选代码、高亮显示无效代码、应用和删除注释、缩进代码、插入最近使用过的代码片断,等等。“编码”工具栏仅在“代码”视图中才是可见的,它垂直显示在“文档”窗口的左侧。

这是所描述的功能的图片。

您不能取消停靠或移动“编码”工具栏,但可以将其隐藏。有关更多信息,请参见《使用 Dreamweaver》中的显示工具栏

有关使用“编码”工具栏的更多信息,请参见《使用 Dreamweaver》中的使用编码工具栏迅速插入代码

在 LiveDocs 中查看评论


 

“属性”检查器

“属性”检查器使您可以检查和编辑当前选定页面元素(如文本和插入的对象)的最常用属性。“属性”检查器中的内容根据选定的元素会有所不同。例如,如果您选择页面上的一个图像,则“属性”检查器将改为显示该图像的属性(如图像的文件路径、图像的宽度和高度、图像周围的边框(如果有),等等)。

这是所描述的功能的图片。

默认情况下,“属性”检查器位于工作区的底部,但是如果需要的话,您可以将它停靠在工作区的顶部。或者,您可以将它变为工作区中的浮动面板。有关移动“属性”检查器的更多信息,请参见《使用 Dreamweaver》中的停靠和取消停靠面板和面板组

有关使用“属性”检查器的更多信息,请参见《使用 Dreamweaver》中的使用“属性”检查器

在 LiveDocs 中查看评论


 

“文件”面板

“文件”面板用于查看和管理 Dreamweaver 站点中的文件。

这是所描述的功能的图片。

在“文件”面板中查看站点、文件或文件夹时,您可以更改查看区域的大小,还可以展开或折叠“文件”面板。当“文件”面板折叠时,它以文件列表的形式显示本地站点、远程站点或测试服务器的内容。在展开时,它显示本地站点和远程站点或者显示本地站点和测试服务器。“文件”面板还可以显示本地站点的视觉站点地图。

对于 Dreamweaver 站点,您还可以通过更改默认显示在折叠面板中的视图(本地站点或远程站点)来对“文件”面板进行自定义。

有关使用“文件”面板来管理站点的更多信息,请参见《使用 Dreamweaver》中的管理您的文件

在 LiveDocs 中查看评论


 
 

“CSS 样式”面板

使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“当前”模式),或影响整个文档的规则和属性(“所有”模式)。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“所有”和“当前”模式下修改 CSS 属性。

这是所描述的功能的图片。

可以通过拖放窗格之间的边框来调整任一窗格的大小。

在“当前”模式下,“CSS 样式”面板显示三个窗格:“所选内容的摘要”窗格,其中显示文档中当前所选内容的 CSS 属性;“规则”窗格,其中显示所选属性的位置(或所选标签的规则的层叠,具体取决于您的选择);以及“属性”窗格,它允许您编辑用于定义所选内容的规则的 CSS 属性。

在“所有”模式下,“CSS 样式”面板显示两个窗格:“所有规则”窗格(顶部)和“属性”窗格(底部)。“所有规则”窗格显示当前文档中定义的规则以及附加到当前文档的样式表中定义的所有规则的列表。使用“属性”窗格可以编辑“所有规则”窗格中任何所选规则的 CSS 属性。

对“属性”窗格所做的任何更改都将立即应用,这使您可以在操作的同时预览效果。

有关“CSS 样式”面板的更多信息,请参见《使用 Dreamweaver》中的关于“CSS 样式”面板

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多