《网页设计与制作应用教程》课件——CH3 Adobe Dreamweaver CC 入门.pptxVIP

第3版HTML5DreamweaverPhotoshopCSS3AnimateAdobeCC网页设计与制作应用教程

第二部分AdobeDreamweaverCC应用篇

网页设计与制作第3章AdobeDreamweaverCC入门

本章重点AdobeDreamweaverCC工作区组成站点的建立站点文件的基本操作

三、AdobeDreamweaverCC入门网页设计与制作——AdobeDreamweaverCC入门3.1AdobeDreamweaverCC2018工作环境3.3站点文件的基本操作3.2站点的建立

3.1AdobeDreamweaverCC2018工作环境安装DreamweaverCC2018后，首次启动Dreamweaver时，屏幕上将显示一个快速入门菜单，就三个问题的需求对Dreamweaver工作区进行个性化设置。会出现工作环境设置向导，根据“是否用过DreamweaverCC”提示选择“用过”或是“新手”，如图所示。网页设计与制作——AdobeDreamweaverCC入门随后分别对“主题”颜色、“工作区”、“新增功能”等工作区选项进行设置，选择后一切就绪，开始使用Dreamweaver。

网页设计与制作——AdobeDreamweaverCC入门3.1AdobeDreamweaverCC2018工作环境工作界面组成Dreamweaver提供了一个将全部元素置于一个窗口中的集成布局。在工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。新建或者打开一个网页文件，就会出现如图所示的工作区界面。Dreamweaver的工作区主界面主要包括标题栏、菜单栏、工具栏、编辑窗口、状态栏、“属性”面板和浮动面板组。

3.2站点的建立网页包含的元素有文本、图像、表格、表单、动画、视频等。如果这些元素不有效的组织管理，将使网页设计很不方便。建立站点的目的就是为了有效的组织管理设计网页所需要的各种元素。在设计网页之前，必须先建立一个站点，它实际是一个文件夹，该文件夹存放网站所需要的所有文档材料和已经设计和的网页文件，然后通过超级链接方式将它们有效的组织起来。站点需要一个名称和存储位置也就是目录。网页设计与制作——AdobeDreamweaverCC入门创建站点站点有网络服务器中的站点（即远程站点）和本地站点两种创建形式。通常情况下，首先在本地站点上完成网站的建设，形成本地站点，然后用FTP上传至Internet服务器上，形成最终可以在Internet上浏览的远程站点。建立本地站点就是将本地主机磁盘（通常是硬盘）中的一个文件夹定义为站点，网页中的所有文档均放在该文件夹中，以便于管理。通常，在设计网页之前，应该首先建立本地站点。

网页设计与制作——AdobeDreamweaverCC入门3.2站点的建立创建站点目录和文件站点创建完成，之后的编辑和管理工作非常关键，其中包括继续创建站点目录和文件。网页文件可以事先都建立好，然后分别编辑这些网页。在建立好的站点中，有时需要建立一些文件夹，用来存放图像等有关内容。

网页设计与制作——AdobeDreamweaverCC入门站点文件的基本操作使用Dreamweaver创建网页的最基本的操作是能够完成对文件的建立和打开。网页文件的扩展名是.htm（或者html），文件的基本操作，包括创建、打开和基本管理等操作。3.2站点文件的基本操作

网页设计与制作——AdobeDreamweaverCC入门本章首先介绍了AdobeDreamweaverCC2018的界面构成和基本工作环境。本章还介绍了在Dreamweaver编辑器中创建站点的操作方法，以及如何修改和查看站点信息等。这些内容是熟练使用Dreamweaver的基础，通过练习要很好的掌握网页文档的基本操作方法。本章小结

网页设计与制作——AdobeDreamweaverCC入门描述改变面板的大小、位置的操作方法。简述属性检查器的作用。描述文件打开、存储的操作过程。创建站点的基本步骤是什么？简述站点视图的几种查看方式？创建一个个人主页站点。思考与练习