第10章 使用框架和框架集布局页面内容
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第10章 使用框架和框架集布局页面内容 章 在网页中， 在网页中，框架主要用于分隔多个 HTML页，每一个框架都是一个独立的 页 HTML页，它们聚集在一起形成一个框 页 架集。框架集也是一个HTML页，定义 架集。框架集也是一个 页 了网页的结构和属性， 了网页的结构和属性，包括页面中显示 的框架数量、框架尺寸、 的框架数量、框架尺寸、调用到框架中 的源页面以及其他可定义的属性， 的源页面以及其他可定义的属性，但是 框架集页不能显示在浏览器中。 框架集页不能显示在浏览器中。本章将 主要介绍在Dreamweaver 8中创建和编 主要介绍在 中创建和编 辑框架和框架集的方法。 辑框架和框架集的方法。
使用预定义的框架集创建
使用预定义的框架集可以快速地在文 档中插入框架布局结构， 档中插入框架布局结构，并且只有在文档 设计视图窗口中才能创建框架。要创建框 设计视图窗口中才能创建框架。 架集，应先选择“查看”→“可视化助理” 架集，应先选择“查看” “可视化助理” →“框架边框”命令，使框架边框显示出 “框架边框”命令， 来。 在Dreamweaver 8中，系统预定义了 中 13种框架集形式。选择“插入”工具栏中 种框架集形式 种框架集形式。选择“插入” 布局”选项卡，单击“框架”按钮， 的“布局”选项卡，单击“框架”按钮， 打开包含有13种预定义框架集的菜单， 打开包含有 种预定义框架集的菜单，从 中可以选择需要创建的类型。 中可以选择需要创建的类型。
保存框架和框架集文件 要保存框架与框架集， 要保存框架与框架集，先选中 它们，选择“文件” “ 它们，选择“文件” →“保存框架 命令。 页”命令。 另外，选择“文件” “ 另外，选择“文件” →“保存 全部”命令，这时Dreamweaver 8 全部”命令，这时 将逐个保存页面中的所有框架。 将逐个保存页面中的所有框架。
框架” 在“框架”面板中选择框架和框架集
选择“窗口” “框架”命令，显示“框架”面板。 选择“窗口” →“框架”命令，显示“框架”面板。
10.3 查看和设置框架和框架集属性
在Dreamweaver 8中，使用“框架”属性检查 中 使用“框架” 器可以定义框架名称、源文件、页边距等属性， 器可以定义框架名称、源文件、页边距等属性，使 框架集”属性检查器可以定义框架集边线颜色、 用“框架集”属性检查器可以定义框架集边线颜色、 宽度等属性。 宽度等属性。 查看和设置框架属性 查看和设置框架集属性
认识框架和框架集
框架实际上由两部分组成，即框架与框架集。 框架实际上由两部分组成，即框架与框架集。框架就是网 页中被分割开的各个部分，每部分都是一个完整的HTML网 页中被分割开的各个部分，每部分都是一个完整的 网 网页中的各个框架组成框架集， 页。网页中的各个框架组成框架集，框架集实际也是一个 HTML文件，用于定义文档中框架的结构、数量、尺寸及装 文件， 文件 用于定义文档中框架的结构、数量、 入框架的页面文件，所以框架集并不显示在浏览器中， 入框架的页面文件，所以框架集并不显示在浏览器中，只是 存储了一些框架如何显示的信息。 存储了一些框架如何显示的信息。 相应地，框架集被称为父框架，框架被称为子框架。 相应地，框架集被称为父框架，框架被称为子框架。当用 户将某个页面划分为若干个框架时， 户将某个页面划分为若干个框架时，既可独立地操作各个框 既可以创建新文档，也可为框架指定已制作好的文档。 架，既可以创建新文档，也可为框架指定已制作好的文档。 通过选择“查看” 可视化助理 可视化助理” 框架边框 命令， 框架边框” 通过选择“查看”|“可视化助理”|“框架边框”命令，可以显 示或隐藏框架边界。 示或隐藏框架边界。 框架最常见的用途就是导航， 框架最常见的用途就是导航，但是设计框架时的过程可能 比较复杂，并且在很多情况下， 比较复杂，并且在很多情况下，创建没有框架的 Web 页也可 以达到使用一组框架所能达到的许多同样效果。 以达到使用一组框架所能达到的许多同样效果。
使用新建文档对话框创建
“文件” →“新建” →在“类别”列表中选中 文件” “新建” 在 类别” 文件 框架集” “框架集”
10.2 选择框架和框架集
要改变框架或框架集，首先必须选中该框 要改变框架或框架集， 架或框架集。 架或框架集。 在文档窗口中选择框架和框架集 框架” 在“框架”面板中选择框架和框架集 在文档窗口中，当框架被选中时， 在文档窗口中，当框架被选中时，边框线 显示为虚线。当框架集被选中时， 显示为虚线。当框架集被选中时，所有包含在 该框架集中的框架边线都显示为虚线。 该框架集中的框架边线都显示为虚线。
10.5 使用链接控制框架内容
使用框架的一个重要目的， 使用框架的一个重要目的，就是在一个框架中 用链接来控制另一个框架中的显示内容。 用链接来控制另一个框架中的显示内容。要实现这 样的功能，在使用链接时， 样的功能，在使用链接时，必须指定链接的目标位 也就是指明要操作的框架对象。 置，也就是指明要操作的框架对象。框架的位置是 通过框架的名称来确定和标示的。 通过框架的名称来确定和标示的。
查看和设置框架属性
要设置框架的属性，可在网页文档中选择一个框 要设置框架的属性，可在网页文档中选择一个框 框架的属性 然后选择“窗口” 属性”命令打开 框架” 打开“ 架，然后选择“窗口” →“属性”命令打开“框架” 属性检查器，如图所示。 属性检查器，如图所示。
查看和设置框架集属性
要设置框架集的属性， 要设置框架集的属性，可在网页文档中选择一 框架集的属性 框架集，然后选择“窗口” 属性”命令， 个框架集，然后选择“窗口” →“属性”命令，打 框架集”属性检查器，如图所示。 开“框架集”属性检查器，如图所示。
10.4 编辑框架和框架集 制作完成的框架与框架集， 制作完成的框架与框架集，可以对 其进行编辑， 其进行编辑，还可以向其中输入相应的 内容。 内容。
编辑框架与框架集 保存框架与框架集
百度文库
编辑框架与框架集
可以象要标准、 可以象要标准、布局模式下对网页进行编 辑一样，也可以在框架与框架集中输入文本、 辑一样，也可以在框架与框架集中输入文本、 插入图像、修改框架与框架集的相关属性。 插入图像、修改框架与框架集的相关属性。
在文档窗口中选择框架和框架集
选择一个框架：按下 键的同时 键的同时， 选择一个框架：按下Alt键的同时，再在要选择的框 架内单击 选择一个框架集： 选择一个框架集：单击任一内部框架边框 选择不同层次框架或框架集：按下Alt键的同时 键的同时， 选择不同层次框架或框架集：按下 键的同时，再 按“↑”或“↓” ” ”
内容安排如下: 内容安排如下
10.1 10.2 10.3 10.4 10.5 创建框架与框架集 选择框架和框架集 查看和设置框架和框架集属性 编辑框架和框架集 使用链接控制框架内容
10.1 创建框架与框架集
使用框架可以方便地实现网页的定位， 使用框架可以方便地实现网页的定位，与其他定 位方式不同的是， 位方式不同的是，使用框架可以将一个浏览器窗口划 分为多个区域，在每个区域都可以显示不同的HTML 分为多个区域，在每个区域都可以显示不同的 文档。一个框架显示包含导航控件的文档， 文档。一个框架显示包含导航控件的文档，而另一个 框架显示含有内容的文档， 框架显示含有内容的文档，这是使用框架的一个极其 典型的例子。 典型的例子。 认识框架和框架集 使用预定义的框架集创建 使用新建文档对话框创建
使用预定义的框架集创建
使用预定义的框架集可以快速地在文 档中插入框架布局结构， 档中插入框架布局结构，并且只有在文档 设计视图窗口中才能创建框架。要创建框 设计视图窗口中才能创建框架。 架集，应先选择“查看”→“可视化助理” 架集，应先选择“查看” “可视化助理” →“框架边框”命令，使框架边框显示出 “框架边框”命令， 来。 在Dreamweaver 8中，系统预定义了 中 13种框架集形式。选择“插入”工具栏中 种框架集形式 种框架集形式。选择“插入” 布局”选项卡，单击“框架”按钮， 的“布局”选项卡，单击“框架”按钮， 打开包含有13种预定义框架集的菜单， 打开包含有 种预定义框架集的菜单，从 中可以选择需要创建的类型。 中可以选择需要创建的类型。
保存框架和框架集文件 要保存框架与框架集， 要保存框架与框架集，先选中 它们，选择“文件” “ 它们，选择“文件” →“保存框架 命令。 页”命令。 另外，选择“文件” “ 另外，选择“文件” →“保存 全部”命令，这时Dreamweaver 8 全部”命令，这时 将逐个保存页面中的所有框架。 将逐个保存页面中的所有框架。
框架” 在“框架”面板中选择框架和框架集
选择“窗口” “框架”命令，显示“框架”面板。 选择“窗口” →“框架”命令，显示“框架”面板。
10.3 查看和设置框架和框架集属性
在Dreamweaver 8中，使用“框架”属性检查 中 使用“框架” 器可以定义框架名称、源文件、页边距等属性， 器可以定义框架名称、源文件、页边距等属性，使 框架集”属性检查器可以定义框架集边线颜色、 用“框架集”属性检查器可以定义框架集边线颜色、 宽度等属性。 宽度等属性。 查看和设置框架属性 查看和设置框架集属性
认识框架和框架集
框架实际上由两部分组成，即框架与框架集。 框架实际上由两部分组成，即框架与框架集。框架就是网 页中被分割开的各个部分，每部分都是一个完整的HTML网 页中被分割开的各个部分，每部分都是一个完整的 网 网页中的各个框架组成框架集， 页。网页中的各个框架组成框架集，框架集实际也是一个 HTML文件，用于定义文档中框架的结构、数量、尺寸及装 文件， 文件 用于定义文档中框架的结构、数量、 入框架的页面文件，所以框架集并不显示在浏览器中， 入框架的页面文件，所以框架集并不显示在浏览器中，只是 存储了一些框架如何显示的信息。 存储了一些框架如何显示的信息。 相应地，框架集被称为父框架，框架被称为子框架。 相应地，框架集被称为父框架，框架被称为子框架。当用 户将某个页面划分为若干个框架时， 户将某个页面划分为若干个框架时，既可独立地操作各个框 既可以创建新文档，也可为框架指定已制作好的文档。 架，既可以创建新文档，也可为框架指定已制作好的文档。 通过选择“查看” 可视化助理 可视化助理” 框架边框 命令， 框架边框” 通过选择“查看”|“可视化助理”|“框架边框”命令，可以显 示或隐藏框架边界。 示或隐藏框架边界。 框架最常见的用途就是导航， 框架最常见的用途就是导航，但是设计框架时的过程可能 比较复杂，并且在很多情况下， 比较复杂，并且在很多情况下，创建没有框架的 Web 页也可 以达到使用一组框架所能达到的许多同样效果。 以达到使用一组框架所能达到的许多同样效果。
使用新建文档对话框创建
“文件” →“新建” →在“类别”列表中选中 文件” “新建” 在 类别” 文件 框架集” “框架集”
10.2 选择框架和框架集
要改变框架或框架集，首先必须选中该框 要改变框架或框架集， 架或框架集。 架或框架集。 在文档窗口中选择框架和框架集 框架” 在“框架”面板中选择框架和框架集 在文档窗口中，当框架被选中时， 在文档窗口中，当框架被选中时，边框线 显示为虚线。当框架集被选中时， 显示为虚线。当框架集被选中时，所有包含在 该框架集中的框架边线都显示为虚线。 该框架集中的框架边线都显示为虚线。
10.5 使用链接控制框架内容
使用框架的一个重要目的， 使用框架的一个重要目的，就是在一个框架中 用链接来控制另一个框架中的显示内容。 用链接来控制另一个框架中的显示内容。要实现这 样的功能，在使用链接时， 样的功能，在使用链接时，必须指定链接的目标位 也就是指明要操作的框架对象。 置，也就是指明要操作的框架对象。框架的位置是 通过框架的名称来确定和标示的。 通过框架的名称来确定和标示的。
查看和设置框架属性
要设置框架的属性，可在网页文档中选择一个框 要设置框架的属性，可在网页文档中选择一个框 框架的属性 然后选择“窗口” 属性”命令打开 框架” 打开“ 架，然后选择“窗口” →“属性”命令打开“框架” 属性检查器，如图所示。 属性检查器，如图所示。
查看和设置框架集属性
要设置框架集的属性， 要设置框架集的属性，可在网页文档中选择一 框架集的属性 框架集，然后选择“窗口” 属性”命令， 个框架集，然后选择“窗口” →“属性”命令，打 框架集”属性检查器，如图所示。 开“框架集”属性检查器，如图所示。
10.4 编辑框架和框架集 制作完成的框架与框架集， 制作完成的框架与框架集，可以对 其进行编辑， 其进行编辑，还可以向其中输入相应的 内容。 内容。
编辑框架与框架集 保存框架与框架集
百度文库
编辑框架与框架集
可以象要标准、 可以象要标准、布局模式下对网页进行编 辑一样，也可以在框架与框架集中输入文本、 辑一样，也可以在框架与框架集中输入文本、 插入图像、修改框架与框架集的相关属性。 插入图像、修改框架与框架集的相关属性。
在文档窗口中选择框架和框架集
选择一个框架：按下 键的同时 键的同时， 选择一个框架：按下Alt键的同时，再在要选择的框 架内单击 选择一个框架集： 选择一个框架集：单击任一内部框架边框 选择不同层次框架或框架集：按下Alt键的同时 键的同时， 选择不同层次框架或框架集：按下 键的同时，再 按“↑”或“↓” ” ”
内容安排如下: 内容安排如下
10.1 10.2 10.3 10.4 10.5 创建框架与框架集 选择框架和框架集 查看和设置框架和框架集属性 编辑框架和框架集 使用链接控制框架内容
10.1 创建框架与框架集
使用框架可以方便地实现网页的定位， 使用框架可以方便地实现网页的定位，与其他定 位方式不同的是， 位方式不同的是，使用框架可以将一个浏览器窗口划 分为多个区域，在每个区域都可以显示不同的HTML 分为多个区域，在每个区域都可以显示不同的 文档。一个框架显示包含导航控件的文档， 文档。一个框架显示包含导航控件的文档，而另一个 框架显示含有内容的文档， 框架显示含有内容的文档，这是使用框架的一个极其 典型的例子。 典型的例子。 认识框架和框架集 使用预定义的框架集创建 使用新建文档对话框创建