框架主要用于在一个浏览器窗口中显示多个讲述.pdf

下载 下载 第11章 框 架 框架主要用于在一个浏览器窗口中显示多个 H T M L文档。通过构建这些文档之间的相互 关系，从而实现文档导航、文档浏览以及文档操作等目的。框架是 I n t e r n e t 网页中最常使用的 页面设计方式，具不完全统计，大约有 8 0 ％以上的主页都采用了框架技术。 本章将介绍如何在D r e a m w e a v e r 中实现框架。 11.1 框架概述 在浏览网页时，我们肯定遇到过这样的情形：在浏览器窗口中被分隔成了几个不同的区 域，每个区域中显示不同的文档内容。最常见的方式是将左方或上方的区域设置为目录区域， 其中显示文档页面的目录索引或导航条，而将右方或下方的区域设置为主体区域，其中显示 网页主体内容。通过单击不同的目录索引项或导航条按钮，就可以在主体区域实现网页之间 的导航，在浏览网页的同时，目录索引或导航条始终显示于页面的目录区域中，这样便于用 户继续浏览其他的网页。 在上述的情形中实际上就是应用了框架（ F r a m e s ）技术。利用框架技术，可以将不同的 文档显示在同一个浏览器窗口中。通过构建这些显示在同一窗口中的文档之间的相互链接关 系，可以实现文档之间的相互控制。 实际上，我们不必连入 I n t e r n e t ，也可以看到框架效果，启动 D r e a m w e a v e r 的帮助系统， 框架1 框架2 框架3 图11-1 使用了框架技术的Dreamweaver帮助系统 第11章 框 架 247 下载 您就可以看到带有三个框架区域的浏览器窗口，如图 11 - 1所示。 本节将介绍一些框架技术的基本概念，以便于读者更好地了解如何在 D r e a m w e a v e r 中设计 框架。 11.1.1 框架和框架集 一般来说，框架（ F r a m e s ）技术主要通过两种类型的元素来实现，一个是框架集 （F r a m e s e t ），另一个是框架（F r a m e ）。请注意这每个术语对应的英文单词，其中第一个“框 架”是复数形式的单词F r a m e s ，而后一个“框架”对应的单词是单数形式的单词 F r a m e 。在中 文中我们很难区分它们，但前者表示技术，后者表示具体的元素，它们确实是概念不同的东 西，所以有时候，我们又将前者的“框架”（F r a m e s ）称作“框架技术”，而将后者的“框架” （F r a m e ）称作“框架文档”。 所谓框架集，顾名思义，就是框架的集合。框架集实际上是一个页面，用于定义在一个 文档窗口中显示多个文档的框架结构。例如，它可以决定文档窗口中显示的文档数目、每个 文档的大小，以及文档被载入框架集窗口中的方式等。一般来说，框架集文档中的内容不会 显示在浏览器中。所以有时候，我们可以将框架集仅仅看成是一个可以容纳和组织多个文档 的容器。 所谓框架，就是在框架集中被组织和显示的文档。在框架集中显示的每个框架事实上都 是一个独立存在的H T M L文档。 图11 - 2显示了框架和框架集之间的关系。在图中， 1个框架集中包含了 3个框架文档。它 很形象地显示了图 11 - 1中的框架结构关系。在图 11 - 1中，框架集是C o n t e x t H e l p . h t m文档，框 架1是n a v i g a t i o n . h t m文档；框架2 是c o n t 11 . h t m文档；框架3是1 0 f r a m e s 1 . h t m l文档。您可以分 别在相应的区域，单击鼠标右键，然后选择“查看源文件”命令来查看每个框架文档的源文 件；打开浏览器的“编辑”菜单，选择“查看源文件”命令，可以查看框架集文档本身的源 文件。 框架 框架