《DW使用框架布局网》PPT课件.ppt

第5章使用框架布局网页 关于框架和框架集 创建框架集 框架和框架集的基本操作 框架和框架集的属性设置 保存框架和框架集 5.1 关于框架和框架集 框架网页：是种特殊的HTML网页，它可将浏览器窗口分 成不同的区域，每个区域都可以显示不同的网页，而且 在替换窗口中的网页文件时，各个窗口之间没有影响。 一个框架结构有两部分网页文件构成：框架集（ Frameset ）和框架（Frame）。 框架：是指用来分隔网页的窗格；每个框架都是浏览器中 的一个区域，它可以显示与浏览器窗口中所显示内容相 关的html文档，是一个独立的html页面。每个框架包括 框架高度、框架宽度、滚动条和框架边框，此外还可指 定框架的内边距（框架与网页正文之间的距离）。 框架集：是指定义一组网页布局结构与属性的html 页 面，其中包含了显示在页面中框架的数目、尺寸、装 入框架的页面的来源及其他可定义的属性的相关信息 。框架集页面不会在浏览器中显示，只是向浏览器提 供如何显示一组框架以及在这些框架中应显示哪些文 档的有关信息。 框架和框架集的关系：框架集文档调用（引用）各个 框架文档。改变框架文件是指改变在框架中打开的文 件。 为了更好的理解什么是框架和框架集，详看下面的示意图。 这是一个左右结构的框架，其结构是由三个网页文件组成的 。首先外部的框架是一个文件，用index.htm命名。左框架 为A，指向的是一个网页A.htm。右边命名为B，指向的是一 个网页B.htm。 框架网页的优点： 访问者的浏览器不需要为每个页面重新加载与导 航相关的图形（即固定网页中的某些部分） 。 框架集可以将网页的内容组织到相互独立的HTML 页面内，相对固定的内容（比如导航栏、标题栏 ）和经常变动的内容分别以不同的文件保存，将 会大大提高网页设计和维护的效率。 每个框架都有自己的滚动条，访问者可以独立滚 动框架。 基于上述优点，框架通常用于创建网站导航。 框架网页的缺点： 难以实现不同框架中个元素的精确图形对齐。 使用框架制作的网页很难被搜索引擎搜索到。 对导航测试可能很费时间 各个带有框架的页面URL不显示在浏览器中，因此 可能难以将特定网页设为书签，除非使用了服务器 代码，允许访问者加载特定的带框架版本。 5.2 创建框架集 用户可以直接创建框架集，也可以在普通页面 中加载预定义的框架集。其中，直接创建框架 集的方法与创建普通页面的方法相似。 选择“文件”“新 建”菜单，打开“ 新建文档”对话框 在“类别”列表中选择“ 框架集”选项，右侧将显 示系统预定义的框架集类 型，选择其中一种，然后 单击“创建”按钮 5.3 框架和框架集的基本操作 1认识“框架”面板 利用“框架”面板可以对框架和框架集进行 操作，选择“窗口”“框架”菜单，可以 打开“框架”面板。 2选择框架和框架集 在文档窗口中选择框架的方法为，按住【 Alt】键，然后在要选择的框架内单击，被 选中的框架边线将显示为虚线。 如要选择框架集，单击该框架集上的任意 边框即可，此时框架集的所有边框都呈虚线 显示。 利用“框架”面板选择框架时，直接在面 板中相应区域单击即可。选择框架集时，在 面板中单击框架集的边框即可。 3.删除框架 将光标放在框架的边框上，当光标变成垂直箭 头（或水平箭头）时，按住鼠标左键，将框架 的边框拖出父框架或页面之外，即可将这个框 架删除。 5.4 框架和框架集的属性设置 1设置框架属性 选中框架后，“属性”面板上将显示相应框 架的属性。 显示框架 源文件的 保存路径 选择是否 显示框架 的边框 设置框 架滚动 条的属 性 2设置框架集属性 选中框架集，属性面板中将显示框架集的属 性。 该面板中各参数的含义同框架属性面板基本 相同，不同的是在“行”或“列”文本框中 可设置框架的行高或列宽，在“单位”下拉 列表框中可选择具体单位。 5.5 保存框架和框架集 保存框架和框架集：一个包含n个框架的网页实际上 由 n+1 个独立的html页面组成，1个框架集文件和n 个包含在框架中显示的文件。这 n+1 个页面必须单 独保存，才能在浏览器中正常工作。 插入的网页元 素位于哪个框架，就保存在哪个框架的网页中。 点击“文件保存全部”，则打开几个另存为对 话框，提示保存各个部分；设计视图中的选择线 （或说成阴影）也会自动的移动到对应的被保存 的框架中，据此可以知道正在保存的是哪一个框 架文件。 Dw先保存框架集文件，再保存框架文件。 若只保存了框架集，而未保存某个框架（即没指 定该载入该框架的文档），可以直接