系统下载、安装、激活,就到系统天地来!

所在位置: 首页 — 系统文章 — 软件教程

详解Dreamweaver工作界面

作者:系统天地 日期:2019-01-12

启动Dreamweaver后,默认情况下将进入其起始页。在其起始页中单击新建列中的任一项,将会创建一个相应格式的新文档,并进入Dreamweaver CS6工作界面。此处我们单击HTML项,创建一个.html格式的文档并进入Dreamweaver CS6工作界面,如图所示。接下来小编就给大家详细的介绍一下Dreamweaver工作界面。

 

详解Dreamweaver工作界面

 

应用程序栏

应用程序栏位于工作区顶部,左侧包括常用功能区和菜单栏,右侧包括工作区切换器和程序窗口控制按钮。 菜单栏几乎集中了Dreamweaver CS6的全部操作命令,利用这些命令可以编辑网页、管理站点以及设置操作界面等。要执行某项命令,可首先单击主菜单名打开其下拉菜单,然后用鼠标单击相应菜单项。

文档标签栏

文档标签栏位于应用程序栏下方,左侧显示当前打开的所有网页文档的名称及其关闭按钮;右侧显示当前文档在本地磁盘中的保存路径以及还原按钮;下方显示当前文档中的包含文档(如CSS文档)以及链接文档。当用户打开多个网页时,通过单击文档标签可在各网页之间切换。另外,单击下方的包含文档或链接文档,可打开相应文档,如图所示。

 

详解Dreamweaver工作界面

 

文档工具栏

利用文档工具栏中左侧的按钮可以在文档的不同视图之间快速切换,如图所示。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档相关的常用命令和选项。

 

详解Dreamweaver工作界面

 

状态栏

状态栏位于文档窗口底部,它提供了与当前文档相关的一些信息,如下图所示

 

详解Dreamweaver工作界面

 

属性检查器

使用属性检查器可以检查和编辑当前选定网页元素(如文本和插入的对象)的最常用属性。属性检查器的内容会根据选定元素的变化而变化。例如,如果选择页面中的图像,则属性检查器将显示图像属性(如图像的文件路径、图像的宽度和高度、图像周围的边框等),如图1-16(a)所示;如果选择文本,则属性检查器又会显示文本的相关属性,如图1-16(b)所示。

 

详解Dreamweaver工作界面

 

插入面板    

插入面板包含用于创建和插入对象(如表格、图像和链接)的按钮,这些按钮按几个类别进行组织,默认显示常用类别,如图1-17(a)所示;也可以单击其右侧的下拉三角按钮,从弹出的列表中选择其他类别,如图1-17(b)所示。例如,要在页面中插入图像,可先定位插入点,然后单击插入面板常用类别中的图像:图像按钮。

 

详解Dreamweaver工作界面

 [!--empirenews.page--]

文件和CSS样式面板

文件面板用于管理站点中的所有文件和文件夹,包括素材文件和网页文件,如图1-18(a)所示。 使用CSS样式面板可以非常方便地新建、删除、编辑和应用样式,以及附加外部样式表等,如图1-18(b)所示。

 

详解Dreamweaver工作界面

 

工作环境参数设置

利用首选参数对话框可以修改Dreamweaver的系统参数。选择菜单栏中的编辑>首选参数菜单或按快捷键【Ctrl+U】可打开该对话框,如图所示。

 

详解Dreamweaver工作界面

以上就是小编就给大家带来的详解Dreamweaver工作界面,如果用户们遇到了同样的问题,可以参考上述方法步骤进行操作哦,希望本篇教程对大家有所帮助。