中文版Dreamweaver8实用教程1421框架的基本概念课件

第14章使用框架和框架集

在网页制作中，除了使用表格和层定位外，还可以使用框架进行定位。使用框架可以把网页分成几个部分(称为框架)，每个框架都是一个独立的HTML页，它们都共同聚集在一起，形成一个框架集。框架集也是一个HTML页，它定义了网页的结构和属性，包括页面中显示的框架数量、框架尺寸、调用到框架中的源页面以及其他可定义的属性，但是框架集页不能显示在浏览器中。第14章使用框架和框架集在网页制作中，除了14.1教学目标

掌握知识：通过对本章的学习，读者应了解并掌握使用框架的基本方法，并能够在文档中使用框架和框架集。

重点学习：本章重点讲解了使用框架，设置框架和框架集属性的方法，并能够使用链接控制框架内容。课后读者应结合上机操作进行强化练习。14.1教学目标掌握知识：通过对本章的学习，读者14.2理论指导框架的基本概念

使用框架

设置框架和框架集的属性

使用链接控制框架内容处理浏览器不能显示的框架

14.2理论指导框架的基本概念 14.2.1框架的基本概念

简单的说，将多个网页集中在同一个网页实现，该网页被称为框架集网页。框架集网页用于记录与框架相关的信息，让同一个页面能分门别类显示不同的内容，而在框架集网页中并没有实际的网页内容。

认识框架与框架集

使用框架结构的优点和缺点

14.2.1框架的基本概念简单的说，将多个14.2.2使用框架

用户使用框架可以方便地实际网页的定位，与其他定位方式不同的是，使用框架可以将一个浏览器窗口划分为多个区域，在每个区域都可以显示不同的HTML文档。一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档，这是使用框架的一个极其典型的例子。

创建预定义的框架集

创建和编辑框架集

创建嵌套框架集选择框架或框架集保存框架和框架集文件

14.2.2使用框架用户使用框架可以方便地实际网页的

要使用预定义的框架集，可以选择“插入”栏中的“布局”选项卡，切换到布局插入栏。然后单击框架按钮组，在弹出的菜单中选择一种需要的框架集即可.要使用预定义的框架集，可以选择“插入”栏中的“布用户可对已经创建好的框架集进行编辑和修改，例如将一个框架拆分成几个更小的框架，或是移动框架的边框来改变框架显示的范围大小。如果要编辑和修改框架集，可以使用以下两种方法。要拆分插入点所在的框架，选择“修改”|“框架集”命令的子命令。

要以垂直或水平方式拆分一个框架或一组框架，可以将框架边框从“设计”视图的边缘拖入“设计”视图的中间。反之，将框架的边框从“设计”视图的中间拖至“设计”视图的边缘可以删除框架。用户可对已经创建好的框架集进行编辑和修改，例如将在一个框架中存在的框架集称作嵌套框架集，一个框架集文件可以包含多个嵌套框架集，大多数使用框架的Web页实际上都使用了嵌套的框架，并且在Dreamweaver中的多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套框架集。要创建嵌套框架集，将光标置于相应的框架中，用通常创建框架集的方法创建即可。在一个框架中存在的框架集称作嵌套框架集，一个框架要改变框架或框架集，首先必须选中该框架或框架集，最好的方法是使用“框架”面板。选择“窗口”|“框架”命令，显示“框架”面板。在“框架”面板中选中某个框架或框架集时，在“框架”面板和文档窗口的同一个框架中都将显示框架选择线，。在文档窗口中，当框架被选中时，边框线显示为点划线。当框架集被选中时，所有包含在该框架集中的框架边线都显示为点划线。要改变框架或框架集，首先必须选中该框架或框架集，最框架及框架集都是HTML文件，因此，在保存文件时这些文件都必须一起保存。在Dreamweaver8中，用户可以单独保存一个框架集文件，或一个框架文件，或保存所有打开的框架文件和框架集文件。要保存框架集文档窗口中的某个框架，可以将插入点置于需要保存的框架中，选择“文件”|“保存框架”命令，保存该框架文档。如果该框架文档是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架文档。要保存框架集，可以在文档中单击并选中需要保存的框架集，选择“文件”|“保存框架页”命令，保存框架集。如果该框架集是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架集。要保存所有框架(包括框架集)，可选择“文件”|“保存全部”命令，这时Dreamweaver将逐个保存页面中的所有框架。框架及框架集都是HTML文件，因此，在保存文件14.2.3设置框架和框架集的属性

用户在制作网页的过程中，使用框架的属性检查器可以定义框架名称、源文件、页边距等属性，使用“框架集属性检查器”可以定义框架集边线颜色、宽度等属性。设置框架属性

设置框架集属性

14.2.3设置框架和框架集的属性用户在制要设置框架的属性，可在网页文档中选择一个框架，然后选择“窗口”|“属性”命令以显示“框架属性检查器”

.要设置框架的属性，可在网页文档中选择一个框架，要设置框架集的属性，可在网页文档中选择一个框架集，然后选择“窗口”|“属性”命令，以显示“框架集属性检查器”

。要设置框架集的属性，可在网页文档中选择一个框架集14.2.4使用链接控制框架内容

使用链接控制框架内容，也就是在一个框架中用链接来控制另一个框架中的显示内容，这才是使用框架的主要作用。要实现这样的功能，在使用链接时，必须指定链接的目标位置，也就是指明要操作的框架对象。框架的位置是通过框架的名称来确定和标示的。

14.2.4使用链接控制框架内容使用链接控制14.2.5处理浏览器不能显示的框架

如果浏览器不支持框架，则无法显示框架集和框架文档内容。Dreamweaver允许用户在框架集文件中创建位于<noframes>和</noframes>标记之间的提示信息，告诉用户如何访问基于框架的网页。例如:<noframes><bodybgcolor="#FFFFFF">

14.2.5处理浏览器不能显示的框架如果浏14.3上机实验

本章的上机实验主要练习在网页中使用框架和框架集的操作，其中对框架属性的设置是重点，用户在设计框架结构的网页时需要注意合理安排整个网页的布局，在对框架和框架集属性进行编辑时需要注意其属性检查器中各项功能的作用。对于本章中的其他内容，用户可根据理论指导部分进行练习。在网页中创建预定义框架集

使用链接控制框架显示内容14.3上机实验本章的上机实验主要练习在网第14章使用框架和框架集

在网页制作中，除了使用表格和层定位外，还可以使用框架进行定位。使用框架可以把网页分成几个部分(称为框架)，每个框架都是一个独立的HTML页，它们都共同聚集在一起，形成一个框架集。框架集也是一个HTML页，它定义了网页的结构和属性，包括页面中显示的框架数量、框架尺寸、调用到框架中的源页面以及其他可定义的属性，但是框架集页不能显示在浏览器中。第14章使用框架和框架集在网页制作中，除了14.1教学目标

掌握知识：通过对本章的学习，读者应了解并掌握使用框架的基本方法，并能够在文档中使用框架和框架集。

重点学习：本章重点讲解了使用框架，设置框架和框架集属性的方法，并能够使用链接控制框架内容。课后读者应结合上机操作进行强化练习。14.1教学目标掌握知识：通过对本章的学习，读者14.2理论指导框架的基本概念

使用框架

设置框架和框架集的属性

使用链接控制框架内容处理浏览器不能显示的框架

14.2理论指导框架的基本概念 14.2.1框架的基本概念

简单的说，将多个网页集中在同一个网页实现，该网页被称为框架集网页。框架集网页用于记录与框架相关的信息，让同一个页面能分门别类显示不同的内容，而在框架集网页中并没有实际的网页内容。

认识框架与框架集

使用框架结构的优点和缺点

14.2.1框架的基本概念简单的说，将多个14.2.2使用框架

用户使用框架可以方便地实际网页的定位，与其他定位方式不同的是，使用框架可以将一个浏览器窗口划分为多个区域，在每个区域都可以显示不同的HTML文档。一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档，这是使用框架的一个极其典型的例子。

创建预定义的框架集

创建和编辑框架集

创建嵌套框架集选择框架或框架集保存框架和框架集文件

14.2.2使用框架用户使用框架可以方便地实际网页的

要使用预定义的框架集，可以选择“插入”栏中的“布局”选项卡，切换到布局插入栏。然后单击框架按钮组，在弹出的菜单中选择一种需要的框架集即可.要使用预定义的框架集，可以选择“插入”栏中的“布用户可对已经创建好的框架集进行编辑和修改，例如将一个框架拆分成几个更小的框架，或是移动框架的边框来改变框架显示的范围大小。如果要编辑和修改框架集，可以使用以下两种方法。要拆分插入点所在的框架，选择“修改”|“框架集”命令的子命令。

要以垂直或水平方式拆分一个框架或一组框架，可以将框架边框从“设计”视图的边缘拖入“设计”视图的中间。反之，将框架的边框从“设计”视图的中间拖至“设计”视图的边缘可以删除框架。用户可对已经创建好的框架集进行编辑和修改，例如将在一个框架中存在的框架集称作嵌套框架集，一个框架集文件可以包含多个嵌套框架集，大多数使用框架的Web页实际上都使用了嵌套的框架，并且在Dreamweaver中的多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套框架集。要创建嵌套框架集，将光标置于相应的框架中，用通常创建框架集的方法创建即可。在一个框架中存在的框架集称作嵌套框架集，一个框架要改变框架或框架集，首先必须选中该框架或框架集，最好的方法是使用“框架”面板。选择“窗口”|“框架”命令，显示“框架”面板。在“框架”面板中选中某个框架或框架集时，在“框架”面板和文档窗口的同一个框架中都将显示框架选择线，。在文档窗口中，当框架被选中时，边框线显示为点划线。当框架集被选中时，所有包含在该框架集中的框架边线都显示为点划线。要改变框架或框架集，首先必须选中该框架或框架集，最框架及框架集都是HTML文件，因此，在保存文件时这些文件都必须一起保存。在Dreamweaver8中，用户可以单独保存一个框架集文件，或一个框架文件，或保存所有打开的框架文件和框架集文件。要保存框架集文档窗口中的某个框架，可以将插入点置于需要保存的框架中，选择“文件”|“保存框架”命令，保存该框架文档。如果该框架文档是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架文档。要保存框架集，可以在文档中单击并选中需要保存的框架集，选择“文件”|“保存框架页”命令，保存框架集。如果该框架集是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架集。要保存所有框架(包括框架集)，可选择“文件”|“保存全部”命令，这时Dreamweaver将逐个保存页面中的所有框架。框架及框架集都是HTML文件，因此，在保存文件14.2.3设置框架和框架集的属性

用户在制作网页的过程中，使用框架的属性检查器可以定义框架名称、源文件、页边距等属性，使用“框架集属性检查器”可以定义框架集边线颜色、宽度等属性。设置框架属性

设置框架集属性

14.2.3设置框架和框架集的属性用户在制要设置框架的属性，可在网页文档中选择一个框架，然后选择“窗口”|“属性”命令以显示“框架属性检查器”

.要设置框架的属性，可在网页文档中选择一个框架，要设置框架集的属性，可在网页文档中选择一个框架集，然后选择“窗口”|“属性”命令，以显示“框架集属性检查器”

。