1.1.3 工作界面

下面对Dreamweaver CS6的工作界面进行简要介绍。

一、欢迎屏幕

当启动Dreamweaver CS6后通常会显示欢迎屏幕，如图1-1所示。欢迎屏幕主要用于打开最近使用过的文档或创建新文档。用户还可以从欢迎屏幕中，通过产品介绍或教程了解有关 Dreamweaver的更多信息。如果希望启动时不再显示欢迎屏幕，选择底部的【不再显示】复选框即可。

二、工作窗口

在欢迎屏幕中选择【新建】/【HTML】命令新建一个文档，此时工作窗口界面如图1-2所示。文档编辑区上面有【文档】工具栏，下面为【属性】面板，右侧为包括【插入】/【文件】面板在内的面板组。

Dreamweaver CS6的工作窗口界面有多种布局模式，图1-2所示为【设计器】布局模式。可以通过选择【窗口】/【工作区布局】中的相应菜单命令，如图1-3所示，更换Dreamweaver CS6的工作区布局模式。建议初学者使用【设计器】布局模式，因为它简洁直观，容易上手。

当然，读者也可以设置适合自己的工作区布局模式，然后在【工作区布局】下拉菜单中选择【新建工作区】命令，打开【新建工作区】对话框进行命名保存，如图1-4所示，以后启动Dreamweaver CS6后就可以选择自己的布局模式进行工作了。如果要对工作区布局的名称进行修改或删除，可选择【管理工作区】命令，打开【管理工作区】对话框，选择工作区布局名称，然后单击按钮或按钮，进行重命名或删除操作，如图1-5所示。

文档窗口用来显示和编辑当前的文档页面，通常有【代码】、【拆分】和【设计】3种视图模式。【设计】视图用于可视化操作的设计和开发环境，【代码】视图用于编辑HTML等代码的手工编码环境，【拆分】视图可以将文档窗口拆分为【代码】视图和【设计】视图两种模式。读者既可以可视化操作，又可以随时查看源代码，如图1-6所示。

状态栏位于文档窗口的底部，各部分的主要功能简要说明如下。

·标签选择器：用于以HTML标签方式来显示鼠标光标当前位置处的网页对象信息。如果鼠标光标当前位置处有多种信息，则可显示出多个HTML标签。单击标签选择器中的HTML标签，Dreamweaver会自动选取与该标签相对应的网页对象，用户可对该对象进行编辑。

·选取工具：在使用手形工具或缩放工具后，单击该工具按钮可以取消手形工具或缩放工具的使用，此时可以在文档中进行文档编辑操作。

·手形工具：选取该工具后，在【文档】窗口中按住鼠标左键不放，可以上下左右拖动文档，要取消该工具的使用直接单击选取工具即可。

·缩放工具：选取该工具后，用鼠标左键在文档窗口中每单击一次，文档窗口中的内容将放大一次进行显示，要取消该工具的使用直接单击选取工具即可。

·设置缩放比率：用于设置文档的缩放比率。

·手机大小：以手机屏幕大小（480×800）预览页面。

·平板电脑大小：以平板电脑屏幕大小（768×1024）预览页面。

·桌面电脑大小：以桌面电脑屏幕大小（1000宽）预览页面。

·窗口大小：用于调整显示窗口的大小。

·下载文件大小/下载时间：显示文档大小的字节数和预计下载时间。

·文档编码：用于显示当前文档的编码方式。