2.2 Dreamweaver CS6的工作界面

Dreamweaver CS6的工作界面主要由应用程序栏、菜单栏、“插入”面板、文档工具栏、文档窗口、状态栏、“属性”面板和面板组等组成。

2.2.1 菜单栏

Dreamweaver CS6的菜单栏包含文件、编辑、查看、插入、修改等10个主菜单项，单击每个菜单时，都会弹出下拉菜单，利用这些菜单，基本上就能够实现Dreamweaver CS6的所有功能，如图2-11所示。

2.2.2 文档工具栏

文档工具栏包含3种文档窗口视图（代码、拆分和设计）按钮、各种查看选项和一些常用的操作，如在浏览器中预览等，如图2-12所示。

文档工具栏中常用按钮的功能如下。

（1）“显示代码视图”按钮：单击该按钮，仅在文档窗口中显示和修改HTML源代码。

（2）“显示代码视图和设计视图”按钮：单击该按钮，在文档窗口中将同时显示HTML源代码和页面的设计效果。

（3）“显示设计视图”按钮：单击该按钮，仅在文档窗口中显示网页的设计效果。

（4）“实时视图”按钮：显示不可编辑的、交互式的、基于浏览器的文档视图。

（5）“多屏幕”按钮：可以多屏幕浏览网页。

（6）“文档标题”文本框：用于设置或修改文档的标题。

（7）“文件管理”按钮：单击该按钮，通过弹出菜单，可以实现消除只读属性、获取、取出、上传、存回、撤销取出、设计备注以及在站点定位等功能。

（8）“在浏览器中预览/调试”按钮：可在定义好的浏览器中预览或调试网页。

（9）“刷新”按钮：刷新文档窗口的内容。

（10）“可视化助理”按钮：可以使用各种可视化助理来设计页面。

（11）“检查浏览器兼容”按钮：可以检查CSS是否对各种浏览器兼容。

（12）“W3C验证”按钮：可以检测网页是否符合W3C标准。

2.2.3 文档窗口

文档窗口显示当前创建和编辑的文档，如图2-13所示。在该窗口中，可以输入文字、插入图片、绘制表格等，也可以对整个页面进行处理。

2.2.4 属性面板

属性面板是网页中非常重要的面板，用于显示在文档窗口中所选元素的属性，并可以对被选中元素的属性做修改，该面板随着选择元素的不同而显示不同的属性，如图2-14所示。

2.2.5 状态栏

状态栏位于文档窗口的底部，包括3个功能区：标签选择器（显示和控制文档当前插入点位置的HTML源代码标记）、窗口大小弹出菜单（显示页面大小，允许将文档窗口的大小调整到预定义或自定义的尺寸）和下载指示器（估计下载时间，查看传输时间），如图2-15所示。

2.2.6 设计器

单击“设计器”下拉箭头，可以打开一些常用的调板。在下拉菜单中选择命令，即可更改页面的布局，如图2-16所示。

2.2.7 “插入”面板

在“插入”面板中，包含将各种网页元素（如图像、表格和AP元素等）插入到文档时的快捷按钮，每个对象都是一段HTML代码。插入不同的对象时，可以设置不同的属性，单击相应的按钮，可插入相应的元素。要显示“插入”面板，选择“窗口”→“插入”菜单命令即可。该面板如图2-17所示。

2.2.8 “文件”面板

“文件”面板用于管理文件和文件夹，无论它们是Dreamweaver站点的一部分还是位于远程服务器上。在“文件”面板上还可以访问本地磁盘上的全部文件，如图2-18所示。