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

中文版中文版Dreamweaver 8实用教程实用教程第第14章章 使用框架和框架集使用框架和框架集 在网页制作中，除了使用表格和层定位外，还可以使用框架进行定位。使在网页制作中，除了使用表格和层定位外，还可以使用框架进行定位。使用框架可以把网页分成几个部分用框架可以把网页分成几个部分(称为框架称为框架)，每个框架都是一个独立的，每个框架都是一个独立的HTMLHTML页，它们都共同聚集在一起，形成一个框架集。框架集也是一个页，它们都共同聚集在一起，形成一个框架集。框架集也是一个HTMLHTML页，它页，它定义了网页的结构和属性，包括页面中显示的框架数量、框架尺寸、调用到框定义了网页的结构和属性，包括页面中显示的框架数量、框架尺寸、调用到框架中的源页面以及其他可定义的属性，但是框架集页不能显示在浏览器中。架中的源页面以及其他可定义的属性，但是框架集页不能显示在浏览器中。第14章 使用框架和框架集 在网页制作中，除了中文版中文版Dreamweaver 8实用教程实用教程14.1 教学目标教学目标uu 掌握知识：掌握知识：通过对本章的学习，读者应了解并掌握使用框架的基本方法，通过对本章的学习，读者应了解并掌握使用框架的基本方法，并能够在文档中使用框架和框架集。并能够在文档中使用框架和框架集。uu 重点学习：本重点学习：本章重点讲解了使用框架，设置框架和框架集属性的方法，并章重点讲解了使用框架，设置框架和框架集属性的方法，并能够使用链接控制框架内容。课后读者应结合上机操作进行强化练习。能够使用链接控制框架内容。课后读者应结合上机操作进行强化练习。14.1 教学目标 掌握知识：通过对本章的学习，读者中文版中文版Dreamweaver 8实用教程实用教程14.2 理论指导理论指导 uu 框架的基本概念框架的基本概念 uu 使用框架使用框架 uu 设置框架和框架集的属性设置框架和框架集的属性 uu 使用链接控制框架内容使用链接控制框架内容uu 处理浏览器不能显示的框架处理浏览器不能显示的框架 14.2 理论指导 框架的基本概念 中文版中文版Dreamweaver 8实用教程实用教程14.2.1 框架的基本概念框架的基本概念 简单的说，将多个网页集中在同一个网页实现，该网页被称为框架集网页。简单的说，将多个网页集中在同一个网页实现，该网页被称为框架集网页。框架集网页用于记录与框架相关的信息，让同一个页面能分门别类显示不同的框架集网页用于记录与框架相关的信息，让同一个页面能分门别类显示不同的内容，而在框架集网页中并没有实际的网页内容。内容，而在框架集网页中并没有实际的网页内容。uu 认识框架与框架集认识框架与框架集 uu 使用框架结构的优点和缺点使用框架结构的优点和缺点 14.2.1 框架的基本概念 简单的说，将多个中文版中文版Dreamweaver 8实用教程实用教程14.2.2 使用框架使用框架 用用户户使使用用框框架架可可以以方方便便地地实实际际网网页页的的定定位位，与与其其他他定定位位方方式式不不同同的的是是，使使用用框框架架可可以以将将一一个个浏浏览览器器窗窗口口划划分分为为多多个个区区域域，在在每每个个区区域域都都可可以以显显示示不不同同的的HTMLHTML文文档档。一一个个框框架架显显示示包包含含导导航航控控件件的的文文档档，而而另另一一个个框框架架显显示示含含有有内内容容的文档，这是使用框架的一个极其典型的例子。的文档，这是使用框架的一个极其典型的例子。uu 创建预定义的框架集创建预定义的框架集 uu 创建和编辑框架集创建和编辑框架集 uu 创建嵌套框架集创建嵌套框架集 uu 选择框架或框架集选择框架或框架集 uu 保存框架和框架集文件保存框架和框架集文件 14.2.2 使用框架 用户使用框架可以方便地实际网页的中文版中文版Dreamweaver 8实用教程实用教程 要使用预定义的框架集，可以选择要使用预定义的框架集，可以选择“插入插入”栏中的栏中的“布局布局”选项卡，切换选项卡，切换到布局插入栏。然后到布局插入栏。然后单击框架按钮组，在弹出的菜单中选择一种需要的框架集单击框架按钮组，在弹出的菜单中选择一种需要的框架集即可即可.要使用预定义的框架集，可以选择“插入”栏中的“布中文版中文版Dreamweaver 8实用教程实用教程 用户可对已经创建好的框架集进行编辑和修改，例如用户可对已经创建好的框架集进行编辑和修改，例如将一个框架拆分成几将一个框架拆分成几个更小的框架，或是移动框架的边框来改变框架显示的范围大小。如果要编辑个更小的框架，或是移动框架的边框来改变框架显示的范围大小。如果要编辑和修改框架集，可以使用以下两种方法。和修改框架集，可以使用以下两种方法。uu 要拆分插入点所在的框架，选择要拆分插入点所在的框架，选择“修改修改”|“|“框架集框架集”命令的子命令。命令的子命令。uu 要以垂直或水平方式拆分一个框架或一组框架，可以将框架边框从要以垂直或水平方式拆分一个框架或一组框架，可以将框架边框从“设设计计”视图的边缘拖入视图的边缘拖入“设计设计”视图的中间。反之，将框架的边框从视图的中间。反之，将框架的边框从“设计设计”视视图的中间拖至图的中间拖至“设计设计”视图的边缘可以删除框架。视图的边缘可以删除框架。用户可对已经创建好的框架集进行编辑和修改，例如将中文版中文版Dreamweaver 8实用教程实用教程 在一个框架中存在的框架集称作嵌套框架集，一个框架集文件可以包含多在一个框架中存在的框架集称作嵌套框架集，一个框架集文件可以包含多个嵌套框架集，大多数使用框架的个嵌套框架集，大多数使用框架的 Web Web 页实际上都使用了嵌套的框架，并且页实际上都使用了嵌套的框架，并且在在 DreamweaverDreamweaver中的多数预定义的框架集也使用嵌套。如果在一组框架里，中的多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套框架集。不同行或不同列中有不同数目的框架，则要求使用嵌套框架集。要创建嵌套框架集，将光标置于相应的框架中，用通常创建框架集的方法要创建嵌套框架集，将光标置于相应的框架中，用通常创建框架集的方法创建即可。创建即可。在一个框架中存在的框架集称作嵌套框架集，一个框架中文版中文版Dreamweaver 8实用教程实用教程 要改变框架或框架集，首先必须选中该框架或框架集，最好的方法是使用要改变框架或框架集，首先必须选中该框架或框架集，最好的方法是使用“框架框架”面板。面板。选择选择“窗口窗口”|“”|“框架框架”命令，显示命令，显示“框架框架”面板。在面板。在“框架框架”面板中选中面板中选中某个框架或框架集时，在某个框架或框架集时，在“框架框架”面板和文档窗口的同一个框架中都将显示框面板和文档窗口的同一个框架中都将显示框架选择线，。在文档窗口中，当框架被选中时，边框线显示为点划线。当框架架选择线，。在文档窗口中，当框架被选中时，边框线显示为点划线。当框架集被选中时，所有包含在该框架集中的框架边线都显示为点划线。集被选中时，所有包含在该框架集中的框架边线都显示为点划线。要改变框架或框架集，首先必须选中该框架或框架集，最中文版中文版Dreamweaver 8实用教程实用教程 框架及框架集都是HTML文件，因此，在保存文件时这些文件都必须一起保存。在Dreamweaver 8中，用户可以单独保存一个框架集文件，或一个框架文件，或保存所有打开的框架文件和框架集文件。要保存框架集文档窗口中的某个框架，可以将插入点置于需要保存的框架中，选择“文件”|“保存框架”命令，保存该框架文档。如果该框架文档是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架文档。要保存框架集，可以在文档中单击并选中需要保存的框架集，选择“文件”|“保存框架页”命令，保存框架集。如果该框架集是新建的，这时将打开“保存为”对话框，在对话框中选择存储路径并输入文件名，然后保存该框架集。要保存所有框架(包括框架集)，可选择“文件”|“保存全部”命令，这时Dreamweaver 将逐个保存页面中的所有框架。框架及框架集都是HTML文件，因此，在保存文件中文版中文版Dreamweaver 8实用教程实用教程14.2.3 设置框架和框架集的属性设置框架和框架集的属性 用户在制作网页的过程中，使用框架的属性检查器可以定义框架名称、源用户在制作网页的过程中，使用框架的属性检查器可以定义框架名称、源文件、页边距等属性，使用文件、页边距等属性，使用“框架集属性检查器框架集属性检查器”可以定义框架集边线颜色、可以定义框架集边线颜色、宽度等属性。宽度等属性。uu 设置框架属性设置框架属性 uu 设置框架集属性设置框架集属性 14.2.3 设置框架和框架集的属性 用户在制中文版中文版Dreamweaver 8实用教程实用教程 要设置框架的属性，可在网页文档中选择一个框架，然后选择要设置框架的属性，可在网页文档中选择一个框架，然后选择“窗口窗口”|”|“属性属性”命令以显示命令以显示“框架属性检查器框架属性检查器”.要设置框架的属性，可在网页文档中选择一个框架，中文版中文版Dreamweaver 8实用教程实用教程 要设置框架集的属性，可在网页文档中选择一个框架集，然后选择要设置框架集的属性，可在网页文档中选择一个框架集，然后选择“窗口窗口”|”|“属性属性”命令，以显示命令，以显示“框架集属性检查器框架集属性检查器”。要设置框架集的属性，可在网页文档中选择一个框架集中文版中文版Dreamweaver 8实用教程实用教程14.2.4 使用链接控制框架内容使用链接控制框架内容 使用链接控制框架内容，也就是在一个框架中用链接来控制另一个框架中使用链接控制框架内容，也就是在一个框架中用链接来控制另一个框架中的显示内容，这才是使用框架的主要作用。要实现这样的功能，在使用链接时，的显示内容，这才是使用框架的主要作用。要实现这样的功能，在使用链接时，必须指定链接的目标位置，也就是指明要操作的框架对象。框架的位置是通过必须指定链接的目标位置，也就是指明要操作的框架对象。框架的位置是通过框架的名称来确定和标示的。框架的名称来确定和标示的。14.2.4 使用链接控制框架内容 使用链接控制中文版中文版Dreamweaver 8实用教程实用教程14.2.5 处理浏览器不能显示的框架处理浏览器不能显示的框架 如果浏览器不支持框架，则无法显示框架集和框架文档内容。如果浏览器不支持框架，则无法显示框架集和框架文档内容。DreamweaverDreamweaver允许用户在框架集文件中创建位于允许用户在框架集文件中创建位于和和标标记之间的提示信息，告诉用户如何访问基于框架的网页。记之间的提示信息，告诉用户如何访问基于框架的网页。例如例如:14.2.5 处理浏览器不能显示的框架 如果浏中文版中文版Dreamweaver 8实用教程实用教程14.3 上机实验上机实验 本章的上机实验主要练习在网页中使用框架和框架集的操作，其中对框架本章的上机实验主要练习在网页中使用框架和框架集的操作，其中对框架属性的设置是重点，用户在设计框架结构的网页时需要注意合理安排整个网页属性的设置是重点，用户在设计框架结构的网页时需要注意合理安排整个网页的布局，在对框架和框架集属性进行编辑时需要注意其属性检查器中各项功能的布局，在对框架和框架集属性进行编辑时需要注意其属性检查器中各项功能的作用。对于本章中的其他内容，用户可根据理论指导部分进行练习。的作用。对于本章中的其他内容，用户可根据理论指导部分进行练习。uu 在网页中创建预定义框架集在网页中创建预定义框架集 uu 使用链接控制框架显示内容使用链接控制框架显示内容14.3 上机实验 本章的上机实验主要练习在网