《第2节 制作网站-认识Dreamweaver》参考课件.pptxVIP

认识Dreamweaver;一、复习旧知;二、学案导入;三、新知探究;（一）Dreamweaver软件简介;（二）启动Dreamweaver8;方法二：双击桌面上的Dreamweaver8快捷方式图标。

;Dreamweaver启动起始页;●“打开最近项目”栏：在该栏中列出了最近编辑过文件，单击即可打开相应文件。单击”打开”链接可以弹出“打开”对话框，用于选择要打开的文件。

●“创建新项目”栏：单击该栏中的一个超级链接，即可创建相应类型的项目文件。

●“从范例创建”栏：单击该栏中的一个超级链接，即可以范例创建相应类型的项目文件。

●“扩展”栏：单击DreamweaverExchange超级链接，即可启动DreamweaverExchangeManager对Dreamweaver的扩展插件进行管理。;（三）退出Dreamweaver8;实践探究一;（四）Dreamweaver的操作界面;1、标题栏

2、菜单栏

3、工具栏

4、编辑区

5、状态栏

6、属性窗口

7、面板组;1、标题栏

2、菜单栏

3、工具栏

4、编辑区

5、状态栏

6、属性窗口

7、面板组;Dreamweaver软件的最上面是标题栏，显示程序名称和当时编辑的文件名称，还有最小化按钮，最大化按钮和关闭按钮。

如果该文件改动后没有保存，则文件名后面会有一个“*”号。;Dreamweaver的绝大部分操作都可以利用菜单栏来完成，它主要包括10个菜单。;工具栏是把一些菜单中常用的功能提取出来以方便用户操作。

工具栏中包含：“插入”、“文档”、“样式呈现”、“标准”四个子工具栏。

在窗口相应位置处（如插入工具栏、文档工具栏）单击鼠标右键，可以把这四个子工具栏快捷菜单显示出来。;1、“插入”工具栏：主要用于在文档中插入各种对象。它又包括“常用”、“布局”、“表单”等8项。;当选择“显示为制表符”时，更加方便操作。

如图所示。;2、“文档”工具栏：包含编辑文档的常用按钮，如切换视图、设置标题、上传、下载网页等功能。;3、“样式呈现”工具栏：当在文档中使用依赖于媒体的样式表时，此工具栏才有用，能够查看设计在不同媒体类型中的呈现方式，如图所示。;4、“标准”工具栏：主要就是为了方便新建网页、保存网页、以及复制、粘贴等最常用的功能，如图所示。;编辑区???文档窗口）用来显示当前创建或编辑的文档，可以加入任何有关的网页组件。

默认的文档窗口创建的内容“所见即所得”，极大的方便了用户，甚至可以不经过浏览器直接在文档中播放动画。;4、编辑区（文档窗口）;①“设计”视图

“设计”视图是本书的重点，它“所见即所得”，用于可视化页面布局、可视化编辑文档、可视化开发服务器端脚本语言等。本书的大部分设计工作就是在“设计”视图模式下，主要用于开发静态网页，如图所示。;②“代码”视图

“代码”视图是个手工编码环境，如可以用于编写HTML、CSS、JavaScript以及服务器端脚本语言（如asp，php，jsp等）。主要用于满足喜欢手写代码的用户，通常要求比较高，如图所示。;③“拆分”视图

“拆分”视图同时兼顾“设计”视图和“代码”视图的编辑方式，同户可以在单个窗口中同时体验可视化编辑和代码编写两种方式的优点，如图所示。;状态栏(文档状态栏)是对当前编辑文档的一些说明，比如选中了哪个对象（比如表格、层、图像等），当前文档窗口大小、下载文件大小/估计下载时间等，如图所示。;标签选择器：标签选择器位于文档窗口下的状态栏最左边，标签选择器显示环绕当前选定内容的标签的层次结构，是从大到小排列的，代表网页的主题。

标签选择器的作用：快速选择网页中的元素，如表格、图片等，单击该层次结构中的任何标签以选择该标签及其全部内容。;选取工具：启用和禁用手形工具。

手形工具：用于在“文档”窗口中单击并拖动文档。

缩放工具和“设置缩放比率”弹出菜单?：使您可以为文档设置缩放比率。

窗口大小弹出菜单：（在“代码”视图中不可用。）用于将“文档”窗口的大小调整到预定义或自定义的尺寸。

文档大小和下载时间：显示页面（包括所有相关文件，如图像和其它媒体文件）的预计文档大小和预计下载时间。;属性面板主要用于自动显示用户在文档窗口中选中的对象属性，当选中对象不同时，属性面板显示的属性也不同。选中文档中的文本“世界杯”时属性面板如图所示。;7、面板组;（五）Dreamweaver使用注意点;实践探究二：;四、归纳总结，内化升华;五、课外探究