中文Dreamweaver CS5网页设计 沈大林 张伦_ 第4章 创建框架、AP Div与描图新.pptVIP

* 第 4 章 创 建框 架、 AP Div 与 描 图 第?4.1?节 框架 框 架 就 是 把 一 个 网 页 页 面 分 成 几 个 单 独 的 区 域（ 即 窗 口 ），每 个 区 域 就 像 一 个 独 立 的 网 页 ， 可 以 是 一 个 独 立 的? HTML? 文 件 。因 此 ，框 架 可 以 实 现 在 一 个 网 页 内 显 示 多 个? HTML? 文 件 。对 于 一 个 有? n? 个 区 域 的 框 架 网 页 来 说 ， 每 个 区 域 有 一 个? HTML? 文 件 ， 整 个 框 架 结 构 也 是 一 个? HTML? 文 件 ， 因 此 该 框 架 网 页 是 一 个? HTML? 文 件 集 ， 它 有? n +1? 个? HTML? 文 件 。 4.1.1 创建框架和框架观察器 1． 创 建 框 架 在 网 页 中 创 建 框 架 的 常 用 方 法 可 以 有 以 下? 2? 种 。 （ 1 ） 单 击 “ 插 入 ” → “ HTML” → “ 框 架 ” → “ ×××” 命 令 。 （ 2 ） 单 击 “ 文 件 ” → “ 新 建 ” 命 令 ， 调 出 “ 新 建 文 档 ” 对 话 框 。 单 击 选 中 该 对 话 框 左 边 “ 类 别 ”列 表 框 中 的“ 示 例 中 的 页 ”选 项 ，再 单 击 选 中“ 示 例 文 件 夹 ”栏 内 的“ 框 架 页 ”文 件 夹，然后在“示例页”栏内选中一种框架选项，在“文件类型”下拉列表框中选择一个文件 类 型 选 项 ， 如 图? 4-1-1? 所 示 。 最 后 单 击 “ 创 建 ” 按 钮 ， 即 可 创 建 有 框 架 的 网 页 。 图? 4-1-1? “ 选 择? HTM L? 文 件 ” 对 话 框 图? 4-1-2? “ 框 架 ” 菜 单 在 使 用 上 述? 2? 种 方 法 创 建 框 架 时 ， 会 自 动 调 出 “ 框 架 标 签 辅 助 功 能 属 性 ” 对 话 框 ， 如 图 4-1-3 所 示 。 利 用 该 对 话 框 可 以 更 改 框 架 集 内 各 框 架 的 名 称 。 如 果 单 击 “ 取 消 ” 按 钮 ， 则 采 用 它 的 默 认 名 称 。上 边 框 架 的 名 称 为“ topFrame”，左 边 框 架 的 名 称 为“ leftFrame”，右 下 边 的 主 要 框 架 的 名 称 为 “ mainFrame”。 2．“ 框 架 ” 面 板 单 击 “ 窗 口 ” → “ 框 架 ” 命 令 ， 调 出 “ 框 架 ” 面 板 ， 也 叫 框 架 观 察 器 ， 如 图? 4-1-4? 所 示 。 “ 框 架 ” 面 板 框 的 作 用 是 显 示 出 框 架 网 页 的 框 架 结 构 （ 也 叫 分 栏 结 构 ）。 单 击 “ 框 架 ” 面 板 内 某个框架，则“框架”面板中该框架边框会变为黑色，表示选中该框架，同时“属性”栏变 为该框架“属性”栏。单击网页窗口中某个框架内，且框架内插入了对象，则“框架”面板 中 该 框 架 内 的 文 字 变 为 黑 色 如 图? 4-1-4 （ a ） 所 示 。 如 果 单 击 框 架 集 的 外 框 线 ， 可 以 选 中 整 个 框 架 集 ， 如 图? 4-1-4 （ b ） 所 示 ， 同 时 “ 属 性 ” 栏 变 为 框 架 集 “ 属 性 ” 栏 。 （ a） （ b） 图 4-1-3 “框架标签辅助功能属性”对话框 图 4-1-4 “框架”面板 3． 框 架 基 本 操 作 在 创 建 框 架 后 ，要 增 加 或 删 除 框 架 的 个 数 ，首 先 应 单 击 框 架 内 部 ，再 单 击“ 查 看 ”→“ 可 视化助理”→“框架边框”命令，使该菜单选项左边有 ，然后可采用如下方法进行。 （ 1 ） 在 框 架 区 域 内 增 加 新 框 架 ： 单 击 某 一 个 框 架 区 域 内 部 ， 使 光 标 在 此 区 域 内 出 现 ， 然 后按照上述方法即可在框架区域内增加新框架。 （ 2 ）增 加 新 框 架 ：将 鼠 标 指 针 移 到 框 架 的 四 周 边 缘 处 ，当 鼠 标 指 针 为“ n”或“ o”形 状 时 ， 按 住? Alt? 键 ， 向 鼠 标 指 针 箭 头 指 示 的 方 向 拖 曳 ， 即 可 在 水 平 或 垂 直 方 向 增 加 一 个 框 架 。 （ 3 ） 调 整 框 架 的 大 小 ： 用 鼠 标 拖 曳 框 架 线 ， 即 可 调 整 框 架 的 大 小 。 （ 4