第11章 框架 框架是网页中常使用的效果。使用框架,可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区,用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接,用户单击目录区中的文件目 录,文件内容将在主体区域内显示,用这种方法便于 用户继续浏览其他的网页文件。
11.1.1 关于框架 下面的实例显示了一个使用框架的网页,如图11.1所 示。这是由三个框架组成的框架布局,一个框架横放 在顶部,其中包含 Web 站点的Logo和一些常用按钮; 左侧较窄的框架包含导航条;右侧的框架占据了页面 的大部分,其中包含主要内容。这些框架中的每一个 都显示单独的 HTML 文档。
11.1.2 基本概念 框架实际上是一种特殊的网页,它可以根据需要把 浏览器窗口划分为多个区域,每个框架区域都是一 个单独的网页。 11.1.2 基本概念 框架实际上是一种特殊的网页,它可以根据需要把 浏览器窗口划分为多个区域,每个框架区域都是一 个单独的网页。 框架(Frames)由框架集(Frameset)和单个框架 (Frame)两部分组成。框架集是一个定义框架结 构的网页,它包括网页内框架的数量、每个框架的 大小、框架内网页的来源和框架的其它属性等。单 个框架包含在框架集中,是框架集的一部分,每个 框架中都放置一个内容网页,组合起来就是浏览者 看到的框架式网页。
11.2.1 创建框架和框架集 常用的两种方法: 选择“插入”工具栏中的“布局”选项卡,单击“框架” 按钮,打开包含有13种预定义框架集的菜单,从中可以选 择需要创建的类型。 选择“查看”→“可视化助理” →“框架边框”命令,使 框架边框显示出来,拖动框架边框。
11.2.2 框架的嵌套 框架的嵌套是指一个框架集套在另一个框架集内。“上方固定,左侧嵌 套”实际上就是一个嵌套的框架集,是在上下结构的框架集中嵌套一个 左右结构的框架集。具体操作步骤如下: (1)将鼠标移至要创建嵌套框架集的框架内,如图11.8所示。 (2)单击”插入”|“HTML”|“框架”|“左对齐”命令菜单,新插入 一个框架集,如图11.9所示。此时,嵌套框架集制作完成。
11.2.3 框架的基本操作 框架的基本操作主要包括:选取框架和框架集、保存 框架和框架集、调整框架大小、拆分框架和删除框架 等。 1.选取框架或框架集 2.保存框架 3.调整框架大小
选择框架和框架集 在文档窗口中选择框架和框架集 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令,显示“框架”面板。单击 选择一个框架:按下Alt+Shift键的同时,再在要选择的框架内单击 选择一个框架集:单击任一内部框架边框 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令,显示“框架”面板。单击
11.2.4 设置框架集属性 选中框架集,使用“属性检查器”可以方便地设置框 架集的边框宽度和颜色、设置框架行和列的大小等。
11.2.5 设置框架属性 选中框架,利用“属性检查器”还可以设置框架的属 性,包括框架名称、源文件、滚动条、边框、边界等。
11.3 让框架Frameset居中,并且固定 宽度的巧妙办法 在原有框架代码的前后各加下面红色代码: 原有框架前代码: <frameset cols="*,1000,*" frameborder="no" border="0" framespacing="0"> <frame src="about:blank"> </frame> 框架后代码: <frame src="about:blank"></frame> </frameset>
框架居中的效果图