3.2 Dreamweaver CC的工作界面

Dreamweaver CC是集网页制作和网站管理于一身的“所见即所得”的网页编辑软件，它以强大的功能和友好的操作界面备受广大网页设计者的欢迎，已经成为网页制作的首选软件，如图3-1所示就是Dreamweaver CC工作界面。

3.2.1 菜单栏

菜单栏包括“文件（F）”、“编辑（E）”、“查看（V）”、“插入（I）”、“修改（M）”、“格式（O）”、“命令（C）”、“站点（S）”、“窗口（W）”和“帮助（H）”10个菜单，如图3-2所示。

•“文件”菜单：用来管理文件，包括创建和保存文件、导入与导出文件、浏览和打印文件等。

•“编辑”菜单：用来编辑文本，包括撤销与恢复、复制与粘贴、查找与替换、参数设置和快捷键设置等。

•“查看”菜单：用来查看对象，包括代码的查看、网格线与标尺的显示、面板的隐藏和工具栏的显示等。

•“插入”菜单：用来插入网页元素，包括插入图像、多媒体、表格、布局对象、表单、电子邮件链接、日期和HTML等。

•“修改”菜单：用来实现对页面元素修改的功能，包括页面属性、CSS样式、快速标签编辑器、链接、表格、框架、AP元素与表格的转换、库和模板等。

•“格式”菜单：用来对文本进行操作，包括字体、字形、字号、字体颜色、HTML/CSS样式、段落格式化、扩展、缩进、列表、文本的对齐方式等。

•“命令”菜单：收集了所有的附加命令项，包括应用记录、编辑命令清单、获得更多命令、扩展管理、清除HTML/Word HTML、检查拼写和排序表格等。

•“站点”菜单：用来创建与管理站点，包括新建站点、管理站点、上传与存回和查看链接等。

•“窗口”菜单：用来打开与切换所有的面板和窗口，包括插入栏、属性面板、站点窗口和CSS面板等。

•“帮助”菜单：内含Dreamweaver帮助、Spry框架帮助、Dreamweaver支持中心、产品注册和更新等。

3.2.2 插入栏

插入栏有两种显示方式，一种是以菜单方式显示，另一种是以制表符方式显示。插入栏中放置的是制作网页过程中经常用到的对象和工具，通过插入栏可以很方便地插入网页对象，有“常用”插入栏、“结构”插入栏、“表单”插入栏、“媒体”插入栏、“jQuery Mobile”插入栏、“jQuery UI”插入栏、“模板”插入栏和“收藏夹”插入栏等，如图3-3所示就是“常用”插入栏。

•Div：可以使用Div标签创建CSS布局块，并在文档中对它们进行定位。

•HTML5 Video：HTML5视频元素提供一种将电影或视频嵌入网页中的标准方式。

•画布：画布元素是动态生成的图形的容器。这些图形是在运行时使用脚本语言（如JavaScript）创建的。

•图像：在文档中插入图像和导航栏等，单击右侧的小三角，可以看到其他与图像相关的按钮。

•表格：建立主页的基本构成元素，即表格。

•Head：用于定义网页文档的头部，它是所有头部元素的容器。

•脚本：插入脚本。

•Hyperlink：创建超链接。

•电子邮件链接：创建电子邮件链接，只要指定要链接邮件的文本和邮件地址，就可以自动插入邮件地址发送链接。

•水平线：在网页中插入水平线。

•日期：插入当前时间和日期。

•IFRAME：插入IFRAME框架。

•字符：在网页中插入相应的字符符号。

3.2.3 浮动面板

Dreamweaver中的面板可以自由组合成为面板组。每个面板组都可以展开和折叠，并且可以和其他面板组停靠在一起或取消停靠。面板组还可以停靠到集成的应用程序窗口中，这样能够很容易地访问所需的面板，而不会使工作区变得混乱，如图3-4所示。

3.2.4 属性面板

“属性”面板主要用于查看和更改所选对象的各种属性，每种对象都具有不同的属性。在“属性”面板包括两种选项，一种是HTML选项，将默认显示文本的格式、样式和对齐方式等属性，如图3-5所示；另一种是CSS选项，单击“属性”面板中的CSS选项，可以在CSS其中设置各种属性，如图3-6所示。

3.2.5 文档窗口

文档窗口也称文档编辑区，在“设计”视图中，文档窗口中显示的文档近似于在浏览器中显示的情形；在“代码”视图中，显示当前所创建和编辑的HTML文档内容；在“拆分”视图中，同时满足了上述两种不同的设计要求，文档窗口如图3-7所示。