DreamWeaver完整教案第二章.pptVIP

* * 第二章Dreamweaver 8入门基础 主要内容： Dreamweaver 8工作界面 管理与浏览网页文档 面板组与工具栏的操作 优化网页编辑环境 学习目的： 了解Dreamweaver 8的工作区布局 了解各种工具栏和面板的作用 学习创建、打开、保存、另存文档的方法和技巧 学习设置页面属性、预览网页的方法 学习工具栏和面板组的常规操作方法 了解编辑首选参数的作用及意义 学习自定命令快捷键的方法 课堂演示讲授时间：3小时 1、Dreamweaver 8工作界面简介 工作区布局 起始页 菜单栏 文档视图模式 工具栏 属性检查器 标签选择器 HTML文档结构 状态栏 2、管理与浏览网页文档 新建文档 Dreamweaver在打开时会显示起始页，用户可以通过此页创建诸如HTML、 PHP、ASP、JSP、CSS类型等文档。 如果暂无法显示起始页，可以在菜单栏选择“文件︱新建”命令或按下Ctrl+N 快捷键，打开【新建文档】对话框 ，并通过对话框创建文档。 打开文档 用户可以通过起始页左下方的“打开…”链接打开【打开】对话框，然后选 择网页文档，即可将文档打开到Dreamweaver中。 若暂无法显示起始页，可以在菜单栏选择“文件︱打开”命令，或者按下Ctrl+O 快捷键，通过【打开】对话框选择文档即可 保存/另存文档 编辑页后，当然是要将它保存在电脑中。不过为了避免电脑当机或者意外 状况，而让辛辛苦苦设计的成果付诸流水，在网页编辑过程中就经常保存文档 的操作必不可少。保存文档有两种方式，一种是直接保存；另一种是另存为新 文档。 设置页面属性 选择“修改︱页面属性”命令，即可打开【页面属性】对话框。在此对话框中， Dreamweaver默认将页面属性分为“外观、链接、标题、标题/编码、跟踪图像”五 个项目，并放置在左侧，右侧就提供用户针对某个项目的相关属性进行设置。 预览网页 制作网页时，常需要查看网页效果，以便对网页进行适当的调整。虽然 “设计”视图可以查看网页大致效果，但始终不等于在浏览器的效果，所以预 览网页是制作过程中不可少的操作。 设置主浏览器 如果用户使用Windows操作系统，Dreamweaver默认IExplore为主浏览器。 若想要设置其他浏览器为主浏览器，则可以通过“编辑︱首选参数”命令，或者按 下Ctrl+U快捷键，打开【首选参数】对话框，选择“在浏览器中预览”选项，然后 将需要作为主浏览器的浏览器程序加入，并选择“主浏览器”复选框即可 。 3、轻松操作面板组与工具栏 打开与关闭面板 在Dreamweaver中，打开任何面板都可以通过“窗口”菜单来完成， 选择“窗口︱框架”命令（或按下Shift+F2快捷键），即可在面板组中打 开【框架】面板。单击此按钮折叠面板组 Dreamweaver将大多数面板都组合在面板组中，当打开某个面板后， 面板组会自动展开。若完成选项设置后，可以单击面板组边框中的 【 】按钮将之折叠，以便节省工作区空间。 分离与组合面板组 分离面板组的方法很简单，只需按住面板组标题栏左端的垂直双虚线位置， 然后拖出面板组合区外即可。 若需要将浮动的面板组放置到面板组合区内，则可以使用相同的方法将面板组 拖入面板组合区内。 多个面板组放在一起，如果全部打开就必须需要很多位置，但面板组合区 的空间有限。为此，Dreamweaver为用户设计了面板组最大/最小 化功能，让用户在有限的空间中尽量灵活运用各种面板。 若需要重命名面板组，则可以单击面板组标题栏右端的【 】按钮， 然后从弹出的菜单中选择“重命名面板组”命令，并在【重命名面板组】对 话框输入名称，最后单击【确定】按钮即可 。 最大/最小化面板组 重命名面板组 Dreamweaver为用户提供了“插入、样式呈现、文档、标准”四个工具 栏，在默认的状态下，“插入”和“文档”工具栏被打开。若需要打开或关闭 这些工具栏，可以选择“查看︱工具栏”命令，再通过弹出的子菜单即可达 到打开与关闭工具栏的目的。 分离与组合工具栏和面板组的操作方法一样，只需按住工具栏标题栏 左端的垂直双虚线位置，然后拖至工作区即可。 同样，按住工具栏标题栏左端的垂直双虚线位置，然后拖至工作区边缘， 即可将工具栏放置在合适的位置上。 打开与关闭工具栏 分离与组