网页设计与制作教程_第2版 北京市精品教材 赵丰年 吕宜宏 第2章 站点与文档操作新课件.pptVIP

第2章 站点与文档操作 本章要点 2.1 Dreamweaver 工作界面 2.2 创建本地站点 2.3 管理站点 2.4 文档操作 2.1.1 Dreamweaver 工作区概述 Dreamweaver 工作界面主要包括：菜单栏、插入栏、工具栏、文档窗口、状态栏、属性检查器、面板组、文件面板，参见下图。 2.1.1 Dreamweaver 概述（续） 2.1.1 Dreamweaver 概述（续） 演示——Dreamweaver 界面（书中第15页） 2.1.2 菜单栏 菜单栏提供了软件功能的所有命令选项，制作网页时可以使用菜单栏中的命令来实现某项功能。 Dreamweaver 菜单栏包括 10 种类别的菜单选项，它们是：文件、编辑、查看、插入记录、修改、文本、命令、站点、窗口、帮助，如图 2.3 所示。 2.1.2 菜单栏（续） 演示——Dreamweaver 菜单栏(书中第16页) 2.1.3 插入栏 插入栏包括 7 种类别（常用、布局、表单、数据、Spry、文本、收藏夹），可用于插入相应的对象。 单击插入栏类别标签，下方显示该类对象的若干按钮，再单击某个按钮，打开相应对话框设置完成后就能在插入点插入所选对象。 2.1.3 插入栏（续） 演示——插入栏（p17） 2.1.4 工具栏 Dreamweaver 中的工具栏包括“文档”工具栏、“标准”工具栏和“样式呈现”工具栏，在代码视图模式下还包括一个“编码”工具栏。 在“插入”栏或任意一个工具栏上单击鼠标右键，可以从菜单中选择显示或隐藏某种工具栏（包括插入栏）。编码工具栏选项只有在代码或者拆分视图时才出现。 2.1.4 工具栏（续） 使用频率最高的是“文档”工具栏，如图 2.5 所示。 2.1.4 工具栏（续） 演示——各种工具栏使用方法（p18~p20） 2.1.5 文档窗口 文档窗口是工作区空白编辑区域，是用户编辑文档的地方。在这里用户可以通过执行菜单命令、使用插入栏、使用面板组等工具来制作网页。 当“文档”窗口处于最大化状态时，“文档”窗口顶部会显示选项卡，上面显示了所有打开文档的文件名。若要切换到某个文档，单击文档名称选项卡即可。 2.1.6 状态栏 状态栏位于文档窗口底部，它提供了标签选择器（也叫做标记符选择器）、功能按钮、窗口尺寸、文件大小等信息，是设计者经常需要关注的区域，如图 2.9 所示。 2.1.6 状态栏（续） 演示——状态栏的使用方法（p20~p21） 2.1.7 属性检查器 属性检查器显示了被选取对象的各种属性。设置对象属性时，首先选中对象，然后在属性检查器中修改属性选项中的数值或者选择对应的参数选项即可。如图2.12是文本属性检查器。 2.1.8 面板组 面板组是组合在同一标题下多个功能面板的集合。如果要展开面板组，应单击面板组名称左侧的展开箭头；如果要将面板组从当前停靠位置移开，应拖动该面板组标题栏左侧边缘手柄；如果要打开某面板或面板组，应选择“窗口”菜单的相应命令。 2.1.8 面板组（续） 演示——文件面板（p22） 2.1.9 上下文菜单 Dreamweaver 是一种完全支持 Windows 右键情景菜单的网页编辑软件。在制作网页过程中，定位插入点后单击鼠标右键即可打开上下文菜单，然后选择某项命令即可执行特定的操作。 演示——上下文菜单（P23） 2.2 创建本地站点 本地站点就是位于客户端网页制作者所使用的文件夹被称为本地根目录。 通常在制作网站时应首先应在计算机中制作根目录，然后在使用 Dreamweaver 定义该文件夹为本地站点。 2.2.1 创建本地根目录 在计算机硬盘上使用 Windows 资源管理器的方法新建一个文件夹，并为其指定一个有意义的名称。 演示——创建本地根目录（p24） 2.2.2 定义本地站点 演示——定义本地站点（p24~p25) 2.3 管理站点 在 Dreamweaver 中可以方便的对站点进行管理，主要包括： 站点操作 文件操作。 2.3.1 站点操作 使用“文件”面板可以的对所定义的站点进行各种操作。常用操作包括：查看站点和管理站点。 演示——使用“文件”面板查看和管理站点（p26~p27） 2.3.2 文件操作 Dreamweaver“文件”面板是管理站点文件的工具，站点中文件操作（例如新建、删除、重命名等）一般都在“文件”面板中进行。 演示——文件操作（p27~p29） 2.4 文档操作 制作网页文档的各项基本操作内容包括： 新建网页 网页属性设置 添加网页内容 2.4.1 新建文档 在Dreamweaver 中可以有多种新建文档的方法： 使用欢迎屏幕 新建文档对话框 使用文件面板 演示——新建文档（p29~p30） 2.4.2 打开文档 在 Dream