网页投计与制作 教程 第16章框架 FIREWO DREAM
第16章 框架
网页设计与制作教程 第16章框架 本章目录 框架是网页制 作过程中必不可少 16.1框架的规划与建立 的一种实用Web技 术。框架可以将网 16.2框架的操作 页划分为不同的区 ○域，并在不同的区 16.3在框架中显示页面 域中载入不同的页 冬16.4设置框架属性 面。每个框架网页 中都是由框架集和 ×16.5本章小结 框架组成的。 概要说明
第16章 框架 ❖16.1 框架的规划与建立 ❖16.2 框架的操作 ❖16.3 在框架中显示页面 ❖16.4 设置框架属性 ❖16.5 本章小结 框架是网页制 作过程中必不可少 的一种实用Web技 术。框架可以将网 页划分为不同的区 域，并在不同的区 域中载入不同的页 面。每个框架网页 中都是由框架集和 框架组成的
网页设计与制作敦程 16.1框架的规划与建立 16.1.1规划框架 框架最常见的用法就是实现页面导航，一般是将 页面划分为一个导航区和一个内容区。这些框架中的 每一个都是一个独立的HTML页面。 框架集是HTML文件，它定义一组框架的布局和 属性，包括框架的数目、框架的大小和位置以及在每 个框架中初始显示的页面的URL。框架集文件不在浏 览器中显示，只是向浏览器提供应如何显示一组框架 以及在这些框架中应显示哪些文档的有关信息
框架最常见的用法就是实现页面导航，一般是将 页面划分为一个导航区和一个内容区。这些框架中的 每一个都是一个独立的 HTML页面。 框架集是HTML文件，它定义一组框架的布局和 属性，包括框架的数目、框架的大小和位置以及在每 个框架中初始显示的页面的 URL。框架集文件不在浏 览器中显示，只是向浏览器提供应如何显示一组框架 以及在这些框架中应显示哪些文档的有关信息。 16.1.1 规划框架 16.1 框架的规划与建立
网页设计与制作敦程 16.1框架的规划与建立 16.1.2创建框架 在Dreamweaver中有两种创建框架集的方法： 1.可以从若干预定义的框架集中选择 Dreamweaver预先设计了l3种框架集格式，可以 选择插入面板上的“布局”选项卡，单击框架按钮上 的回拉箭头，然后选择预定义的框架集。 2.可以自己设计框架集 如果预定义的框架集模板都不符合设计要求，可 以先用模板建立一个相近的框架，然后再添加一些新 的框架进去。（方法见16.2.3) 返回
在 Dreamweaver 中有两种创建框架集的方法： 1.可以从若干预定义的框架集中选择 Dreamweaver预先设计了13种框架集格式，可以 选择插入面板上的“布局”选项卡，单击框架按钮上 的下 拉箭头，然后选择预定义的框架集。 2.可以自己设计框架集 如果预定义的框架集模板都不符合设计要求，可 以先用模板建立一个相近的框架，然后再添加一些新 的框架进去。（方法见16.2.3） 16.1.2 创建框架 16.1 框架的规划与建立
网页设计与制作教程 16.2框架的操作 16.2.1改变框架尺寸 要调整框架的大小，有以下两种方法： 冬如果要设置框架的粗略大小，在“文档”窗口中， 将鼠标指针放在两个框架间的边框上，当指针变成 双向箭头时，拖动边框到新位置，然后释放鼠标键。 如果要指定准确大小，并指定当浏览器窗口大小 不允许框架全部显示时，浏览器分配给框架的行或 列的大小，可使用“属性”检查器（请参见16.4节 设置框架属性)来指定
16.2.1 改变框架尺寸 要调整框架的大小，有以下两种方法： ❖如果要设置框架的粗略大小，在“文档”窗口中， 将鼠标指针放在两个框架间的边框上，当指针变成 双向箭头时，拖动边框到新位置，然后释放鼠标键。 ❖如果要指定准确大小，并指定当浏览器窗口大小 不允许框架全部显示时，浏览器分配给框架的行或 列的大小，可使用“属性”检查器（请参见16.4节 设置框架属性）来指定。 16.2 框架的操作
网页设计与制作敦程 16.2框架的操作 16.2.2嵌套框架 1.定义 一个框架集包含了另一个框架集就叫作嵌套框架 集。一个框架集文件可以包含多个嵌套的框架集。每 一个框架集都有自己相应的HTML文档。 2.要求 如果在一组框架里，不同行或不同列中有不同数目 的框架，则要求使用嵌套的框架集。 3.创建 Dreamweaver会根据需要自动嵌套框架集
16.2.2 嵌套框架 1.定义 一个框架集包含了另一个框架集就叫作嵌套框架 集。一个框架集文件可以包含多个嵌套的框架集。每 一个框架集都有自己相应的HTML文档。 2.要求 如果在一组框架里，不同行或不同列中有不同数目 的框架，则要求使用嵌套的框架集。 3.创建 Dreamweaver 会根据需要自动嵌套框架集。 16.2 框架的操作
网页设计与制作教程 16.2框架的操作 16.2.3拆分框架 要将一个框架拆分成几个框架，有以下几种情况： 冬如果要以垂直或水平方式拆分一个框架或一组框架， 可在文档窗口将框架边框从窗口边缘拖入中间。 如果要拆分的框架不靠近文档窗口边缘，可在按住 A1t键的同时拖动框架边框。 冬如果要将一个框架拆分成四个框架，可将框架边框 从文档窗口一角拖入框架的中间
16.2.3 拆分框架 要将一个框架拆分成几个框架，有以下几种情况： ❖如果要以垂直或水平方式拆分一个框架或一组框架， 可在文档窗口将框架边框从窗口边缘拖入中间。 ❖如果要拆分的框架不靠近文档窗口边缘，可在按住 Alt 键的同时拖动框架边框。 ❖如果要将一个框架拆分成四个框架，可将框架边框 从文档窗口一角拖入框架的中间。 16.2 框架的操作
网页设计与制作教程 16.2框架的操作 16.2.4保存框架 1.只保存框架集文件 (1)在“框架”面板或文档窗口中选择框架集。 (2)选择【文件】」【保存框架集】菜单命令。 2.保存框架中显示的文档 (1)在要保存的框架中单击。 (2)选择【文件】|【保存框架】菜单命令。 3.保存与框架集相关联的所有文件 选择【文件】|【保存全部】菜单命令。系统会提示依 次保存框架集和所有框架
16.2.4 保存框架 1.只保存框架集文件 （1）在“框架”面板或文档窗口中选择框架集。 （2）选择【文件】|【保存框架集】菜单命令。 2.保存框架中显示的文档 （1）在要保存的框架中单击。 （2）选择【文件】|【保存框架】菜单命令。 3.保存与框架集相关联的所有文件 选择【文件】|【保存全部】菜单命令。系统会提示依 次保存框架集和所有框架。 16.2 框架的操作
网页设计与制作教程 16.3在框架中显示页面 1.直接在框架中编辑空文档 如果要在框架集中显示的文档还未编辑，一种方法 是可以在框架集中直接编辑各框架文档。要使该文档成 为框架中显示的默认文档，要选择“保存全部”命令。 2.在框架中打开现有文档 如果要在框架集中显示的文档已编辑完成，则可以 把光标定位在框架中，选择【文件】|【在框架中打开】 菜单命令。要使该文档成为框架中显示的默认文档，要 选择“保存框架集”命令
1.直接在框架中编辑空文档 如果要在框架集中显示的文档还未编辑，一种方法 是可以在框架集中直接编辑各框架文档。要使该文档成 为框架中显示的默认文档，要选择“保存全部”命令。 2.在框架中打开现有文档 如果要在框架集中显示的文档已编辑完成，则可以 把光标定位在框架中，选择【文件】|【在框架中打开】 菜单命令。要使该文档成为框架中显示的默认文档，要 选择“保存框架集”命令。 16.3 在框架中显示页面
冈页设计与制作 教程 16.3在框架中显示页面 3.在属性检查器为框架设置源文件 如果要在框架集中显示的文档已编辑完成，还可以 选择在属性检查器为框架设置源文件的方法，要使该文 档成为框架中显示的默认文档，可以选择“保存框架集” 或“保存全部”命令。 4.设置超链接的目标框架 目标框架是针对某个框架页面中的超链接而言的。 在“属性”检查器的“目标”下拉列表中可以选择如下 一项： blank、parent、一self、top、框架名称。返o
3.在属性检查器为框架设置源文件 如果要在框架集中显示的文档已编辑完成，还可以 选择在属性检查器为框架设置源文件的方法，要使该文 档成为框架中显示的默认文档，可以选择“保存框架集” 或“保存全部”命令。 4.设置超链接的目标框架 目标框架是针对某个框架页面中的超链接而言的。 在“属性”检查器的“目标”下拉列表中可以选择如下 一项： _blank、 _parent 、_self 、_top 、框架名称。 16.3 在框架中显示页面