网页制作CH—框架技术.pptx

《网页制作CH—框架技术.pptx》由会员分享，可在线阅读，更多相关《网页制作CH—框架技术.pptx（16页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、（1）只 要 单 击 某 一 个 框 架 区 域 内 的 超 链 接，其 指向 的 网 页 就 会 在 另 一 个 框 架 区 域 中 显 示，而 不 必 将 整个浏览器窗口中的内容更换一遍。（2）固定网页中的某些内容。（3）并 不 是 所 有 的 浏 览 器 都 能 显 示 框 架 网 页，这也是框架网页的一个局限。1框架网页的特点 第1 页/共16 页 2框架网页的结构 根 据 框 架 分 布 的 不 同 和 各 框 架 作 用 的 不 同，框架 网 页 被 分 为 多 种 类 型。常 用 到 的 框 架 结 构 有：左侧 框 架、右 侧 框 架、顶 部 框 架、底 部 框 架、上 方 和

2、下方框架以及各种嵌套框架结构。第2 页/共16 页 在Dreamweaver MX中 创 建 框 架 的 具 体 操 作 步 骤如下：（1）选 择 主 菜 单 中 的“文 件”|“新 建”命 令，打 开一个新文档窗。（2）将 插 入 面 板 切 换 到“框 架”类，插 入 面 板 如 图 所示。8.2 利用Dreamweaver MX 处理框架 8.2.1 创建框架网页 1.建立框架 第3 页/共16 页（3）执行以下操作之一，即可创建框架。选 择“插 入”|“框 架”命 令，从 弹 出 的 子 菜 单 中 选择任意一个选项。选 择“修 改”|“框 架 页”命 令，从 弹 出 的 子 菜 单

3、中选择任意一个选项。单 击 插 入“框 架”面 板 上 的 任 一 种 插 入 框 架 图 标 按钮。第4 页/共16 页 2建立嵌套的框架组 一 个 框 架 组 嵌 套 在 另 一 个 框 架 组 内 称 之 为 嵌 套 框 架组，使 用 嵌 套 框 架 组 可 以 为 一 个 文 档 创 建 多 个 框 架。要创建嵌套的框架组，可执行以下操作操作步骤：（1）将光标放到与插入嵌套框架组的框架中。（2）执行以下操作之一，即可创建嵌套的框架组。选 择“插 入”|“框 架”命 令，从 弹 出 的 子 菜 单 中 选择任意一个选项。选 择“修 改”|“框 架 页”命 令，从 弹 出 的 子 菜 单

4、中选择任意一个选项。单击插入“框架”面板中的插入框架图标按钮。第5 页/共16 页（1）选择整个框架要选择整个框架可执行以下操作之一：将 鼠 标 指 针 移 到 整 个 边 框 位 置 的 同 时，按 住Alt键，当 鼠 标 指 针 变 为 垂 直 箭 头（或 水 平 箭 头）时，单 击 边框即可选中整个框架。如 果 当 前 选 择 的 是 一 个 子 框 架，需 要 重 新 选 择 整 个 框架，可 以 将 鼠 标 指 针 移 到 第 一 次 分 割 框 架 的 边 框 位 置，当 鼠 标 指 针 变 为 垂 直 箭 头（或 水 平 箭 头）时，单 击 边框即可选中整个框架组。除 了 上 述

5、 方 法 之 外，选 择 框 架 还 可 以 通 过“框 架”面板来完成。3选择框架 第6 页/共16 页（2）选择子框架 在 文 档 窗 口 中 按 住Alt 键，然 后 用 鼠 标 单 击 欲 选 择的 子 框 架。文 档 窗 口 中 该 子 框 架 的 周 围 被 虚 线 包 围，表 示 它 已 经 被 选 中，同 时 在 状 态 栏 上 加 黑 显 示 标 记 符。同 样 也 可 以 通 过“框 架”面 板 来 选 择 子 框 架。只 要在框架面板中单击相应的子框架即可，4删除框架 将 光 标 放 在 框 架 的 边 框 上，当 光 标 变 成 垂 直 箭 头（或 水 平 箭 头）时，

6、按 住 鼠 标 左 键，将 框 架 的 边 框 拖出父框架或页面之外，即可将这个框架删除。第7 页/共16 页 8.2.2 编辑框架网页 框 架 创 建 好 以 后，就 可 以 对 框 架 进 行 编 辑 了。每一 个 框 架 里 都 是 一 个 文 档，可 以 直 接 添 加 内 容，也 可以在框架内打开已经存在的文档。演示编辑框架网页 第8 页/共16 页 8.2.3 保存框架网页 每 一 个 框 架 都 包 含 一 个 文 档，因 此 一 个 框 架 集 会包 含 多 个 文 档。在 保 存 文 档 的 时 候，不 能 只 简 单 地 保存一个文档，要将整个网页文档都保存下来。演示编辑框

7、架网页 第9 页/共16 页8.2.4 框架属性及框架组属性设置 1框架属性 利 用 框 架 属 性 面 板 可 以 查 看 和 设 置 框 架 的 属 性，如为框架命名、设置框架的边框及颜色等。首 先 选 择“窗 口”|“其 它”|“框 架”命 令，或按 快 捷 键“Shift+F2”，打 开“框 架”面 板；然后 在 框 架 面 板 中 选 中 框 架，此 时 属 性 面 板 所 显 示 的即为框架的属性面板，如图所示。在框架属性面板中设定框架的属性。第10 页/共16 页 新 创 建 的 框 架 组 默 认 属 性 值 为：无 边 框，无 滚动 条，在 浏 览 器 中 无 法 看 到 创

8、 建 的 框 架，要 改 变这些属性，需在属性面板中修改相应的选项。首 先 单 击 框 架 的 边 框，选 中 框 架 组，此 时 属 性面板中将自动切换显示框架组的属性，如图所示。在框架组属性面板中设定框架组的属性。2框架组属性 第1 1 页/共16 页 3设置框架的大小 调 整 框 架 尺 寸 可 以 拖 动 框 架 的 边 框 来 调 整，但 在 需 要精 确 定 义 框 架 尺 寸 的 大 小 时，可 以 在 属 性 面 板 中 进行框架尺寸的设置。设置框架尺寸的步骤如下：（1）单击框架边界，选定一个框架组。（2）选 择“窗 口”|“属 性”命 令，打 开 框 架 组 属 性面板。（3

9、）单 击 框 架 组 属 性 面 板 右 侧 图 框 中 的 区 域，选 定框架组中的行或列。（4）在“值”文 本 框 中 输 入 调 整 框 架 尺 寸 的 数 值，然后在“单位”下拉列表框中选择一种度量单位。第12 页/共16 页4设置框架和框架组的边框（1）设置框架边框的属性设置框架边框属性的步骤如下：在 文 档 窗 口 按 住Alt键，然 后 单 击 一 个 框 架，或 通过“框架”面板来选择一个框架。在 框 架 属 性 面 板 上 的“边 框”下 拉 列 表 项 中 选 择任意一个选项。在“边 框 颜 色”文 本 框 中 设 置 当 前 框 架 的 边 框 颜色，也 可 单 击 其

10、后 面 的 按 钮，打 开 颜 色 选 择 面板来选择所需颜色。第13 页/共16 页（2）设置框架组边框的属性 在 文 档 窗 口 单 击 一 个 框 架 边 框，或 通 过“框 架”面板来选择一个框架组。在 框 架 组 属 性 面 板 上 的“边 框”下 拉 列 表 项 中 选择任意一个选项，用于控制当前框架组的边框显示。在“边 框 颜 色”文 本 框 中 设 置 当 前 框 架 组 中 所 有框 架 的 边 框 颜 色，但 是 这 一 设 置 将 被 单 个 框 架 的 边框颜色所覆盖。在“边 框 宽 度”文 本 框 中 设 置 当 前 框 架 组 中 所 有框架的边框宽度，如输入为0，表示不显示边框。第14 页/共16 页8.2.5 设置框架中的链接目标 在框架网页中建立超链接的操作步骤如下：（1）选 中 要 创 建 超 链 接 的 文 本（或 图 像），打 开 其属性面板。（2）在“链 接”文 本 框 中 输 入 要 链 接 文 件 的URL地 址，或单击按钮，选取要链接的文件。（3）单 击“目 标”下 拉 列 表，选 择 一 种 框 架 名 称，链接文件将在该框架中打开。（4）保存框架网页，浏览页面。第15 页/共16 页感谢您的观看！第16 页/共16 页