第 十 二 章 设 计 Web 站 点

你 可 以 使 用 Site Designer 站 点 设 计 器 迅 速 设 计 和 创 建 一 个 新 Web 应 用 或 重 新 设 计 一 个 已 经 存 在 的 Web 站 点 在 站 点 图 中 你 直 观 创 建 添 加 或 组 织一 个 Web 应 用 中 的 页 面 并 为 站 点 设 计 导 航 结 构 关 于 设 计 站 点 导 航 结 构 的 更多 内 容 参 见 第 十 三 章 设 计 站 点 导 航

Site Des igner 站 点 设 计 器 允 许 你 在 站 点 图 中 直 接 创 建 新 页 面 或 从 当前 Web 应 用 中 或 其 它 应 用 中 添 加 已 经 存 在 的 页 面 在 你 创 建 一 个 站 点 图 之 后 你 可 以 把 一 个 主 样 板 加 到 页 面 上 或 打 印 这 个 站 点 图

1 2. 1 创 建 站 点 图

你 可 以 使 用 站 点 图 很 容 易 地 设 计 和 建 设 Web 应 用 结 构 此 外 站 点 图 还 帮助 你 定 义 和 修 改 页 面 之 间 的 导 航 链 接 更 多 内 容 参 见 第 十 三 章 设 计 站 点 导航

站 点 图 可 用 来 创 建 新 Web 应 用 或 重 设 计 已 经 存 在 的 Web 应 用 结 构 一 个 Web 应 用 可 以 有 多 个 站 点 图 例 如 你 可 以 创 建 不 同 的 站 点 图 用 于 在 Web 应 用 的各 个 部 分 之 间 定 义 导 航 结 构

创 建 站 点 图

1 . 打 开 或 创 建 一 个 Web 项 目

1. 从 Project 菜 单 中 选 择 Add Item 出 现 Add Item 对 话 框

2. 在

   New 选 项 卡 中 选 择 Web Projec t Files 文 件 夹 然 后 选 择 右 边 窗 格中 的 Site Diagr am

3. 在 Name 文 本 框 中 键 入 站 点 图 的 名 字 注 意 站 点 图 文 件 有 .w dm 扩 展

名

1. 单 击 OK

出 现 一 个 新 站 点 图

注 意 : 在 你 为 W e b 应 用 创 建 第 一 个 站 点 图 时 Site Desig ner 站 点 设 计 器 自 动 把 该 站 点 的 主 页 加 到 图 中 如 果 没 有 主 页 Site D esigner 就 创建 一 个 主 页 并 在 你 保 存 站 点 图 的 时 候 把 主 页 加 到 项 目 中

Site Designer 根 据 Web 服 务 器 中 的 信 息 确 定 是 否 存 在 主 页 Site Designer 把 诸 如 default.ht m default.as p 或 index.htm 一 类 的 文件 看 作 是 主 页 Internet 信 息 服 务 器 把 default.as p 规 定 为 主 页 个人 W e b 服 务 器 把 default.ht m 规 定 为 主 页

你 可 以 把 页 面 从 当 前 项 目 中 或 从 其 它 应 用 中 加 到 一 个 站 点 图 上 你 还 可 以

使 用 Site Desig ner 把 新 页 面 加 到 站 点 图 上 和 Web 项 目 中 更 多 内 容 参 见 下一 节 把 页 面 加 到 站 点 图 中

1 2 .2 把 页 面 加 到 站 点 图 中

你 可 以 用 几 种 方 式 把 页 面 加 到 站 点 图 中 你 可 以 把 文 件 从 Project Explorer 中 拖 到 站 点 图 中 你 也 可 以 直 接 在 站 点 图 中 创 建 新 文 件 你 还 可 以 从 其 它 应 用中 拖 出 文 件 例 如 从 Internet E xplorer 或 FrontPage 中 拖 出 文 件

在 你 把 页 面 加 到 站 点 图 之 后 就 可 以 安 排 页 面 创 建 层 次 关 系 导 航 条 使用 这 些 层 次 关 系 确 定 站 点 图 中 每 个 页 面 的 导 航 条 上 包 含 哪 些 导 航 链 接 更 多 内容 参 见 第 十 三 章 设 计 站 点 导 航 中 的 安 排 站 点 图 中 的 页 面 一 节

注 意 : 每 个 .htm 文 件 在 一 个 站 点 图 中 只 能 出 现 一 次 其 它 文 件 如 .asp 文件 .gif 文 件 和 外 部 页 面 在 一 个 站 点 图 中 可 以 出 现 多 次

在 站 点 图 中 创 建 新 页 面

1 . 打 开 或 创 建 一 个 站 点 图

2. 从 Diagram 菜 单 中 选 择 New HTML P age 或 New ASP Pa ge

或

用 右 键 单 击 该 图 然 后 从 叠 合 菜 单 中 选 择 New HTML P age 或 New ASP Pa ge

— 个 新 页 面 加 到 该 站 点 图 中 然 后 你 可 以 拖 动 这 个 页 面 在 图 中 定 位 这个 新 页 面 得 到 一 个 默 认 名 字 关 于 在 站 点 图 中 重 命 名 一 个 页 面 的 更 多 内 容 参见 第 十 四 章 管 理 站 点 图 中 的 重 新 命 名 页 面 标 签

每 个 .htm 文 件 只 能 在 一 个 站 点 图 中 出 现 一 次 但 是 . asp 文 件 可 以 使 用 不同 参 数 在 站 点 图 中 出 现 多 次 你 可 以 使 用 从 Project Ex plorer 把 文 件 拖 到 站 点图 的 办 法 把 文 件 加 到 站 点 图 中 也 可 以 使 用 Add Existing File 命 令 把 文 件

加 到 站 点 图 中

在 你 创 建 一 个 新 的 文 件 例 子 而 这 个 文 件 已 经 在 你 的 站 点 图 中 存 在 的 时 候要 使 用 Add Existing File 增 加 已 经 存 在 的 文 件 命 令 如 果 你 不 希 望 创 建一 个 新 文 件 例 子 而 是 希 望 包 括 当 前 站 点 图 中 的 一 个 文 件 并 且 在 其 它 站 点 图中 已 经 存 在 的 情 况 下 要 使 用 拖 动 办 法 如 果 是 企 图 拖 进 一 个 文 件 而 这 个 文件 已 经 在 当 前 站 点 图 中 存 在 Site Desig ner 站 点 设 计 软 件 就 指 出 文 件 已 经在 图 中 存 在 但 是 不 再 增 添 该 文 件

把 页 面 从 项 目 加 到 站 点 图 中

1 . 打 开 或 创 建 一 个 站 点 图

1. 从 Diagram 菜 单 中 选 择 Add Existi ng File

出 现 URL 对 话 框

1. 在 Project 列 表 中 选 择 项 目 名 字 或 对 应 要 加 文 件 的 文 件 夹 名 字

2. 在

   Contents 列 表 中 选 择 你 希 望 加 到 图 中 的 文 件5. 在 Parameters 下 拉 列 表 中 键 入 参 数 值 或 书 签 值6. 选 择 OK

如 果 你 规 定 的 文 件 已 经 存 在 于 站 点 图 中 便 出 现 信 息 框 要 增 加 已 经 存 在的 例 子 就 选 择 Yes 要 建 立 一 个 新 例 子 就 选 择 No 如 果 任 何 站 点 图 中 都 没有 这 个 文 件 Site Desig ner 就 把 这 个 文 件 加 到 当 前 图 中

这 时 你 就 可 以 把 页 面 拖 到 图 中 的 相 应 位 置

从 其 它 应 用 添 加 页 面

1 . 打 开 或 创 建 一 个 站 点 图

1. 打 开 一 个 应 用 这 个 应 用 包 含 你 希 望 添 加 到 站 点 图 中 的 页 面

2. 从 源 应 用 把 链 接 拖 到 Visual Int erDev 中

3. 把 文 件 拖 到 站 点 图 中

如 果 这 个 文 件 已 经 在 其 它 站 点 图 中 存 在 Site Desig ner 就 把 这 个 文 件 和 它的 导 航 结 构 添 加 到 当 前 图 中 如 果 任 何 站 点 图 中 都 没 有 这 个 文 件 Site Designer 就 把 这 个 添 加 到 当 前 图 中

注 意 : 对 于 你 从 其 它 应 用 中 添 加 到 一 个 站 点 图 中 的 每 个 页 面 项 目 都 显 示 一个 外 部 页 面 图 标 在 站 点 图 中 外 部 页 面 不 能 有 子 页 面

1 2 .3 把 主 页 加 到 站 点 图 中

你 可 以 把 一 个 已 经 存 在 的 主 页 home pag e 加 到 一 个 站 点 图 中 也 可 以 为Web 应 用 创 建 一 个 新 主 页 Site Desig ner 自 动 把 这 个 站 点 的 主 页 加 到 图 中 如果 主 页 不 存 在 Site Des igner 就 创 建 一 个 新 的 并 在 你 保 存 这 个 站 点 图 的 时候 把 它 加 到 项 目 中

如 果 Web 应 用 已 经 存 在 主 页 Site Desig ner 就 根 据 Web 服 务 器 中 的 信 息 辨别 这 个 主 页 一 般 而 言 Site Designer 把 下 述 文 件 考 虑 为 主 页 default.as p default.ht m 或 index.htm Internet 信 息 服 务 器 把 default.as p 定 义 为 主 页FrontPage 把 default.ht m 定 义 为 主 页

把 主 页 加 到 图 中

1 . 打 开 或 创 建 一 个 站 点 图

2. 在 Diagram 菜 单 中 选 择 Add Home P age

或 者

右 键 单 击 该 图 然 后 从 叠 合 菜 单 中 选 择 Add Home P age

Site Desig ner 自 动 把 对 于 Web 应 用 的 当 前 主 页 加 到 站 点 图 中 当 你 保 存 站点 图 的 时 候 新 主 页 文 件 就 加 到 当 前 项 目 中

1 2 .4 把 多 个 页 面 映 像 成 一 个 . asp 文 件

使 用 Site Desig ner 你 可 以 快 速 为 Web 应 用 创 建 一 个 原 型 而 不 用 担 心 在你 的 站 点 上 如 何 使 用 页 面 例 如 如 果 你 把 三 个 .htm 页 面 加 到 你 的 站 点 图 中然 后 你 就 可 以 把 这 三 个 页 面 映 像 到 .asp 文 件 中 并 为 这 些 页 面 显 示 正 确 的 导航 条

Site Desig ner 允 许 你 把 站 点 中 的 页 面 映 像 成 该 站 点 结 构 文 件 中 的 一 个 新 的或 已 经 存 在 的 Active Server 页 面 上 你 还 可 以 使 用 不 同 参 数 把 几 个 页 面 映 像成 一 个 ASP 页 面

注 意 : 你 不 能 把 外 部 页 面 映 像 成 新 的 或 已 经 存 在 的 Active Ser ver 页 面

把 多 个 页 面 映 像 成 一 个 A S P 页 面

1 . 在 站 点 图 中 选 择 你 希 望 映 像 成 .asp 文 件 的 页 面

2. 从 View 菜 单 中 选 择 Property P ages 出 现 Page 选 项 卡 页 面 属 性 对 话 框 3. 选 择 Browse 按 钮

出 现 选 择 URL 对 话 框

1. 在 Contents 文 本 框 中 选 择 要 使 用 的 .asp 文 件

2. Parameters 下 拉 列 表 中 键 入 参 数 值

3. 单 击 OK

这 个 导 航 条 链 接 将 反 映 如 下 事 实 所 选 择 的 页 面 上 有 一 个 .a sp 文 件 的 参数 而 且 能 正 确 地 链 接 到 这 个 页 面 上

使 用 Choose URL 对 话 框 不 能 把 脚 本 加 到 .asp 文 件 中 你 必 须 把 相 应 的 脚本 加 到 .asp 文 件 上 以 便 使 这 个 .asp 文 件 能 正 确 显 示 页 面

例 如 如 果 你 已 经 按 照 Type=Books 和 Type=Cloth es 把 books.htm 和clothes.ht m 文 件 映 像 成 Products.a sp 文 件 你 就 需 要 在 Product.as p 中 包 含下 述 脚 本 这 样 books.htm 和 clothes.ht m 就 能 正 确 显 示

<% Select Case Request .QueryS tring ( “ Ty pe ” )%>

<% Case “ Books ” %> Book s

<% Case “ Clothe s ” %> Clot hes

<% End Sel ect %>

1 2 .5 把 激 活 服 务 器 页 面 转 换 成 HT ML 页 面

你 可 以 在 Site Designer 中 创 建 文 件 而 不 用 管 文 件 类 型 如 何 然 后 如果 需 要 你 可 以 把 单 个 ASP 页 面 转 换 成 HTML 页 面

把 A S P 页 面 转 换 成 HTML 页 面

1 . 在 Project Ex plorer 中 选 择 你 希 望 转 换 的 . asp 文 件

1. 右 键 单 击 该 页 面 从 叠 合 菜 单 中 选 择 Rename

注 意 : Rename 命 令 只 能 用 于 本 地 文 件

1. 把

   .asp 扩 展 名 改 变 成 .htm 4. 按 Enter

1. 在 信 息 框 中 单 击 OK

2. 在 Link Repai r 对 话 框 中 单 击 Yes

在 Project Ex plorer 中 .asp 文 件 图 标 已 经 被 相 应 的 . htm 文 件 图 标 所 取

代

1 2 .6 把 主 样 板 和 布 局 加 到 页 面 上

主 样 板 和 布 局 为 页 面 上 的 信 息 提 供 一 致 可 视 设 计 你 可 以 把 主 样 板 和 布 局加 到 使 用 Site Desig ner 创 建 的 新 页 面 上 也 可 以 加 到 站 点 图 中 已 经 存 在 的 页面 上

当 使 用 布 局 或 PageNavbar 设 计 期 间 控 件 时 你 可 以 发 挥 Site Desig ner 导航 结 构 设 计 能 力 的 长 处 更 多 内 容 参 见 第 十 三 章 设 计 站 点 导 航

添 加 主 样 板 和 布 局

1 . 在 站 点 图 中 选 择 你 希 望 添 加 主 样 板 和 布 局 的 页 面

1. 在 Edit 菜 单 中 单 击 Apply Them e and Layout

出 现 Apply Them e and Layout 对 话 框

1. 在 Theme 选 项 卡 中 选 择 你 希 望 添 加 的 主 样 板 名 字

2. 在 Layout 选 项 卡 中 选 择 你 希 望 添 加 的 布 局 名 字

3. 单 击 OK

1 2 .7 打 印 站 点 图

你 可 以 把 站 点 图 打 印 出 来 以 便 介 绍 时 使 用 或 其 它 场 合 使 用 在 打 印 之 前你 可 以 预 览 站 点 图 的 页 面 断 点

你 第 一 次 打 印 站 点 图 时 Site Desig ner 设 置 站 点 图 的 断 点 如 果 以 后 你 向这 个 图 添 加 页 面 Site Designer 不 能 自 动 重 设 页 面 断 点 然 而 你 可 以 手 动重 设 页 面 断 点

你 可 以 变 更 站 点 图 的 大 小 使 它 适 合 于 放 在 一 页 上 要 了 解 更 多 内 容 参见 第 十 四 章 管 理 站 点 图 中 的 管 理 站 点 图 的 大 小

打 印 站 点 图

• 在

  File 菜 单 中 选 择 Print

查 看 站 点 图 页 面 断 点

• 在

  Diagram 菜 单 中 选 择 View Page Breaks

在 站 点 图 中 出 现 虚 线 表 示 页 面 断 点

重 设 页 面 断 点

• 在

  Diagram 菜 单 中 选 择 Recalculat e Page Breaks 重 新 计 算 页 面 断 点 页 面 断 点 重 新 设 置 从 图 的 左 上 角 开 始 设 置