项目二 DreamweaverCS5基本操作（课件）-《网页制作三合一案例教程》同步教学（航空工业出版社）

项目二 DreamweaverCS5基本操作 任务一 认识Dreamweaver CS5工作界面 任务二 站点基本操作 任务三 网页文档基本操作 任务一 认识Dreamweaver CS5工作界面 任务说明 本任务中，我们将简单了解Dreamweaver CS5的工作界面。其中包括应用程序栏、文档标签栏、文档工具栏、状态栏、属性检查器和面板组。 预备知识 一、启动Dreamweaver CS5 单击桌面左下角的“开始”按钮 ，选择“所有程序”>“Adobe Dreamweaver CS5”，就可以启动Dreamweaver CS5了。 二、应用程序栏和文档标签栏 应用程序栏位于工作区顶部，左侧显示菜单栏，右侧包含工作区切换器、“CS Live”按钮和程序窗口控制按钮 。 文档标签栏位于应用程序栏下方，左侧显示当前打开的所有网页文档的标签及其关闭按钮；右侧显示当前文档在本地磁盘中的保存路径以及向下还原按钮 ；下方显示当前文档中包含的文档以及链接文档。 三、文档工具栏 文档工具栏位于文档标签栏下方，其中包括各种可对文档进行操作的按钮。 四、状态栏 状态栏位于文档窗口底部，它提供了与当前文档相关的一些信息。 五、属性检查器和面板组 使用属性检查器可以检查和设置当前选定页面元素（如文本和图像）的最常用属性。“属性检查器”中的内容会根据选定元素的不同而变化。 默认状态下，面板组位于文档窗口右侧。面板组中包含各种类型的面板，Dreamweaver中的大部分操作都需要在面板中实现。其中最常用的有“插入”面板、“文件”面板和“CSS样式”面板。 任务实施——调整Dreamweaver CS5工作界面 使用Dreamweaver制作或编辑网页时，经常需要打开、关闭某个面板，或对其工作界面进行各种调整。本节我们就来学习一下调整Dreamweaver CS5工作界面的基本操作（具体操作可参考本书配套视频2-1.swf） 。 任务二 站点基本操作 任务说明 本任务中，我们将简单了解在Dreamweaver中定义和管理站点的方法。 预备知识 一、定义站点 在Dreamweaver中定义站点的目的是把本地磁盘中的站点文件夹同Dreamweaver建立一定的关联，从而方便用户使用Dreamweaver管理站点和编辑站点中的网页文档，以及上传或下载站点内容等。 二、管理站点 定义站点后，如果需要修改站点属性、复制或删除站点等，可执行“管理站点”操作。 任务实施——在Dreamweaver CS5中定义站点“天音” 在本书的大部分“任务实施”中，我们都将以“天音”网站中的网页为例进行介绍，下面先从定义站点开始。在项目一的任务实施“规划天音企业网站结构”中，我们曾在本地磁盘创建了一个“SM”文件夹，这里以它作为网站根文件夹来定义站点（具体操作可参考本书配套视频2-2.swf）。 任务三 网页文档基本操作 任务说明 定义好站点后，便可以在站点中创建网页了。本任务首先学习在Dreamweaver中新建和保存网页文档的方法，然后学习打开、预览和关闭网页文档的方法，最后学习利用“文件”面板管理站点中网页文档和文件夹的方法。 预备知识 一、新建和保存网页文档 在Dreamweaver CS5中可以非常容易地创建网页文档。本节通过新建一个网页文档，并将其保存，来学习使用Dreamweaver新建和保存网页文档的方法。 二、打开、预览和关闭网页文档 若要对已有的文档进行编辑，就需要在Dreamweaver中打开该文档。另外，在Dreamweaver中打开网页文档并执行相应操作后，如果想查看它在浏览器中的效果，可执行预览操作。 三、利用“文件”面板管理站点文件和文件夹 一般在定义站点后，都会利用“文件”面板来创建、重命名或打开站点中的网页文档和文件夹。 任务实施——在“天音”站点中创建并命名网页 在学习了网页文档的基本操作后，下面通过在前面定义的站点“天音”中创建并保存网页，来进一步巩固前面所学（具体操作可参考本书配套视频2-3.swf） 。 $$