第11章 框架 框架是网页中常使用的效果。使用框架，可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区，用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接，用户单击目录区中的文件目.

Presentation on theme: "第11章 框架 框架是网页中常使用的效果。使用框架，可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区，用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接，用户单击目录区中的文件目."— Presentation transcript:

1 第11章 框架 框架是网页中常使用的效果。使用框架，可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区，用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接，用户单击目录区中的文件目 录，文件内容将在主体区域内显示，用这种方法便于 用户继续浏览其他的网页文件。

2 关于框架 下面的实例显示了一个使用框架的网页，如图11.1所 示。这是由三个框架组成的框架布局，一个框架横放 在顶部，其中包含 Web 站点的Logo和一些常用按钮； 左侧较窄的框架包含导航条；右侧的框架占据了页面 的大部分，其中包含主要内容。这些框架中的每一个 都显示单独的 HTML 文档。

3 11.1.2 基本概念 框架实际上是一种特殊的网页，它可以根据需要把 浏览器窗口划分为多个区域，每个框架区域都是一 个单独的网页。
基本概念 框架实际上是一种特殊的网页，它可以根据需要把 浏览器窗口划分为多个区域，每个框架区域都是一 个单独的网页。 框架（Frames）由框架集（Frameset）和单个框架 （Frame）两部分组成。框架集是一个定义框架结 构的网页，它包括网页内框架的数量、每个框架的 大小、框架内网页的来源和框架的其它属性等。单 个框架包含在框架集中，是框架集的一部分，每个 框架中都放置一个内容网页，组合起来就是浏览者 看到的框架式网页。

4 创建框架和框架集 常用的两种方法： 选择“插入”工具栏中的“布局”选项卡，单击“框架” 按钮，打开包含有13种预定义框架集的菜单，从中可以选 择需要创建的类型。 选择“查看”→“可视化助理” →“框架边框”命令，使 框架边框显示出来，拖动框架边框。

5 框架的嵌套 框架的嵌套是指一个框架集套在另一个框架集内。“上方固定，左侧嵌 套”实际上就是一个嵌套的框架集，是在上下结构的框架集中嵌套一个 左右结构的框架集。具体操作步骤如下： （1）将鼠标移至要创建嵌套框架集的框架内，如图11.8所示。 （2）单击”插入”|“HTML”|“框架”|“左对齐”命令菜单，新插入 一个框架集，如图11.9所示。此时，嵌套框架集制作完成。

6 框架的基本操作 框架的基本操作主要包括：选取框架和框架集、保存 框架和框架集、调整框架大小、拆分框架和删除框架 等。 1．选取框架或框架集 2．保存框架 3．调整框架大小

7 选择框架和框架集 在文档窗口中选择框架和框架集 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令，显示“框架”面板。单击
选择一个框架：按下Alt+Shift键的同时，再在要选择的框架内单击 选择一个框架集：单击任一内部框架边框 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令，显示“框架”面板。单击

8 设置框架集属性 选中框架集，使用“属性检查器”可以方便地设置框 架集的边框宽度和颜色、设置框架行和列的大小等。

9 设置框架属性 选中框架，利用“属性检查器”还可以设置框架的属 性，包括框架名称、源文件、滚动条、边框、边界等。

10 11.3 让框架Frameset居中，并且固定 宽度的巧妙办法
在原有框架代码的前后各加下面红色代码: 原有框架前代码： <frameset cols="*,1000,*" frameborder="no" border="0" framespacing="0"> <frame src="about:blank"> </frame> 框架后代码： <frame src="about:blank"></frame> </frameset>

11 框架居中的效果图