Dreamweaver采用了多种先进技术，无论是在可视化编辑环境中工作，还是手工编写HTML代码，都为用户提供了便捷的工具，使用户能够快速、高效地创建高质量的网页。

单击“开始”菜单→“所有程序”→“Macromedia”→“Macromedia Dreamweaver 8”项，将显示“起始页”对话框，如图8-1所示，在起始页对话框中可以选择“打开最近项目”、“创建新项目”或“从范例创建”。如果不希望显示起始页，可选中“不再显示此对话框”。

图8-1　起始页

由于我们现在要创建新的静态网页，在此单击“创建新项目”下的“HTML”，进入Dreamweaver“设计”视图工作区窗口，如图8-2所示。在工作区中可以查看文档和对象的属性，工作区由“插入”工具栏、“文档”工具栏、文档窗口、“属性”面板等部分组成。

图8-2　“设计”视图工作区

1.文档窗口

文档窗口显示当前文档。可以选择“设计”、“代码”或“代码和设计”视图。

（1）“设计”视图：用于可视化页面布局、编辑的设计环境。在本视图中，显示文档的可视化表示形式，类似于在浏览器中查看页面时看到的内容。

（2）“代码”视图：用于编写和编辑HTML、JavaScript、服务器语言等代码的手工编码环境。单击“文档”工具栏中的，将切换到“代码”视图，如图8-3所示。在“代码”视图中，文档窗口的左侧还将显示一个“编码”工具栏。

（3）“代码和设计”视图：单击按钮，或者单击“查看”菜单→“代码和设计”命令，可以在一个窗口中同时看到同一文档的“代码”和“设计”视图，如图8-4所示。

图8-3　“代码”视图

图8-4　“代码和设计”视图

当文档窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。如果做了更改后尚未保存，将在文件名后显示一个星号“*”。当文档窗口为最大化状态时，页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中，文档选项卡显示所有打开文档的文件名。若要切换到某个文档，单击该选项卡，如图8-5所示。

图8-5　多个文档的切换

2.“文档”工具栏

“文档”工具栏中包含的按钮有切换视图、查看选项和一些常用功能，如图8-6所示。

图8-6　“文档”工具栏

3.“插入”工具栏

“插入”工具栏包含用于创建和插入对象（如表格、层和图像）的按钮，这些按钮被组织到了几个类别中，可以单击“插入”工具栏左侧的来切换，如图8-7所示。(www.daowen.com)

图8-7　“插入”工具栏

若要关闭或打开“插入”工具栏，可执行“窗口”菜单→“插入”命令。

4.状态栏

文档窗口底部的状态栏提供与正编辑的文档有关的信息，如图8-8所示。

图8-8　状态栏

（1）标签选择器：显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签，可以选中该标签及其全部内容。单击＜body＞可以选择文档的整个正文。若要设置标签选择器中某个标签的class或id属性，在状态栏中右键单击该标签，从弹出菜单中选择一个类或id。标签选择器是选择标签的首选方法，因为它可以确保始终准确地选择标签。

（2）选取工具：可在文档窗口中拖动选取内容。

（3）手形工具：可单击文档并将其拖入文档窗口。

（4）缩放工具和设置缩放比率：可以为文档设置缩放比率。

（5）窗口大小：仅在“设计”视图中可见，用来将文档窗口的大小调整到预定义或自定义的尺寸。

（6）文档大小：页面（包括全部相关的文件，如图像和其他媒体文件）的文档大小。

（7）估计下载时间：文档在网上浏览时的大致下载时间。

5.“编码”工具栏

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

6.“属性”面板

“属性”面板可以编辑当前选定页面元素（如文本或插入的对象）的常用属性。“属性”面板根据选定内容的不同而不同。“属性”面板默认位于工作区的底部，也可以将它停靠在工作区的顶部，或者将它变为工作区中的浮动面板。

在不需要显示“属性”面板时，可单击其上边的“展开或折叠”按钮，以扩大编辑区。

7.面板组

面板组中包括“CSS”、“应用程序”、“标签检查器”和“文件”面板。单击面板标题，可以展开或折叠该面板。每个面板又包含多个选项卡，可鼠标单击切换。

如图8-2所示面板为“文件”面板，“文件”面板可以查看和管理文件，它以文件列表的形式显示本地站点、远端站点或测试服务器的内容，及本地站点的站点地图。

在编辑网页时，有时由于面板的遮盖无法看到网页的全貌，可单击面板列表框左侧的“展开或折叠”按钮。面板列表框折叠后，文档窗口的编辑区域扩大，有利于编辑网页。