Dreamweaver CC教程:工作区元素概述
Dreamweaver CC教程:工作区元素概述
工作区元素概述
工作区中包括以下元素:
应用程序栏
位于应用程序窗口顶部,包含一个工作区切换器、几个菜单(仅限 Windows)以及其他应用程序控件。
文档工具栏
包含的按钮可用于选择“文档”窗口的不同视图(例如,“设计”视图、“实时”视图和“代码”视图)。
“标准”工具栏
若要显示“标准”工具栏,请选择“窗口”>“工具栏”>“标准”。工具栏包含从“文件”和“编辑”菜单执行的常见操作的按钮:“新建”、“打开”、“保存”、“全部保存”、“打印代码”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。
工具栏
位于应用程序窗口的左侧,并且包含特定于视图的按钮。
“文档”窗口
显示您当前创建和编辑的文档。
属性检查器
用于查看和更改所选对象或文本的各种属性。每个对象都具有不同的属性。
标签选择器
位于“文档”窗口底部的状态栏中。显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。
面板
帮助您监控和修改工作。示例包括“插入”面板、CSS Designer 面板和文件面板。若要展开某个面板,请双击其选项卡。
Extract 面板
允许您上传和查看 Creative Cloud 中的 PSD 文件。使用此面板,您可以将 PSD 复合中的 CSS、文本、图像、字体、颜色、渐变和度量值提取到您的文档。
“插入”面板
包含用于将图像、表格和媒体元素等各种类型的对象插入到文档中的按钮。每个对象都是一段 HTML 代码,允许您在插入它时设置不同的属性。例如,您可以通过单击“插入”面板中的“表格”按钮来插入一个表格。如果愿意,可以使用“插入”菜单来插入对象,而不用通过使用“插入”面板。
“文件”面板
无论它们是 Dreamweaver 站点的一部分还是位于远程服务器,都可以将它们用于管理文件和文件夹。使用“文件”面板,还可以访问本地磁盘上的所有文件。有关详细信息,请参阅管理文件和文件夹。
“代码片段”面板
可让您跨不同的网页、不同的站点和不同的 Dreamweaver 安装保存和重复使用代码片段(使用同步设置)。有关详细信息,请参阅使用代码片段重用代码。
CSS Designer 面板
为 CSS 属性检查器,可让您“可视化”创建 CSS 样式和文件,并设置属性和媒体查询。
注意:
Dreamweaver 提供了很多其他面板、检查器和窗口。若要打开面板、检查器和窗口,请使用“窗口”菜单。
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
Dreamweaver概述:插入表单对象
Dreamweaver概述:插入表单对象,对象,表单,设置,属性,注册,标签...
-
Dreamweaver CC教程:“开始”工作区
Dreamweaver CC教程:“开始”工作区,工作区,教程,显...
-
Dreamweaver CC教程:调整“文档”窗口
Dreamweaver CC教程:调整“文档”窗口的大小,调整,...
-
Dreamweaver CC教程:“文档”窗口概述
Dreamweaver CC教程:“文档”窗口概述,文档,窗口,实...
-
Dreamweaver CC教程:工作区概述
Dreamweaver CC教程:工作区概述,工作区,教程,工具栏,视图,文档...
-
Dreamweaver CC教程:在视图之间切换
Dreamweaver CC教程:在视图之间切换,视图,教程,拆分,选项,选择...
-
Dreamweaver CC新功能:发生崩溃后自动恢复文件
Dreamweaver CC新功能:发生崩溃后自动恢复文件,恢复文件,崩溃,...
-
Dreamweaver CC教程:放置或重新排列文档窗口
Dreamweaver CC教程:放置或重新排列文档窗口,排列,窗口,放置,...
-
Dreamweaver CC教程:“标准”工具栏概
Dreamweaver CC教程:“标准”工具栏概述,工具栏,教...
-
Dreamweaver CC教程:状态栏概述
Dreamweaver CC教程:状态栏概述,状态栏,显示,单击,教程,标签,...
-
Dreamweaver CC教程:插入对象
Dreamweaver CC教程:插入对象,对象,教程,标签,编辑器,视图,文...
-
Dreamweaver CC教程:编辑“插入”面板
Dreamweaver CC教程:编辑“插入”面板首选参数,教程...
-
Dreamweaver CC教程:“文件”面板概述
Dreamweaver CC教程:“文件”面板概述,文件,教程,执...
-
Dreamweaver CC教程:工具栏概述
Dreamweaver CC教程:工具栏概述,工具栏,教程,选项,自定义,视图...