第 十 七 章 页 面 样 式 定 制

专 业 化 的 站 点 能 吸 引 人 是 因 为 它 们 的 设 计 质 量 高 和 一 致 性 好 Microsoft Visual I nterDev 以 样 板 样 式 图 表 主 样 板 和 布 局 帮 助 你 达 到 高 质 量 设 计 标准

使 用 这 些 特 性 中 的 任 何 一 种 或 全 部 可 加 强 Web 站 点 的 标 准 化 缩 短 在 开发 和 生 产 中 花 费 的 时 间

• 样 板 创 建 标 准 页 面 可 以 包 含 普 通 HTML 和 脚 本

• 样 式 图 表 通 知 浏 览 器 取 代 浏 览 器 的 默 认 字 体 尺 寸 和 颜 色

• 主 样 板 采 用 一 个 普 通 图 形 集

• 布 局 定 义 导 航 和 内 容 如 何 在 页 面 的 各 个 区 域 分 布

1 7. 1 用 样 板 创 建 文 件

任 何 已 经 存 在 的 HTML 或 ASP 页 面 都 可 以 作 为 样 板 以 创 建 新 的 相 同 页 面 使用 样 板 可 节 省 许 多 时 间 给 你 的 Web 站 点 一 致 的 视 觉 和 感 觉 在 创 建 一 个 页 面的 时 候 你 可 以 用 标 准 的 Visual InterDev 样 板 为 基 础 或 使 用 你 自 己 定 制 的一 种 样 板

当 你 为 Web 项 目 创 建 文 件 的 时 候 Visual Int erDev 到 这 些 样 板 目 录 中 去 寻

找 .htm .asp 和 其 它 文 件 然 后 在 Add Item 对 话 框 的 New 选 项 卡 中 右 窗 格 显示 这 些 样 板 的 列 表

依 据 样 板 创 建 页 面

1 . 在 File 菜 单 中 选 择 New File

或

在 Project 菜 单 中 选 择 Add Item

2. 在 New 选 项 卡 中 选 择 左 窗 格 中 的 Web Projec t Files 3. 在 右 窗 格 中 选 择 所 希 望 的 样 板

关 于 创 建 定 制 样 板 的 更 多 内 容 参 见 本 章 后 边 的 创 建 定 制 样 板 一 节

1 7 .2 编 辑 样 式 图 表

级 联 样 式 图 表 (CSS) 给 你 定 义 一 组 图 表 的 能 力 用 来 取 代 浏 览 器 标 准 方 法 以提 供 HTML 它 为 你 的 页 面 提 供 一 种 良 好 的 一 致 的 设 置 对 使 用 Microsoft Visual InterDev 样 式 图 表 进 行 深 入 设 计 的 讨 论 参 见 第 十 一 章 站 点 设 计 中 的 站点 一 致 性 一 节

你 可 以 在 CSS 编 辑 器 中 创 建 或 编 辑 级 联 样 式 图 表 这 个 CSS 编 辑 器 有 一 种容 易 使 用 的 界 面 用 于 设 置 样 式 属 性 你 可 以 使 用 样 式 的 图 形 界 面 而 不 必 编辑 初 始 CSS 文 本

在 你 的 W e b 项 目 中 创 建 样 式 图 表

1 . 在 Project 菜 单 中 选 择 Add Web It em 然 后 选 择 Style Shee t 2. 在 Name 框 中 键 入 一 个 名 字 然 后 选 择 Open

你 还 可 以 创 建 独 立 于 Web 项 目 的 样 式 图 表

在 W e b 项 目 以 外 创 建 样 式 图 表

1 . 在 File 菜 单 中 选 择 New File 2. 在 左 边 选 择 Visual Int erDev 3. 在 右 边 选 择 Style Shee t

4. 在 Name 框 中 键 入 一 个 名 字 选 择 OK

CSS 编 辑 器 便 同 你 的 新 样 式 图 表 一 起 显 示 出 来

使 用 CS S 编 辑 器

在 CSS 编 辑 器 中 你 在 左 窗 格 选 择 一 个 HTML 的 标 记 类 别 或 唯 一 的 ID 标识 符 然 后 在 右 窗 格 设 置 其 特 性 关 于 编 辑 器 界 面 的 更 多 内 容 参 见 Visual

InterDev 在 线 文 档 CSS 编 辑 器 窗 口

添 加 用 于 编 辑 的 H T M L 标 记

根 据 你 正 在 进 行 编 辑 的 样 式 图 表 你 会 有 许 多 标 记 也 可 能 只 有 很 少 的 标记 如 果 你 需 要 修 改 没 列 出 的 某 种 标 记 图 表 你 可 以 把 它 加 到 列 表 的 左 窗 口

添 加 HTML 标 记

• 在

  StyleSheet 菜 单 中 选 择 Insert NTM L Tag

编 辑 HT ML 标 记

你 可 以 不 考 虑 HTML 标 记 的 标 准 设 置

设 置 HTML 标 记 的 样 式 特 性

1 . 选 择 图 标 以 便 扩 展 HTML Tags 节 点

1. 选 择 一 种 标 记

2. 在 右 窗 口 选 择 标 记 和 用 于 设 置 样 式 特 性 的 选 项

编 辑 类 别

创 建 一 个 类 别 使 它 包 含 你 施 加 到 特 定 标 记 上 的 一 些 属 性 或 者 使 这 些 属性 为 所 有 标 记 所 用

创 建 类 别

1 . 在 StyleSheet 菜 单 中 选 择 Insert Cla ss

1. 在 Insert New Class 对 话 框 中 在 Class name 框 内 键 入 名 字

2. 如

   果 你 希 望 把 这 个 类 别 施 加 到 特 定 的 标 记 上 就 选 择 Applies only to the following tag 并 且 在 列 表 框 中 选 择 一 个 标 记

在 创 建 完 类 别 并 把 它 加 到 样 式 图 表 之 后 可 以 在 右 窗 口 编 辑 它 的 属 性

编 辑 唯 一 的 I D

唯 一 的 ID 用 法 很 像 类 型 不 同 之 处 是 它 每 页 只 用 一 次

创 建 唯 一 的 I D

1 . 从 StyleSheet 对 话 框 中 选 择 Insert Uni que ID

1. 在 Insert Uni que ID 对 话 框 中 在 Unique ID 框 内 键 入 一 个 名 字

2. 如

   果 你 希 望 把 这 个 ID 施 加 于 特 定 的 标 记 就 选 择 Applies on ly to the following tag 然 后 在 列 表 框 中 选 择 一 种 标 记

在 ID 创 建 完 并 把 它 加 到 样 式 图 表 之 后 你 可 以 在 右 窗 格 编 辑 它 的 属 性

预 览 样 式 图 表

你 可 以 预 览 任 何 页 面 在 本 地 的 或 在 World Wide Web 上 看 看 这 些 页 面 在加 上 上 述 样 式 图 表 之 后 是 什 么 样 子 的

预 览 加 到 页 面 上 的 样 式 图 表

1. 在 CSS 编 辑 器 中 选 择 Preview 选 项 卡

2. 在 地 址 框 中 键 入 任 何 页 面 的 URL

注 意 : 如 果 你 正 预 览 的 页 面 已 经 有 了 一 个 连 接 的 样 式 图 表 Visual InteDev

就 把 这 个 样 式 图 表 看 作 是 基 本 样 式 图 表 把 你 正 编 辑 的 样 式 图 表 作 为辅 助 样 式 图 表 施 加 到 页 面 上

1 7 .3 添 加 主 样 板

添 加 主 样 板 会 使 你 的 Web 设 计 更 具 专 业 性 一 个 主 样 板 由 一 组 图 形 和 级联 样 式 图 表 组 成 而 级 联 样 式 图 表 用 于 控 制 样 式 字 体 和 其 它 元 素 关 于 包 括主 样 板 的 站 点 一 致 性 参 见 第 十 一 章 站 点 设 计 中 的 站 点 一 致 性 一 节

你 可 以 把 默 认 主 样 板 设 置 给 整 个 Web 项 目 也 可 以 把 特 定 主 样 板 加 给 单 个文 件

把 主 样 板 施 加 给 项 目

在 你 创 建 一 个 Web 项 目 的 时 候 你 可 以 为 这 个 项 目 选 择 一 个 默 认 主 样 板

在 创 建 W e b 项 目 时 设 置 默 认 主 样 板

• 运

  行 Web Projec t 向 导 软 件 在 出 现 提 示 时 选 择 一 个 主 样 板

现 在 按 照 默 认 设 置 你 在 Web 项 目 中 创 建 的 所 有 页 面 都 将 使 用 这 个 默 认主 样 板

如 果 你 在 创 建 项 目 的 时 候 没 选 择 主 样 板 的 话 你 还 可 以 加 上 一 种 项 目 默 认主 样 板

施 加 或 改 变 已 有 W e b 项 目 的 默 认 主 样 板

1 . 在 Project Ex plorer 中 选 择 项 目 名 字2. 在 View 菜 单 中 选 择 Property P ages 3. 在 对 话 框 中 选 择 Appearance 选 项 卡

1. 在 Default Theme and Layo ut 之 下 单 击 Change 按 钮 显 示 出 Apply Theme and Layout 对 话 框

2. 单 击

   Theme 选 项 卡

3. 选

   择 Apply them e 激 活 主 样 板 的 滚 动 列 表

4. 从 列

   表 中 选 择 一 个 主 样 板

如 果 你 最 后 决 定 不 希 望 使 用 主 样 板 你 可 以 把 主 样 板 从 项 目 中 去 掉 不 会影 响 内 容

从 W e b 项 目 中 去 掉 主 样 板

1 . 在 Project Ex plorer 中 选 择 项 目 名 字2. 在 View 菜 单 中 选 择 Property P ages 3. 在 对 话 框 中 选 择 Appearanc e 选 项 卡

1. 在 Default Th eme and Layout 中 单 击 Change 按 钮 以 便 显 示 Default Theme and Layou 框

2. 单 击

   Theme 选 项 卡

3. 选

   择 Apply 激 活 主 样 板 的 滚 动 列 表

4. 在

   列 表 的 顶 部 选 择 <none>

到 这 里 项 目 上 的 主 样 板 已 经 去 掉 但 是 主 样 板 文 件 还 存 在 于 项 目 中 如

果 你 希 望 把 这 些 文 件 也 从 项 目 中 去 掉 在 主 样 板 文 件 夹 中 选 择 不 希 望 有 的 主 样板 删 掉 它

向 单 个 页 面 上 加 主 样 板

你 可 以 把 主 样 板 加 到 单 个 页 面 上 如 果 包 含 该 页 面 的 项 目 已 经 有 一 个 默 认主 样 板 页 面 级 的 主 样 板 将 取 代 项 目 级 的 主 样 板

施 加 或 改 变 单 个 页 面 上 的 主 样 板

1 . 在 Project Ex plorer 中 选 择 一 个 HTML 或 ASP 页 面

2. 在 Edit 菜 单 中 选 择 Apply Them e and Layout 3. 在 对 话 框 中 选 择 Theme 选 项 卡

4. 选 择 Apply 并 指 定 一 个 名 字

如 果 你 不 希 望 一 个 具 体 页 面 同 一 个 主 样 板 有 关 系 则 可 以 选 择 不 施 加 主 样板 或 返 回 到 项 目 级 主 样 板

从 单 个 页 面 上 去 掉 主 样 板

1 . 在 Project Ex plorer 中 选 择 一 个 HTML 或 ASP 页 面

2. 在 Edit 菜 单 中 选 择 Aplly Them e and Layout 3. 在 对 话 框 中 选 择 Theme 选 项 卡

4. 选 择 Preserve C urrent Theme

或 者

先 选 择 Apply 然 后 在 列 表 中 选 择 <none>

Preserve Current Theme 通 知 Microsoft Visual InterDev 要 使 用 项

目 的 默 认 主 样 板 而 <none> 明 确 指 出 不 向 页 面 添 加 主 样 板注 意 : 在 你 离 线 工 作 时 要 关 闭 Apply T heme and Layou t

预 览 主 样 板

你 可 以 在 Apply Them e 和 Layout 对 话 框 中 浏 览 所 有 可 用 主 样 板 这 种 预 览允 许 你 在 把 主 样 板 加 到 页 面 或 项 目 之 前 先 测 试 主 样 板 看 上 去 是 怎 样 的

预 览 主 样 板

1 . 在 Project Ex plorer 中 选 择 一 个 HTML 页 面 或 一 个 ASP 页 面

2. 在 Edit 菜 单 中 选 择 Apply Them e and Layout 3. 在 对 话 框 中 选 项 Theme 选 项 卡

1. 选 择 Apply them e 激 活 主 样 板 列 表

2. 单 击 左 边 的 任 何 主 样 板 在 右 边 显 示 出 预 览 的 主 样 板

1. 如 果 你 不 希 望 加 上 这 个 主 样 板 就 取 消 这 个 对 话 框

Visual Int erDev 用 本 地 安 装 的 主 样 板 以 及 常 驻 于 项 目 主 服 务 器 上 的 主 样 板来 填 充 这 个 主 样 板 表 与 主 样 板 位 置 有 关 的 内 容 参 见 第 十 一 章 站 点 设 计中 的 在 你 的 本 地 机 器 上 安 装 主 样 板 一 节

创 建 定 制 主 样 板

创 建 定 制 主 样 板 就 像 在 适 当 位 置 提 供 文 件 一 样 简 单1 . 创 建 一 个 以 你 的 主 样 板 命 名 的 目 录

1. 把 你 的 级 联 样 式 图 表 加 到 主 样 板 目 录 中

2. 把 你 的 图 像 加 到 主 样 板 目 录 中

创 建 一 个 主 样 板 目 录

— 个 主 样 板 的 所 有 元 素 都 保 持 在 一 个 独 有 的 目 录 中

创 建 一 个 主 样 板

1 . 按 照 你 主 样 板 的 名 字 创 建 一 目 录

1. 把 一 个 级 联 样 式 图 表 加 到 这 个 主 样 板 目 录 上

2. 把 你 的 图 像 加 到 这 个 主 样 板 目 录 上

创 建 主 样 板 目 录

主 样 板 中 的 所 有 元 素 都 在 唯 一 的 目 录 中 维 护

创 建 一 个 主 样 板 目 录

• 在

  你 的 本 地 机 器 上 在 _Themes 目 录 中 创 建 一 个 目 录

注 意 : 如 果 你 还 没 把 一 个 主 样 板 加 到 项 目 或 项 目 的 一 个 文 件 上 那 么 在 你 的

项 目 中 也 不 存 在 Themes 文 件 夹

你 给 予 目 录 的 名 字 决 定 着 主 样 板 的 名 字

稍 后 在 你 使 用 Apply Theme and Layout 对 话 框 添 加 主 样 板 时 Visual InterDev 便 查 看 _Themes 目 录 并 把 你 的 定 制 主 样 板 加 到 可 用 主 样 板 表 中 你还 可 以 在 对 话 框 中 预 览 你 的 主 样 板 时 一 起 预 览 其 它 主 样 板

在 你 把 主 样 板 加 到 页 面 上 或 项 目 上 的 时 候 主 样 板 自 动 复 制 到 服 务 器 中

Visual Int erDev 还 把 目 录 和 它 的 所 有 文 件 都 复 制 到 服 务 器 中

为 V u s u a l I n t e r D e v 主 样 板 创 建 级 联 样 式 图 表

级 联 样 式 图 表 允 许 你 对 你 的 页 面 进 行 格 式 化 而 不 影 响 其 内 容 在 结 合 主样 板 一 起 使 用 的 时 候 一 般 要

• 定

  义 字 体 名 字 尺 寸 及 标 记 的 其 它 属 性

• 指 定

  图 像 文 件 同 加 着 重 线 的 列 表 和 水 平 尺 一 起 使 用

你 可 以 用 CSS 编 辑 器 创 建 样 式 图 表 你 还 可 以 使 用 这 个 编 辑 器 修 改 已 经 存在 的 样 式 图 表 关 于 CSS 编 辑 器 的 内 容 参 见 本 章 中 的 编 辑 样 式 图 表 或 Visual InterDev 在 线 文 档 中 的 CSS Editor Window

在 你 完 成 编 辑 你 的 样 式 图 表 的 时 候 保 存 这 个 图 表 并 把 它 移 到 你 的 主 样板 目 录 中

往 主 样 板 目 录 添 加 图 像

按 照 默 认 方 式 Visual Int erDev 引 用 Themes 目 录 中 的 图 像 把 你 希 望 包含 在 你 主 样 板 目 录 中 的 所 有 图 像 都 复 制 到 定 制 主 样 板 目 录

同 F r o n t P a g e 共 享 定 制 主 样 板

注 意 : 要 当 心 你 是 否 正 让 Visual Int e rDev 用 户 和 Microsoft FrontPage 用 户 共 享 项 目

如 果 你 对 由 Visual I nterDev 提 供 的 多 个 主 样 板 中 的 一 个 进 行 定 制 然 后使 用 FrontPage 把 这 个 主 样 板 加 到 一 个 文 件 上 那 么 FrontPage 可 能 取 代 你 的定 制

为 了 避 免 这 个 问 题 在 你 创 建 定 制 主 样 板 的 时 候 要 对 主 样 板 重 命 名 并 使用 新 的 唯 一 名 字 还 有 在 主 样 板 的 .inf 文 件 中 设 置 标 题 行 使 其 反 映 这个 新 主 样 板 名 字

页 面 布 局

在 你 对 页 面 进 行 布 局 时 应 把 它 设 计 得 使 用 户 很 容 易 浏 览 页 面 的 内 容 导航 和 定 向 Visual I nterDev 包 括 一 种 新 的 特 性 布 局 使 用 这 种 布 局 很 容 易 把你 的 多 个 页 面 组 织 到 各 个 逻 辑 区 域 中

当 把 一 种 布 局 加 到 一 个 页 面 上 的 时 候 这 种 布 局

• 规 定 页 面 的 内 容 如 何 直 观 地 安 排 到 各 个 区 域 中

• 使 用 PageNavBar 设 计 期 间 控 件 在 父 页 面 子 页 面 和 同 级 页 面 之 间 实 现导 航

• 如 果 希 望 的 话 包 括 标 题 区 域 的 一 致 性 使 用

把 一 种 布 局 加 到 项 目 上

当 你 创 建 一 种 Web 项 目 时 你 可 以 为 该 项 目 选 择 一 种 默 认 布 局

在 创 建 一 个 W e b 项 目 时 设 置 一 种 默 认 布 局

• 运

  行 Web Projec t 向 导 在 出 现 提 示 的 时 候 选 择 一 种 布 局

现 在 按 照 默 认 方 式 你 在 Web 项 目 中 创 建 的 所 有 页 面 都 使 用 这 种 布 局

在 已 经 存 在 的 W e b 项 目 上 施 加 或 改 变 默 认 布 局

1 . 在 Proect Exp lorer 中 选 择 项 目 名 字2. 在 View 菜 单 中 选 择 Property P ages 3. 在 对 话 框 中 选 择 Appearance 选 项 卡

1. 在 Default Th eme and Layout 下 选 择 Change 来 规 定 一 种 布 局

如 果 你 后 来 决 定 你 不 希 望 使 用 某 种 布 局 你 可 以 把 它 从 项 目 中 去 掉 不 会影 响 其 内 容

从 W e b 项 目 中 去 掉 布 局

1 . 在 Project Ex plorer 中 选 择 项 目 名 字

2. 从 View 中 选 择 Property P ages 3. 在 对 话 框 中 选 择 Appearance 选 项 卡

4. 在 Default Th eme and Layout 下 选 择 Change. 5. 选 择 Apply 激 活 布 局 的 滚 动 列 表

6. 在 列 表 的 顶 部 选 择 <none>

到 此 加 到 项 目 上 的 布 局 已 经 不 复 存 在 但 是 布 局 文 件 还 存 在 于 项 目 之 中如 果 你 希 望 把 这 些 文 件 也 从 项 目 中 去 掉 选 择 在 你 项 目 布 局 不 希 望 存 在 的 布 局并 删 掉 它

把 一 种 布 局 加 到 单 个 页 面 上

你 可 以 把 一 种 布 局 加 到 单 个 页 面 上 如 果 包 含 这 个 页 面 的 项 目 已 经 有 一 种默 认 布 局 那 么 页 面 级 布 局 将 覆 盖 项 目 级 默 认 布 局

添 加 或 改 变 单 个 页 面 的 布 局

1 . 在 Project Ex plorer 中 选 择 一 个 .htm 或 . asp 文 件

2. 在 Edit 菜 单 中 选 择 Apply Them e and Layout 3. 在 对 话 框 中 选 择 Layout 选 项 卡

4. 选 择 Apply 并 规 定 一 种 布 局

如 果 你 后 来 选 项 卡 不 希 望 某 种 布 局 加 到 具 体 页 面 上 你 可 以 选 择 不 添 加 布局 或 返 回 项 目 默 认 布 局

从 单 个 页 面 去 掉 布 局

1 . 在 Project Ex plorer 中 选 择 一 个 .htm 或 . asp 文 件

2. 在 Edit 菜 单 中 选 择 Apply Them e and Layout 3. 在 对 话 框 中 选 择 Layout 选 项 卡

4. 选 择 Preserve C urrent Layout

或 者

选 择 Apply 选 项 然 后 从 列 表 中 选 择 <none>

Preserve Current Layout 通 知 Visual Int erDev 使 用 项 目 的 默 认 布 局而 <none> 明 确 规 定 没 有 布 局 要 加 到 页 面 上

注 意 : 在 你 以 离 线 模 式 工 作 时 Apply Th eme and Layou t 命 令 被 关 闭

预 览 布 局

当 你 在 Apply Them e and Layout 对 话 框 中 浏 览 布 局 时 在 表 示 布 局 本 身 的对 话 框 中 出 现 图 像 这 种 浏 览 允 许 你 在 把 布 局 加 到 页 面 或 项 目 之 前 看 一 看 布 局是 什 么 样 的

预 览 布 局

1 . 在 Project Ex plorer 中 选 择 一 个 .htm 或 .asp 页 面

2. 在 Edit 菜 单 中 选 择 Apply Them e and Layout 3. 在 对 话 框 中 选 择 Layout 选 项 卡

4. 单 击 左 边 的 任 何 一 种 布 局 在 右 边 显 示 出 预 览 情 况

创 建 定 制 布 局

你 可 以 创 建 自 己 的 定 制 布 局 满 足 你 的 设 计 需 要 布 局 位 于 一 个 项 目 的

Layout 目 录 中

注 意 : 如 果 你 还 没 有 把 一 种 布 局 加 到 项 目 上 或 项 目 的 文 件 之 一 那 么 在 你 的项 目 中 也 不 存 在 _Layout 文 件 夹

每 个 Vsual Inte rDev 布 局 都 由 三 个 文 件 组 成 你 可 以 打 开 这 些 文 件 以 便

包 含 与 布 局 有 关 的 内 容

Layout.htm 这 个 样 板 包 含 的 HTML 在 布 局 加 到 页 面 时 要 插 入 到 页 面 中

Preview.ht m 在 Apply Them e and Layout 对 话 框 中 选 择 布 局 时 调 用 这 个文 件

创 建 定 制 布 局 样 板

1 . 在 项 目 的 _Layout 文 件 夹 中 创 建 一 个 新 文 件 夹 并 为 它 取 个 名 字

1. 把 这 些 文 件 从 一 个 已 经 存 在 的 布 局 文 件 夹 中 复 制 下 来 再 把 它 们 粘 贴 到你 的 新 文 件 夹 中

2. 在 你 的 新 文 件 夹 中 选 择 .inf 文 件 给 它 重 新 命 名 使 它 同 新 文 件 夹 的 名字 匹 配

3. 双

   击 这 个 .inf 文 件 打 开 它

4. 在

   标 题 行 中 规 定 一 个 新 标 题 这 个 标 题 是 个 字 符 串 出 现 在 Apply Them e

and Layout 对 话 框 的 布 局 列 表 中

1. 保 存 并 关 闭 这 个 .inf 文 件

2. 双

   击 Layout.htm 在 编 辑 器 中 打 开 它

3. 单 击 编 辑 器 的 Source 选 项 卡 现 在 你 可 以 看 见 这 个 Layout 设 计 期 间 控件 和 定 义 该 布 局 表 格 的 HTML 标 记 修 改 HTML 标 记 和 文 本 使 其 满 足 你 的 需 求

告 诫 : 不 要 修 改 Layout 设 计 期 间 控 件 的 运 行 时 文 本

1. 保 存

   并 关 闭 Layout.htm

1 0. 双 击 Preview.ht m 使 其 在 编 辑 器 中 显 示 出 来 在 Apply Theme and Layout

对 话 框 中 选 择 布 局 时 调 用 这 个 文 件 编 辑 这 个 文 件 使 其 满 足 你 的 需 要

11 . 保 存 并 关 闭 Preview.ht m

现 在 当 你 显 示 Apply Them e and Layout 对 话 框 时 Visual Int erDev 将自 动 把 你 定 制 的 布 局 放 到 可 用 布 局 列 表 中

关 于 布 局 更 详 细 的 内 容 参 见 第 十 一 章 站 点 设 计 中 的 布 局 一 节

创 建 定 制 样 板

定 制 的 Visual InterDev 样 板 是 你 创 建 并 放 到 Templates 目 录 中 的 任何 .htm .asp 文 件 或 其 它 文 件 你 可 以 对 样 板 进 一 步 定 制 包 括 提 示 用 户 输入 根 据 样 板 加 到 新 文 件 中 的 参 数

样 板 可 以 是

创 建 定 制 样 板

文 件 类 型 结 果

单 个 .htm 文 件 HTML 页 面

单 个 .asp 文 件 ASP 页 面其 它 文 本 文 件 文 本 文 件

• 把 你 的 .htm 或 其 它 文 本 文 件 移 到 Templates 目 录 中 这 个 安 装 默 认 样板 是 C: \ Program Files \ Microsoft Visual Stutio

\
VintDev98 \ Temlates

你 可 以 进 一 步 定 制 一 个 样 板 以 便 用 户 在 创 建 新 文 件 的 时 候 进 行 输 入

提 示 用 户 输 入

• 在

  样 板 中 使 用 分 隔 符 (<%# 和 #%>) 建 立 参 数 这 些 参 数 可 长 达 1 00 个 字 符而 且 是 不 区 分 大 小 写 的

例 如 用 一 个 问 号 提 示 你 的 用 户 把 文 本 放 到 分 隔 符 之 间 如 下

<B><%#What is the n ame of yo ur departm ent?#%> Expense Report</B>

如 果 用 户 以 输 入 Marketing 予 以 响 应 则 新 文 件 将 包 含 这 样 一 行

<B>Marketi ng Expense Report</B >

下 列 参 数 是 Visual Int erDev 为 独 有 功 能 保 留 的

• <%#DataCon nection#%>

当 Visual Int erDev 遇 到 这 个 参 数 时 就 提 示 样 板 的 用 户 选 择 已 经 存 在项 目 数 据 连 接 中 的 一 条 连 接

• <%#Filenam eWithExtension#%>

这 个 参 数 自 动 把 样 板 的 文 件 名 和 扩 展 名 插 入 到 新 .htm 或 .asp 文 件 中

• <%# Filena meWithoutExtension # % >

这 个 参 数 自 动 把 样 板 自 己 的 文 件 名 不 带 扩 展 名 插 入 到 新 .htm 或 .asp

文 件 中

• <%#ThemeNa me#%>

当 Visual I nterDev 遇 到 这 个 参 数 时 提 示 样 板 的 用 户 选 择 可 用 的 主 样 板之 一

关 于 Visual InterDev 样 板 的 更 详 细 内 容 可 参 阅 我 们 的 Web 站 点http://www .microsoft.com/vinte rdev/techmat/whitepa pers/vitemplt.htm/ 上 的 技 术 论 文 Creating Y our Own Visual Inter Dev Templates