网页制作工具之 ------Dreamweaver 界面，springmvc 教程下载

本书使用的版本是 Adobe Dreamweaver CS6，关于软件的安装可以直接按照窗口提示操作即可，本书直接讲解软件安装后如何使用。

双击运行桌面上的软件图标，进入软件界面。这里建议用户依次选择菜单栏中的“窗口”→“工作区布局”→“经典”选项，如图 1 所示。

![在这里插入图片描述](https://img-b

【一线大厂Java面试题解析+核心总结学习笔记+最新架构讲解视频+实战项目源码讲义】
浏览器打开：qq.cn.hn/FTf 免费领取

log.csdnimg.cn/2020073116162864.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pBQ0tfU1VKQVZB,size_16,color_FFFFFF,t_70#pic_center)

图 1 Dreamweaver 软件打开界面

接下来，选择菜单栏中的“文件”→“新建”选项，会出现“新建文档”窗口。在“文档类型”下拉选项中选择“HTML5”，单击“创建”按钮，如图 2 所示，即可创建一个空白的 HTML5 文档，如图 3 所示。

图 2 新建 HTML 文档窗口

图 3 空白的 HTML5 文档

需要注意的是，如果是初次安装使用 Dreamweaver 工具，创建空白 HTML 文档时可能会出现如图 21 所示的空白界面，此时单击“代码”选项即可出现图 4 所示的界面效果。

图 4 初次使用 Dreamweaver 新建 HTML 文档

图 4 为软件的操作界面，主要由六部分组成，包括菜单栏、插入栏、文档工具栏、文档窗口、属性面板和常用面板，每个部分的具体位置如图 5 所示。

图 5 Dreamweaver 操作界面

接下来将对图 22 中的每个部分进行详细讲解，具体如下。

1、 菜单栏

Dreamweaver 菜单栏由各种菜单命令构成，包括文件、编辑、查看、插入、修改、格式、命令、站点、窗口、帮助 10 个菜单项，如图 6 所示。

图 6 菜单栏

关于图 6 所示的各个菜单选项介绍如下。

“文件（F）”菜单：包含文件操作的标准菜单项，如“新建”、“打开”、“保存”等。文件菜单还包括其它选项，用于查看当前文档或对当前文档执行操作，如“在浏览器中预览”“多屏预览”等。

“编辑（E）”菜单：包含文件编辑的标准菜单选项，如“剪切”、“拷贝”和“粘贴”等。此外“编辑”菜单还包括选择和查找选项，并且提供软件快捷键编辑器、标签库编辑器以及首选参数编辑器的访问。

“查看（V）”菜单：用于选择文档的视图方式（例如设计视图、代码视图等），并且可以用于显示或隐藏不同类型的页面元素和工具。

“插入（I）”菜单：用于将各个对象插入文档，例如插入图像、Flash 等。

“修改（M）”菜单：用于更改选定页面元素的属性，使用此菜单，可以编辑标签属性，更改表格和表格元素，并且为库和模板执行不同的操作。

“格式（O）”菜单：用于设置文本的各种格式和样式。

“命令（C）”菜单：提供对各种命令的访问，包括根据格式参数选择设置代码格式、优化图像、排序表格等命令。

“站点（S）”菜单：包括站点操作菜单项，这些菜单项可用于创建、打开和编辑站点，以及管理当前站点中的文件。

“窗口（W）”菜单：提供对 Dreamweaver 中的所有面板、检查器和窗口的访问。

“帮助（H）”菜单：提供对 Dreamweaver 帮助文档的访问，包括 Dreamweaver 使用帮助，Dreamweaver 的支持系统、扩展管理以及包括各种语言的参考材料等。

2、 插入栏

在使用 Dreamweaver 建设网站时，对于一些经常使用的标签，可以直接选择插入栏里的相关按钮，这些按钮一般都和菜单中的命令相对应。插入栏集成了多种网页元素，包括超链接、图像、表格、多媒体等，如图 7 所示。

图 7 插入栏

单击插入栏上方相应的选项，如“布局”“表单”等，插入栏下方会出现不同的工具组。选择工具组中不同的按钮，可以创建不同的网页元素。

3、 文档工具栏

文档工具栏提供了各种“文档”视图窗口，如代码、拆分、设计视图，还提供了各种查看选项和一些常用操作，如图 8 所示。