网页设计框架有哪些-2.8 框架布局（课件）——高二《网页设计与制作》同步教学（北京理工大学版）

2.8 框架布局 框架将浏览器窗口划分为多个区域。 每个区域可以独立显示一个HTML文件，每个区域也可以关联显示某个内容。 因此，该框架可以更好地组织结构更复杂的网站页面。 一般可以将索引放在一个区域网页设计框架有哪些，将文件内容显示在另一区域。 单击这些链接之一时，链接的网页会出现在不同的框架中，而索引页本身不会更改。 窗口分配时可以水平或垂直分割，也可以混合框架。 创建框架网页的步骤与普通网页不同。 具体创建顺序如下： (1)创建帧结构。 首先，您需要创建一个新的网页，并将此网页划分为您需要的框架结构，并将此新网页称为框架的主页。 返回下一页 上一页 2.8 框架布局 (2) 设置框架。 为分割框架指定或创建新页面以显示特定内容。 (3) 创建链接。 为每个框架指定一个名称，并通过“属性”面板分配文本或图像的链接。 (4) 保存框架网页。 保存所有网页。 2.8.1 创建框架 (1) 创建一个新文件，然后单击插入栏“布局”类别中图标上的下三角按钮。 将展开框架列表菜单，如图2-108所示。 (2) 选择“左框架”选项，弹出“框架标签辅助属性”对话框，如图2-109所示。 返回下一页 上一页 2.8 框架布局 (3) 在这里您可以为每个框架命名。

当然，如果没有命名，以后可以通过“属性”面板重命名。 因此，这里直接点击“确定”按钮。 (4) 网页如图2-110所示。 如果要调整框架的宽度，可以直接拖放框架边框。 （5）选择“文件”菜单中的“全部保存”命令，会弹出两次“另存为”对话框。 由于网页分为左右两个子网页，所以这次保存了三个文件中的另外两个。 注意：网页可以使用框架来划分。 例如，当一个网页被分为左右两个网页时，就会生成3个文件。 其中，一个是主文件，另外两个文件，左边一个文件，右边一个文件。 这就是为什么在步骤5 中会弹出两次“另存为”对话框。 返回下一页 上一页 2.8 框架布局 2.8.2 “框架”面板和属性栏 1. 选择“窗口” | “框架” | “框架”。 “框架”面板中的“框架”命令打开“框架”面板，如图2-111所示。 显示的是当前文档中的框架布局。 使用“框架”面板仅提供快速选择网页框架的功能，不提供其他功能。 2、在框架的属性栏中，如果要选择框架中的某个页面，可以直接在“框架”面板中单击，就会打开相应框架的属性。 1) 框架集属性 框架集属性如图2-112所示。 各选项含义及作用如下： 返回下一页 上一页 2.8 框架布局·边框 设置框架是否有边框卡通人物，取值为“是”（有边框）、“否”（无边框） 、“默认”（是否有边框由浏览器的默认设置决定。对于大多数浏览器来说，此项默认有边框）。

·边框宽度设置边框的宽度（以像素为单位）。 ·边框颜色设置边框的颜色。 ·数值、单位 如果要设置帧结构的分割比例，可以在右图中选择要设置的帧表情包设计，然后在“数值”文本框中输入数值。 提示：框架集和框架有什么区别？ 框架是浏览器窗口中的一个区域，它显示独立于浏览器窗口其余部分中显示的内容的 HTML 文档。 框架集是定义一组框架的布局和属性的 HTML 文件。 返回下一页 上一页 2.8 帧布局 2）各分页帧的属性 各分页帧的属性如图2-113所示。 各选项的含义和作用如下： ·框架名称用于命名当前选定的模型框架。 ·源文件指定要显示的网页的路径。 ·滚动设置：当帧内内容超出帧范围时是否出现滚动条。 取值为“Yes”（任何情况下都显示）、“No”（始终不显示）、“Auto”（仅在超出时显示）、“Default”（浏览器的默认值网页设计框架有哪些，相当于自动在大多数浏览器中）。 ·无法调整大小 默认情况下，框架网页的分割边框可以拖动来调整框架大小。 如果选择此选项，则无法进行拖动。 ·边框宽度和边框高度设置框架边框与框架内容之间的空白区域。 返回下一页和上一页 2.8 框架布局 3. 框架中的链接 此时，框架中的每个页面都是一个单独的网页。 编辑框架中的页面时，只需将光标置于框架中的页面中即可。 您可以像编辑普通页面一样编辑框架页面。 单击左框中的某个项目后，其内容将显示在右框中。 步骤如下： (1) 选择要链接的对象，并在“属性”面板的“链接”文本框中指定要链接的对象。 网页如图2-114所示。 返回下一页 上一页 2.8 框架布局 (2) 在“目标”下拉列表框中选择mainFrame，即在mainFrame框架中打开链接的网页。 HTML知识——框架的基本结构