Microsoft Word - ch02.doc

第 2 章 认 识 Dreamweaver 8 教 学 提 示 :Dreamweaver 是 一 款 功 能 强 大 的 可 视 化 的 网 页 编 辑 与 管 理 软 件 利 用 它, 不 仅 可 以 轻 松 地 创 建 跨 平 台 和 跨 浏 览 器 的 页 面, 也 可 以 直 接 创 建 具 有 动 态 效 果 的 网 页 而 不 用 自 己 编 写 源 代 码 Dreamweaver 8 最 主 要 的 优 势 在 于 能 够 进 行 多 任 务 工 作, 并 且 在 操 作 方 法 界 面 风 格 方 面 更 加 人 性 化 用 户 可 以 根 据 自 己 的 喜 好 和 工 作 方 式, 重 新 排 列 面 板 和 面 板 组, 自 定 义 工 作 区 教 学 目 标 : 本 章 将 介 绍 Dreamweaver 8 的 新 增 功 能 工 作 界 面 常 用 面 板 的 使 用 和 个 性 设 置, 以 及 站 点 的 基 本 操 作 等 内 容 2.1 Dreamweaver 8 简 介 Macromedia Dreamweaver 8 最 主 要 的 优 势 是 利 用 其 可 视 化 编 辑 功 能, 可 以 快 速 地 创 建 页 面 而 无 需 编 写 任 何 代 码 Dreamweaver 8 包 含 了 许 多 新 增 的 功 能, 这 些 新 增 功 能 改 善 了 软 件 的 易 用 性, 并 使 设 计 者 无 论 处 于 设 计 环 境 还 是 编 码 环 境 都 可 以 方 便 地 制 作 页 面 Dreamweaver 8 支 持 包 括 对 高 级 CSS 使 用 XML 和 RSS 源 以 及 辅 助 功 能 要 求 ; 支 持 学 习 和 利 用 新 的 技 术, 其 中 包 括 PHP 5 Flash 视 频 ColdFusion MX 7 和 Macromedia Web Publishing System 1. 样 式 呈 现 工 具 栏 利 用 新 的 CSS 媒 体 类 型 支 持, 可 按 照 与 用 户 所 看 到 内 容 相 同 的 方 式 查 看 内 容, 而 不 管 传 送 机 制 如 何 使 用 样 式 呈 现 工 具 栏 可 切 换 到 设 计 视 图, 以 查 看 它 在 印 刷 品 手 持 设 备 或 屏 幕 上 的 显 示 方 式 样 式 呈 现 工 具 栏 ( 默 认 情 况 下 隐 藏 ) 包 含 一 些 按 钮, 如 果 使 用 依 赖 于 媒 体 的 样 式 表, 这 些 按 钮 使 设 计 者 能 够 查 看 设 计 在 不 同 媒 体 类 型 中 的 呈 现 方 式 它 还 包 含 一 个 允 许 启 用 或 禁 用 CSS 样 式 的 按 钮 只 有 在 文 档 使 用 依 赖 于 媒 体 的 样 式 表 时, 此 工 具 栏 才 有 用 若 要 显 示 该 工 具 栏 ( 如 图 2.1 所 示 ), 请 选 择 查 看 工 具 栏 样 式 呈 现 命 令 图 2.1 新 增 样 式 呈 现 工 具 栏 2. 插 入 Flash 视 频 内 容 Dreamweaver 使 用 户 能 够 轻 松 地 在 Web 页 中 插 入 Flash 视 频 内 容, 而 无 需 使 用 Flash 创 作 工 具 在 Dreamweaver 中 插 入 Flash 视 频 组 件 后, 在 浏 览 器 中 查 看 该 组 件 时, 它 将 显 示 用 户 选 择 的 Flash 视 频 内 容 以 及 一 组 播 放 控 件 选 择 插 入 媒 体 Flash 视

第 2 章 认 识 Dreamweaver 8 27 频, 如 图 2.2 所 示, 在 打 开 的 插 入 Flash 视 频 对 话 框 中, 从 视 频 类 型 下 拉 列 表 中 选 择 累 进 式 下 载 视 频 或 流 视 频, 单 击 确 定 按 钮, 如 图 2.2 所 示 图 2.2 选 择 Flash 视 频 命 令 3. 支 持 ColdFusion MX 7 更 新 的 ColdFusion MX 7 支 持 功 能 包 括 新 的 服 务 器 行 为 和 代 码 提 示 为 了 将 代 码 提 示 和 调 试 功 能 与 ColdFusion 的 正 确 版 本 匹 配,Dreamweaver 将 在 第 一 次 连 接 到 站 点 时 自 动 检 测 服 务 器 版 本 Dreamweaver 与 ColdFusion 的 紧 密 集 成 使 用 户 能 够 直 接 从 数 据 库 面 板 中 添 加 和 删 除 数 据 库, 并 查 看 当 前 站 点 中 定 义 的 ColdFusion 专 有 组 件 4. 支 持 PHP 5 利 用 更 新 的 PHP 5 支 持 功 能, 可 以 支 持 更 多 的 行 为, 其 中 包 括 服 务 器 行 为 和 代 码 提 示 5. 利 用 XML 数 据 进 行 可 视 化 创 作 使 用 功 能 强 大 的 可 视 化 工 具, 可 快 速 利 用 XML 将 源 集 成 到 工 作 中, 并 揭 开 XML 到 HTML 转 换 的 神 秘 面 纱 使 用 简 单 的 拖 放 工 作 流 程, 可 将 基 于 XML 的 数 据 ( 如 RSS 源 ) 集 成 到 Web 页 中 使 用 改 善 的 XML 和 XSLT 代 码 提 示 功 能, 可 跳 转 到 代 码 视 图 来 自 定 义 转 换 6. CSS 样 式 在 CSS 样 式 方 面 的 改 变, 是 Dreamweaver 8 的 另 一 个 新 增 功 能 新 的 改 变 一 方 面 更 加 方 便 了 用 户 对 CSS 样 式 进 行 设 置, 另 一 方 面 也 体 现 了 CSS 在 时 下 网 页 设 计 中 的 重 要 性 Dreamweaver 8 对 于 CSS 样 式 相 关 功 能 设 置 的 改 进 主 要 包 括 下 面 3 个 方 面 1) 新 的 标 准 CSS 面 板 可 以 通 过 新 的 标 准 CSS 面 板 集 中 学 习 了 解 和 使 用 以 可 视 化 方 式 应 用 于 页 面 的 CSS 样 式 全 部 的 CSS 功 能 已 集 合 到 一 个 面 板 中, 并 已 得 到 增 强 使 用 新 的 界 面, 用 户 可 以 更 方 便 地 看 到 应 用 于 具 体 元 素 的 样 式 层 叠, 从 而 能 够 轻 松 地 确 定 在 何 处 定 义 了 属 性, 也 就 可 以 更 加 轻 松 更 有 效 率 地 使 用 CSS 样 式, 如 图 2.3 所 示 2) CSS 布 局 可 视 化 在 设 计 时 应 用 可 视 化 助 理 来 描 画 CSS 布 局 边 框 或 为 CSS 布 局 加 上 颜 色 应 用 可 视 化 助 理 可 揭 示 出 复 杂 的 嵌 套 方 案, 并 改 善 所 选 内 容 单 击 CSS 布 局 可 看 到 十 分 有 用 的 工 具 提 示, 这 些 提 示 有 助 于 了 解 设 计 的 控 制 元 素 选 择 查 看 可 视 化 助 理, 或 单 击 文 档 工 具 栏 上 的 可 视 化 助 理 按 钮, 可 以 使 用 CSS 布 局 块 可 视 化 助 理 选 项, 如 图 2.4 所 示 27

28 网 页 设 计 与 制 作 教 程 与 实 训 图 2.3 新 的 标 准 CSS 面 板 图 2.4 文 档 工 具 栏 上 的 可 视 化 助 理 菜 单 3) 改 善 的 CSS 呈 现 功 能 在 Dreamweaver 8 中, 设 计 视 图 的 准 确 性 有 了 显 著 改 善, 从 而 能 够 在 大 多 数 浏 览 器 中 呈 现 复 杂 的 CSS 布 局 Dreamweaver 8 现 在 完 全 支 持 高 级 CSS 技 术, 如 溢 出 和 表 单 元 素 等 2.2 Dreamweaver 8 的 工 作 界 面 Dreamweaver 8 的 工 作 区 十 分 灵 活, 非 常 方 便 显 示 或 隐 藏 界 面 内 的 面 板, 以 适 应 不 同 工 作 的 需 要 建 立 好 新 页 面 或 打 开 已 经 完 成 的 页 面 时, 首 先 出 现 在 面 前 的 是 设 计 界 面, 如 图 2.5 所 示 文 档 工 具 栏 插 入 栏 面 板 组 文 档 窗 口 标 签 选 择 器 文 件 面 板 属 性 面 板 图 2.5 Dreamweaver 8 的 工 作 界 面 28

第 2 章 认 识 Dreamweaver 8 29 2.3 常 用 面 板 的 使 用 2.3.1 使 用 插 入 栏 插 入 栏 包 括 图 像 表 格 层 等 对 象 按 钮, 单 击 这 些 按 钮 可 以 为 网 页 添 加 相 应 的 元 素 默 认 的 插 入 栏 为 标 准 插 入 栏 单 击 插 入 栏 左 侧 的 下 三 角 按 钮, 可 以 更 换 为 其 他 工 具 栏, 如 图 2.6 所 示 1. 常 用 工 具 栏 常 用 工 具 栏 包 含 了 最 常 用 的 对 象, 最 主 要 的 功 能 是 用 于 插 入 各 项 最 常 用 的 基 本 网 页 设 计 及 排 版 组 件, 如 图 像 按 钮 表 格 按 钮 媒 体 等, 如 图 2.7 所 示 图 2.6 其 他 工 具 栏 菜 单 图 2.7 常 用 工 具 栏 中 的 常 用 按 钮 2. 布 局 工 具 栏 在 Dreamweaver 8 中, 切 换 到 布 局 视 图, 布 局 工 具 栏 可 以 在 页 面 中 添 加 布 局 单 元 格, 这 些 布 局 单 元 格 能 够 帮 助 用 户 快 速 布 局 页 面 布 局 工 具 栏 包 含 了 表 格 按 钮 DIV 标 签 层 按 钮 等 标 签, 它 可 以 快 速 地 在 标 准 视 图 中 绘 制 不 同 的 层 和 框 架 布 局 工 具 栏 如 图 2.8 所 示 图 2.8 布 局 工 具 栏 3. 表 单 工 具 栏 表 单 工 具 栏 包 含 了 创 建 表 单 域 和 插 入 表 单 元 素 的 按 钮 表 单 是 网 页 设 计 中 最 重 要 却 又 最 难 完 全 掌 握 的 部 分 ; 使 用 表 单 可 收 集 访 问 者 的 信 息, 如 订 单 搜 索 接 口 等, 如 图 2.9 所 示 图 2.9 表 单 工 具 栏 4. 文 本 工 具 栏 文 本 工 具 栏 包 含 了 多 种 特 定 的 字 符, 如 商 标 引 号 等, 这 些 字 符 也 可 以 以 HTML 的 方 式 插 入 网 页 之 中 文 本 工 具 栏 能 在 无 需 HTML 的 情 况 下, 快 速 插 入 这 些 字 符 符 号, 如 图 2.10 所 示 图 2.10 文 本 工 具 栏 29

30 网 页 设 计 与 制 作 教 程 与 实 训 5. HTML 工 具 栏 在 网 页 建 设 中,HTML 工 具 栏 的 应 用 给 用 户 带 来 很 大 的 便 利 性, 如 图 2.11 所 示 图 2.11 HTML 工 具 栏 6. 应 用 程 序 工 具 栏 应 用 程 序 工 具 栏 在 动 态 网 站 建 设 中 是 不 可 缺 少 的 功 能, 要 使 用 应 用 程 序, 首 先 要 建 立 站 点 文 件 选 定 文 档 类 型 和 设 立 站 点 测 试 服 务 器 该 工 具 栏 包 含 了 数 据 绑 定 数 据 库 和 服 务 器 行 为, 是 制 作 网 页 数 据 库 时 所 需 要 的 重 要 工 具 栏, 这 是 Dreamweaver MX 新 增 的 功 能, 但 是 Dreamweaver 8 的 功 能 更 强 大, 如 图 2.12 所 示 图 2.12 应 用 程 序 工 具 栏 7. Flash 元 素 工 具 栏 Flash 元 素 工 具 栏 里 只 有 图 像 查 看 器 按 钮 图 标, 单 击 图 像 查 看 器 按 钮 图 标, 可 以 在 文 档 中 插 入 以.swf 为 后 缀 的 Flash 播 放 器 8. 收 藏 夹 在 收 藏 夹 中 可 以 添 加 自 己 常 用 的 功 能 按 钮 9. 显 示 为 制 表 符 在 图 2.6 所 示 的 插 入 栏 的 下 拉 菜 单 中 选 择 显 示 为 制 表 符 命 令, 插 入 栏 就 改 变 了 显 示 方 式, 各 个 对 象 工 具 栏 将 全 部 显 示 在 导 航 条 上, 而 且 可 以 随 意 拖 动, 如 图 2.13 所 示 图 2.13 各 个 对 象 全 部 显 示 的 插 入 栏 2.3.2 使 用 属 性 面 板 属 性 面 板 并 不 是 将 所 有 的 对 象 和 属 性 加 载 到 面 板 上, 而 是 根 据 用 户 选 择 的 不 同 对 象 来 动 态 地 显 示 对 象 的 属 性 制 作 网 页 时, 可 以 根 据 需 要 随 时 打 开 或 关 闭, 或 者 通 过 拖 动 属 性 面 板 的 标 题 栏 将 其 移 到 合 适 的 位 置 1. 属 性 面 板 从 窗 口 菜 单 上 选 择 属 性 命 令, 打 开 属 性 面 板 属 性 面 板 显 示 当 前 所 选 定 的 页 面 元 素 ( 如 页 面 上 的 文 本 图 像 表 格 层 等 ) 的 属 性 值 选 取 的 页 面 元 素 不 同 时, 属 性 面 板 的 内 容 也 跟 着 变 化 下 面 对 主 要 的 两 种 选 择 区 域 状 态 下 的 属 性 面 板 进 行 说 明 : 文 本 状 态 和 图 像 状 态 当 在 页 面 中 选 定 文 本 时, 属 性 面 板 的 显 示 如 图 2.14 所 示 从 图 中 可 以 看 到 文 本 的 30

格 式 字 体 大 小 颜 色 等 参 数 项 第 2 章 认 识 Dreamweaver 8 31 图 2.14 属 性 面 板 当 在 页 面 中 选 定 一 幅 图 像 时, 属 性 面 板 则 变 为 如 图 2.15 所 示 其 中 包 括 图 像 的 缩 略 图 大 小 源 文 件 名 对 齐 方 式 等 图 2.15 图 像 状 态 下 的 属 性 面 板 2. 属 性 面 板 操 作 通 过 属 性 面 板, 可 以 检 查 和 修 改 当 前 选 定 页 面 元 素 的 属 性 如 图 2.16 所 示, 单 击 颜 色 框, 可 以 更 改 所 选 文 字 的 颜 色 图 2.16 属 性 面 板 的 文 字 颜 色 操 作 属 性 面 板 初 始 显 示 选 定 元 素 的 最 常 用 属 性 单 击 属 性 面 板 右 下 角 的 扩 展 箭 头, 可 以 设 置 元 素 的 更 多 属 性, 如 图 2.17 和 图 2.18 所 示 图 2.17 原 始 属 性 面 板 大 小 图 2.18 扩 展 属 性 面 板 2.3.3 使 用 文 件 面 板 1. 启 动 文 件 面 板 在 Dreamweaver 8 的 版 本 中, 文 件 面 板 用 于 管 理 组 成 站 点 的 文 件 和 文 件 夹, 与 31

32 网 页 设 计 与 制 作 教 程 与 实 训 Windows 资 源 管 理 器 非 常 类 似 运 行 Dreamweaver 8 之 后, 系 统 会 自 动 打 开 上 次 退 出 Dreamweaver 8 时 正 在 编 辑 的 站 点, 如 图 2.19 所 示 如 果 想 打 开 另 一 个 站 点, 单 击 文 件 面 板 中 左 边 的 下 拉 列 表 该 下 拉 列 表 中 列 出 了 当 前 已 经 定 义 的 站 点, 如 图 2.20 所 示 选 择 一 个 站 点, 单 击 即 可 打 开 一 个 已 经 定 义 的 站 点 图 2.19 文 件 面 板 图 2.20 选 择 站 点 列 表 2. 设 置 站 点 参 数 为 文 件 面 板 设 置 站 点 首 选 参 数 的 操 作 步 骤 如 下 (1) 选 择 编 辑 首 选 参 数 命 令, 在 打 开 的 对 话 框 的 分 类 列 表 框 中 选 择 站 点, 根 据 需 要 更 改 以 下 选 项 1 总 是 显 示 : 指 定 始 终 显 示 哪 个 站 点 ( 远 程 或 本 地 ), 以 及 本 地 和 远 程 文 件 显 示 在 哪 个 文 件 面 板 窗 格 ( 左 窗 格 还 是 右 窗 格 ) 中 默 认 情 况 下, 本 地 站 点 始 终 显 示 在 右 侧 未 被 选 择 的 那 个 窗 格 ( 默 认 情 况 下 是 左 窗 格 ) 是 可 更 改 窗 格, 此 窗 格 可 以 显 示 另 一 个 站 点 ( 默 认 情 况 下 是 远 程 站 点 ) 的 站 点 地 图 或 文 件 2 相 关 文 件 : 为 浏 览 器 加 载 HTML 文 件 时 传 输 它 加 载 的 相 关 文 件 ( 例 如 图 像 外 部 样 式 表 和 在 HTML 文 件 中 引 用 的 其 他 文 件 ) 显 示 提 示 默 认 情 况 下 选 中 下 载 / 取 出 时 要 提 示 和 上 载 / 存 回 时 要 提 示 复 选 框 3 FTP 连 接 : 确 定 在 没 有 任 何 活 动 的 时 间 超 出 指 定 分 钟 数 后, 是 否 终 止 与 远 程 站 点 的 连 接 FTP 作 业 超 时 指 定 Dreamweaver 尝 试 与 远 程 服 务 器 进 行 连 接 所 用 的 秒 数 如 果 在 指 定 时 间 长 度 之 后 没 有 响 应, 则 Dreamweaver 显 示 一 个 警 告 对 话 框 FTP 传 输 选 项 确 定 在 文 件 传 输 过 程 中 显 示 对 话 框 时, 如 果 经 过 指 定 的 秒 数 用 户 没 有 响 应,Dreamweaver 是 否 选 择 默 认 选 项 4 防 火 墙 主 机 : 指 定 从 防 火 墙 后 面 与 外 部 服 务 器 连 接 时 所 使 用 的 代 理 服 务 器 的 地 址 如 果 不 在 防 火 墙 后, 则 此 项 空 白 如 果 位 于 防 火 墙 后, 则 在 站 点 定 义 对 话 框 中 选 择 使 用 防 火 墙 选 项 防 火 墙 端 口 指 定 通 过 防 火 墙 中 的 哪 个 端 口 与 远 程 服 务 器 相 连 如 果 不 使 用 端 口 (FTP 的 默 认 端 口 ) 进 行 连 接, 则 需 要 在 此 处 输 入 端 口 号 5 上 载 选 项 : 上 载 前 先 保 存 文 件, 指 示 在 将 文 件 上 载 到 远 程 站 点 前 自 动 保 存 未 保 存 的 文 件 6 管 理 站 点 : 打 开 管 理 站 点 对 话 框, 可 以 在 此 对 话 框 中 编 辑 现 有 的 站 点 或 创 建 新 站 点 (2) 单 击 确 定 按 钮, 如 图 2.21 所 示 32

第 2 章 认 识 Dreamweaver 8 33 图 2.21 首 选 参 数 对 话 框 3. 定 义 站 点 主 页 主 页 就 是 网 页 默 认 的 首 页, 在 浏 览 网 站 时, 如 果 直 接 在 地 址 栏 输 入 网 站 地 址, 而 不 是 输 入 任 何 文 档 名 称, 就 会 打 开 主 页 定 义 站 点 主 页 的 操 作 方 法 有 如 下 两 种 (1) 在 文 件 面 板 中, 从 弹 出 菜 单 ( 当 前 站 点 服 务 器 或 驱 动 器 显 示 在 该 菜 单 中 ) 中 选 择 一 个 站 点 右 击 要 设 为 主 页 的 文 件, 从 弹 出 的 快 捷 菜 单 中 选 择 设 成 首 页 命 令, 如 图 2.22 所 示 图 2.22 选 择 设 成 首 页 命 令 33

34 网 页 设 计 与 制 作 教 程 与 实 训 (2) 在 如 图 2.23 所 示 的 youngsite 的 站 点 定 义 为 对 话 框 中, 打 开 高 级 选 项 卡, 在 分 类 列 表 框 中 选 择 站 点 地 图 布 局, 通 过 主 页 文 本 框 后 的 浏 览 文 件 图 标 选 择 一 个 文 件 作 为 主 页 图 2.23 youngsite 的 站 点 定 义 为 对 话 框 2.3.4 资 源 面 板 资 源 包 括 存 储 在 站 点 中 的 各 种 元 素, 如 图 像 或 影 片 文 件 资 源 面 板 提 供 了 两 种 查 看 资 源 的 方 式 (1) 站 点 列 表 显 示 站 点 的 所 有 资 源 (2) 收 藏 列 表 仅 显 示 明 确 选 择 的 资 源 使 用 资 源 面 板, 可 以 查 看 当 前 站 点 列 表 的 资 源 或 者 查 看 已 经 保 存 到 收 藏 列 表 中 的 资 源 但 是 要 使 用 资 源 面 板, 必 须 先 将 本 地 站 点 设 置 好, 并 且 选 中 启 用 缓 存 复 选 框, 如 图 2.24 所 示 这 样 资 源 面 板 才 能 正 确 地 显 示 资 源 内 容, 并 允 许 随 时 加 以 更 新 1. 使 用 资 源 面 板 图 2.24 设 置 本 地 站 点 (1) 选 择 窗 口 资 源 命 令, 打 开 资 源 面 板, 如 图 2.25 所 示 34

第 2 章 认 识 Dreamweaver 8 35 图 2.25 资 源 面 板 (2) 单 击 站 点 单 选 按 钮, 可 查 看 站 点 按 钮 资 源 列 表 如 果 单 击 收 藏 单 选 按 钮, 可 查 看 收 藏 夹 中 的 资 源 列 表 在 资 源 列 表 中 选 择 资 源 名 称, 这 时 在 预 览 窗 口 中 显 示 选 中 的 资 源 (3) 选 中 一 个 资 源, 单 击 添 加 到 收 藏 夹 按 钮, 即 可 将 自 己 喜 欢 的 资 源 添 加 到 收 藏 列 表 中 (4) 若 要 编 辑 资 源, 可 以 双 击 资 源, 或 选 择 资 源, 然 后 单 击 面 板 底 部 的 编 辑 按 钮 对 于 某 些 类 型 的 资 源 ( 如 图 像 ), 编 辑 资 源 时 将 启 动 一 个 外 部 编 辑 应 用 程 序 提 示 : 资 源 面 板 可 能 要 花 几 秒 钟 才 能 创 建 站 点 列 表 中 的 资 源, 因 为 它 必 须 读 取 站 点 缓 存 以 创 建 该 列 表 在 文 件 面 板 中 添 加 或 删 除 资 源 时, 所 做 的 更 改 不 会 立 即 出 现 在 资 源 面 板 中, 需 要 单 击 资 源 面 板 底 部 的 刷 新 站 点 列 表 按 钮 后 才 可 显 示 2. 如 何 在 网 页 中 添 加 资 源 1) 插 入 图 像 资 源 资 源 面 板 列 表 中 的 资 源 有 9 类, 下 面 介 绍 其 中 的 3 类, 其 余 的 几 种 使 用 方 法 与 此 类 似 在 资 源 面 板 中, 用 户 可 以 将 资 源 文 件 拖 动 到 文 档 窗 口 的 设 计 视 图 中, 或 选 中 资 源, 单 击 按 钮, 将 资 源 插 入 到 页 面 中 如 图 2.26 所 示, 就 是 在 文 档 窗 口 的 设 计 视 图 中 插 入 图 像 资 源 2) 使 用 资 源 面 板 改 变 颜 色 颜 色 资 源 记 录 了 整 个 网 站 里 所 有 使 用 过 的 颜 色, 单 击 颜 色 资 源, 其 颜 色 的 RGB 值 就 会 出 现 在 上 方 的 预 览 框 里 此 外, 还 可 以 在 值 栏 里 见 到 颜 色 的 色 标 值, 在 类 型 栏 里 见 到 影 像 保 证 正 确 显 示 的 网 页 安 全 色 (Webasafe Color), 或 者 使 用 非 网 页 安 全 色 (Non- Webasafe Color), 如 图 2.27 所 示 35

36 网 页 设 计 与 制 作 教 程 与 实 训 图 2.26 插 入 图 像 资 源 图 2.27 颜 色 资 源 可 以 利 用 这 里 的 颜 色 快 速 改 变 网 页 中 的 文 字 颜 色 只 要 选 中 网 页 中 要 变 更 颜 色 的 文 字, 再 在 资 源 面 板 上 选 取 要 变 更 的 颜 色 资 源, 将 颜 色 直 接 拖 动 到 文 字 上, 或 是 单 击 资 源 面 板 下 方 的 按 钮, 即 可 改 变 文 字 颜 色 3) 使 用 链 接 资 源 链 接 资 源 里 会 记 录 整 个 网 站 里 所 有 使 用 的 外 部 链 接, 包 括 FTP gopher HTTP, 以 及 E-mail 链 接 还 可 以 在 值 栏 里 看 到 链 接 的 地 址, 而 在 类 型 栏 里, 则 可 以 看 见 链 接 的 类 型 URL( 链 接 ) 资 源 是 用 来 快 速 改 变 网 页 中 文 字 或 图 像 的 链 接 先 选 取 网 页 中 要 链 接 的 文 字 或 图 像, 再 在 资 源 面 板 上 选 取 链 接 (URL) 资 源, 将 欲 链 接 的 资 源 直 接 拖 动 到 文 字 或 图 像 上, 或 单 击 资 源 面 板 下 方 的 按 钮, 即 可 改 变 文 字 或 图 像 的 链 接 2.4 Dreamweaver 8 的 个 性 设 置 本 节 主 要 介 绍 如 何 对 Dreamweaver 8 的 界 面 进 行 个 性 化 设 置 1. 工 作 面 板 的 移 动 和 重 设 大 小 对 于 浮 动 面 板, 可 像 通 过 拖 动 方 式 调 整 操 作 系 统 中 任 何 窗 口 的 大 小 一 样, 通 过 拖 动 来 调 整 面 板 组 集 合 的 大 小 例 如, 可 以 拖 动 面 板 组 集 合 的 右 下 角 来 调 整 大 小 区 域 对 于 显 示 的 面 板, 可 拖 动 面 板 与 文 档 窗 口 之 间 的 拆 分 条 若 要 最 大 化 一 个 面 板 组, 请 执 行 下 列 操 作 之 一 : 从 面 板 组 标 题 栏 的 菜 单 中 选 择 最 大 化 面 板 组 命 令, 如 图 2.28 所 示 或 在 面 板 组 标 题 栏 的 任 何 位 置 双 击, 面 板 组 将 垂 直 增 长, 以 填 充 全 部 可 用 垂 直 空 间 36

第 2 章 认 识 Dreamweaver 8 37 图 2.28 面 板 组 标 题 栏 菜 单 2. 重 命 名 面 板 组 要 重 命 名 面 板 组, 可 从 图 2.28 面 板 组 标 题 栏 菜 单 中 选 择 重 命 名 面 板 组 命 令, 输 入 一 个 新 的 名 称, 然 后 单 击 确 定 按 钮 3. 工 作 面 板 的 展 开 和 收 缩 方 法 是 : 单 击 面 板 组 标 题 栏 左 侧 的 展 开 箭 头, 或 单 击 面 板 组 的 标 题 4. 显 示 和 隐 藏 工 作 面 板 从 图 2.28 面 板 组 标 题 栏 菜 单 中 选 择 关 闭 面 板 组 命 令, 该 面 板 组 即 从 屏 幕 上 消 失 若 要 打 开 屏 幕 上 隐 藏 的 面 板 组 或 面 板, 可 选 择 窗 口 命 令, 然 后 从 菜 单 中 选 择 一 个 面 板 名 称 5. 调 整 工 作 区 的 大 小 状 态 栏 显 示 工 作 区 的 当 前 尺 寸 ( 以 像 素 为 单 位 ) 若 要 设 计 在 某 个 特 定 大 小 时 看 起 来 效 果 最 好 的 页 面, 可 以 将 工 作 区 调 整 到 任 意 预 定 义 的 大 小 若 要 将 工 作 区 的 大 小 调 整 为 预 定 义 的 大 小, 可 从 工 作 区 底 部 的 窗 口 大 小 弹 出 菜 单 中 选 择 一 种 大 小 若 要 更 改 窗 口 大 小 弹 出 菜 单 中 所 列 的 值, 可 进 行 如 下 操 作 (1) 从 窗 口 大 小 弹 出 菜 单 中 选 择 编 辑 大 小 命 令 (2) 在 窗 口 大 小 列 表 中 单 击 任 意 宽 度 或 高 度 值, 然 后 输 入 一 个 新 值 若 要 使 工 作 区 仅 调 整 为 某 个 特 定 的 宽 度 ( 高 度 保 持 不 变 ), 请 选 择 一 个 高 度 值 然 后 删 除 它 (3) 在 描 述 文 本 框 中 输 入 关 于 某 个 特 定 大 小 的 说 明 性 文 本 (4) 单 击 确 定 按 钮, 保 存 更 改 并 返 回 到 工 作 区 若 要 向 窗 口 大 小 弹 出 菜 单 中 添 加 新 的 大 小 值, 可 进 行 如 下 操 作 (1) 从 窗 口 大 小 弹 出 菜 单 中 选 择 编 辑 大 小 命 令 (2) 单 击 宽 度 列 中 最 后 一 个 值 下 面 的 空 白 (3) 输 入 宽 度 和 高 度 的 值 (4) 若 要 仅 设 置 宽 度 或 高 度, 只 需 将 一 个 域 保 留 为 空 即 可 (5) 在 描 述 文 本 框 中 输 入 关 于 所 添 加 大 小 的 说 明 性 文 本 (6) 单 击 确 定 按 钮, 保 存 更 改 并 返 回 到 工 作 区 例 如, 可 以 在 一 个 800 600 像 素 显 示 器 项 的 旁 边 输 入 SVGA 或 平 均 PC, 而 在 一 个 37

38 网 页 设 计 与 制 作 教 程 与 实 训 832 624 像 素 显 示 器 项 的 旁 边 输 入 17 英 寸 Mac 2.5 站 点 的 基 本 操 作 2.5.1 定 义 站 点 1. 创 建 本 地 站 点 创 建 本 地 站 点 的 具 体 操 作 步 骤 如 下 (1) 打 开 Dreamweaver 8, 执 行 站 点 管 理 站 点 命 令, 或 者 在 文 件 面 板 中 单 击 站 点 管 理 站 点 命 令 (2) 打 开 管 理 站 点 对 话 框, 单 击 新 建 按 钮, 再 选 择 站 点 命 令, 如 图 2.29 所 示 图 2.29 管 理 站 点 对 话 框 (3) 在 打 开 的 未 命 名 站 点 1 的 站 点 定 义 为 对 话 框 中 进 行 设 置 该 对 话 框 中 有 基 本 和 高 级 两 个 标 签 如 果 选 择 基 本 标 签, 则 根 据 向 导 一 步 步 来 设 置 站 点 ; 如 果 选 择 高 级 标 签, 则 出 现 如 图 2.30 所 示 的 选 项 (4) 设 置 完 成 后, 单 击 确 定 按 钮, 回 到 管 理 站 点 对 话 框, 再 单 击 完 成 按 钮, 即 可 创 建 一 个 站 点, 同 时 在 站 点 窗 口 的 本 地 文 件 列 表 中 显 示 站 点 的 根 目 录, 如 图 2.31 所 示 38 图 2.30 选 择 高 级 标 签

第 2 章 认 识 Dreamweaver 8 39 图 2.31 新 建 的 站 点 文 件 目 录 2. 设 置 远 程 站 点 要 把 本 地 站 点 上 的 网 页 放 到 网 络 中 运 行, 必 须 上 传 至 远 程 服 务 器 上, 因 为 浏 览 者 通 过 网 站 域 名 或 IP 地 址, 才 能 浏 览 到 网 站 的 内 容 所 以 需 要 创 建 远 程 站 点, 并 把 本 地 站 点 上 的 文 件 上 传 到 服 务 器 上 要 建 立 远 程 站 点, 必 须 先 建 立 本 地 站 点 如 果 已 经 建 立 了 本 地 站 点, 就 用 现 有 的 站 点 信 息 设 置 一 个 远 程 站 点, 并 为 远 程 站 点 选 择 正 确 的 根 目 录 使 用 本 地 站 点 连 接 远 程 服 务 器 可 按 照 以 下 步 骤 进 行 操 作 (1) 前 面 已 经 建 立 了 本 地 站 点, 现 在 利 用 它 进 行 远 程 站 点 的 连 接 单 击 文 件 面 板 上 的 下 拉 菜 单, 选 择 管 理 站 点 选 项, 打 开 管 理 站 点 对 话 框 (2) 在 管 理 站 点 对 话 框 中, 选 择 已 经 建 立 的 Web 站 点 单 击 编 辑 按 钮, 弹 出 定 义 站 点 对 话 框, 在 分 类 列 表 框 中 选 择 远 程 信 息 选 项 在 右 侧 的 访 问 下 拉 列 表 框 中 选 择 FTP 选 项 (3) 在 FTP 主 机 文 本 框 中 输 入 远 程 的 FTP 主 机 名 称, 如 :www.companydiy.com, 或 IP 地 址 211.160.91.1 这 里 要 注 意, 一 定 要 输 入 有 权 访 问 空 间 的 域 名 地 址, 否 则, 将 无 法 连 接 成 功 (4) 在 主 机 目 录 文 本 框 中 输 入 远 程 服 务 器 上 存 放 的 网 站 目 录, 如 : www.christinadiy.com/web/ 等 如 果 不 输 入 任 何 内 容, 则 表 示 将 当 前 网 站 内 容 存 放 在 网 站 的 根 目 录 下 (5) 在 登 录 文 本 框 中 输 入 用 来 连 接 到 FTP 服 务 器 的 注 册 名, 即 登 录 到 服 务 器 的 用 户 名 (6) 在 密 码 文 本 框 中 输 入 连 接 到 FTP 服 务 器 的 密 码 当 输 入 密 码 后, 系 统 会 自 动 选 中 保 存 复 选 框 如 果 取 消 选 中 保 存 复 选 框, 则 用 户 在 每 次 连 接 到 远 程 服 务 器 时 都 将 显 示 输 入 密 码 的 提 示 信 息 (7) 使 用 Passvise FTP 是 某 些 防 火 墙 要 求 让 本 地 软 件 创 建 FTP 连 接, 而 不 是 请 求 远 程 服 务 器 来 建 立 远 程 连 接, 此 时 必 须 选 中 使 用 Passvise FIP 复 选 框 这 里 为 默 认, 不 用 选 择 (8) 如 果 FTP 服 务 器 使 用 了 防 火 墙, 可 选 中 使 用 防 火 墙 复 选 框 (9) 如 果 要 求 使 用 安 全 TTP(SFTP) 进 行 连 接, 那 么 就 要 对 所 有 传 输 文 件 完 全 加 密, 并 阻 止 越 权 存 取 的 信 息 文 件 内 容 用 户 名 和 密 码 至 于 是 否 选 中 这 三 个 复 选 框, 应 视 ISP 要 求 而 定, 这 里 都 不 用 选 FTP 设 置 完 毕 39

40 网 页 设 计 与 制 作 教 程 与 实 训 如 果 系 统 中 安 装 了 网 络 驱 动 器 或 只 在 本 地 机 器 上 运 行 Web 服 务 器, 可 以 在 访 问 下 拉 列 表 中 选 择 本 地 / 网 络 选 项 如 果 想 要 自 动 刷 新 远 程 文 件 列 表, 那 么 选 中 自 助 刷 新 远 程 文 件 列 表 复 选 框, 这 样 当 被 添 加 或 删 除 站 点 文 件 时, 本 地 站 点 服 务 器 就 被 自 动 更 新 了 2.5.2 编 辑 站 点 1. 编 辑 站 点 在 创 建 站 点 之 后, 可 以 对 站 点 属 性 进 行 编 辑, 具 体 操 作 方 法 如 下 (1) 执 行 站 点 管 理 站 点 命 令, 打 开 如 图 2.29 所 示 的 管 理 站 点 对 话 框 (2) 从 列 表 中 选 择 要 编 辑 的 站 点 名 称 单 击 编 辑 按 钮, 即 可 打 开 如 图 2.30 所 示 的 对 话 框, 以 对 该 本 地 站 点 进 行 编 辑 (3) 编 辑 完 毕, 单 击 确 定 按 钮, 可 以 返 回 管 理 站 点 对 话 框 单 击 完 成 按 钮, 完 成 编 辑 操 作 2. 删 除 站 点 如 果 不 再 需 要 利 用 Dreamweaver 8 对 某 个 本 地 站 点 进 行 操 作, 同 样 可 将 其 从 站 点 列 表 中 删 除 具 体 操 作 步 骤 如 下 (1) 在 如 图 2.29 所 示 的 管 理 站 点 对 话 框 中, 单 击 删 除 按 钮 (2) 系 统 会 弹 出 一 个 提 示 对 话 框, 询 问 用 户 是 否 要 删 除 本 地 站 点, 单 击 是 按 钮, 如 图 2.32 所 示, 即 可 删 除 选 中 的 本 地 站 点, 返 回 管 理 站 点 对 话 框, 单 击 完 成 按 钮, 完 成 操 作 提 示 : 该 操 作 实 际 上 是 删 除 了 Dreamweaver 同 本 地 站 点 之 间 的 关 系, 但 是 实 际 上 本 地 站 点 的 内 容, 包 括 文 件 夹 和 文 档 等, 都 依 然 保 存 在 磁 盘 相 应 的 位 置 上, 用 户 可 以 重 新 创 建 指 向 其 位 置 的 新 站 点, 重 新 对 其 进 行 管 理 3. 复 制 站 点 有 时 希 望 创 建 多 个 结 构 相 同 或 类 似 的 站 点, 这 时 可 以 利 用 站 点 的 复 制 特 性 首 先 从 一 个 基 准 站 点 上 复 制 出 多 个 站 点, 然 后 根 据 需 要 分 别 对 各 个 站 点 进 行 编 辑, 这 能 够 极 大 地 提 高 工 作 效 率 (1) 在 管 理 站 点 对 话 框 中 选 择 要 复 制 的 站 点, 单 击 复 制 按 钮, 即 可 将 该 站 点 复 制, 新 复 制 出 的 站 点 名 称 将 会 出 现 在 管 理 站 点 对 话 框 的 站 点 列 表 中 该 名 称 采 用 原 站 点 名 称 后 添 加 我 的 小 站 复 制 字 样 的 形 式, 如 图 2.33 所 示 您 不 能 撤 销 该 动 作 要 删 除 选 中 的 站 点 吗? 图 2.32 确 认 删 除 对 话 框 图 2.33 管 理 站 点 对 话 框 40

第 2 章 认 识 Dreamweaver 8 41 如 有 需 要, 可 以 选 中 新 复 制 的 站 点, 然 后 单 击 编 辑 按 钮, 对 之 进 行 编 辑, 例 如 修 改 站 点 名 称 等 (2) 在 管 理 站 点 对 话 框 中 单 击 完 成 按 钮, 完 成 对 该 站 点 复 制 的 操 作 2.5.3 操 作 站 点 文 件 利 用 站 点 窗 口, 可 以 对 本 地 站 点 的 文 件 夹 和 文 件 进 行 创 建 删 除 和 复 制 等 操 作 1. 创 建 文 件 和 文 件 夹 创 建 文 件 的 方 法 与 创 建 文 件 夹 的 方 法 类 似, 具 体 操 作 步 骤 如 下 (1) 选 择 一 个 本 地 站 点 文 件 列 表 (2) 右 击 准 备 新 建 文 件 的 父 级 文 件 夹 (3) 在 弹 出 的 快 捷 菜 单 中 选 择 新 建 文 件 或 新 建 文 件 夹 命 令, 如 图 2.34 所 示 图 2.34 快 捷 菜 单 (4) 文 件 或 文 件 夹 刚 被 创 建 时, 其 名 称 区 域 处 于 编 辑 状 态, 可 以 修 改 其 名 称, 如 图 2.35 所 示 输 入 名 称 后, 单 击 输 入 区 外 的 任 意 位 置, 即 可 完 成 对 文 件 或 文 件 夹 的 重 命 名 在 这 里 输 入 新 的 文 件 名 图 2.35 新 建 文 件 提 示 : 如 果 要 修 改 文 件 的 名 称 或 文 件 夹 的 名 称, 可 以 单 击 文 件 的 名 称 或 文 件 夹 的 名 称, 或 按 下 F2 键, 激 活 文 字 编 辑 状 态, 然 后 输 入 想 要 的 名 称 即 可 2. 文 件 的 移 动 和 复 制 与 大 多 数 文 件 管 理 器 一 样, 用 户 可 以 利 用 剪 切 复 制 和 粘 贴 操 作 来 实 现 文 件 或 文 件 夹 41

42 网 页 设 计 与 制 作 教 程 与 实 训 的 移 动 和 复 制 具 体 操 作 步 骤 如 下 (1) 选 择 一 个 本 地 站 点 的 文 件 列 表 (2) 右 击 要 移 动 或 复 制 的 文 件 ( 或 文 件 夹 ) (3) 选 择 编 辑 命 令, 其 子 菜 单 中 有 剪 切 复 制 等 操 作 命 令 选 项, 如 图 2.36 所 示 (4) 如 果 要 进 行 移 动 操 作, 可 以 选 择 剪 切 命 令 ; 如 果 要 进 行 复 制 操 作, 可 以 选 择 复 制 命 令 (5) 选 中 目 的 文 件 夹, 打 开 编 辑 菜 单, 选 择 粘 贴 命 令 文 件 或 文 件 夹 就 被 移 动 或 复 制 到 相 应 的 文 件 夹 中 实 际 上, 使 用 鼠 标 拖 动 的 方 法, 也 可 以 实 现 文 件 或 文 件 夹 的 移 动 操 作 从 站 点 窗 口 的 本 地 站 点 文 件 列 表 窗 口 中, 选 中 要 移 动 或 复 制 的 文 件 或 文 件 夹, 拖 动 选 中 的 文 件 或 文 件 夹, 然 后 将 其 移 动 到 目 标 文 件 夹 中, 再 释 放 鼠 标 提 示 : 移 动 或 复 制 文 件, 由 于 文 件 的 位 置 发 生 了 变 化, 其 中 的 链 接 信 息 ( 特 别 是 相 对 链 接 ) 可 能 发 生 了 相 应 的 变 化 Dreamweaver 8 会 打 开 如 图 2.37 所 示 的 对 话 框, 提 示 是 否 要 更 新 被 移 动 或 复 制 的 文 件 中 的 链 接 信 息 如 果 需 要 更 新, 则 从 列 表 中 选 择 要 更 新 的 文 件, 单 击 更 新 按 钮, 即 可 更 新 文 件 中 的 链 接 信 息 图 2.36 移 动 和 复 制 文 件 图 2.37 更 新 文 件 对 话 框 3. 删 除 文 件 图 2.38 确 定 是 否 要 删 除 要 从 本 地 文 件 列 表 中 删 除 文 件, 可 以 按 照 以 下 方 法 进 行 (1) 选 中 要 删 除 的 文 件 或 文 件 夹 (2) 在 编 辑 菜 单 中, 选 择 删 除 命 令, 或 按 下 Del 键 (3) 这 时 系 统 会 出 现 一 个 提 示 对 话 框, 询 问 用 户 是 否 真 的 要 删 除 文 件 或 文 件 夹, 如 图 2.38 所 示 单 击 是 按 钮, 即 可 将 文 件 或 文 件 夹 从 本 地 站 点 中 删 除 提 示 : 与 站 点 的 删 除 操 作 不 同, 对 文 件 或 文 件 夹 的 删 除 操 作, 会 从 磁 盘 上 真 正 地 删 除 相 应 的 文 件 或 文 件 夹 42

第 2 章 认 识 Dreamweaver 8 43 2.6 实 训 下 面 来 创 建 一 个 中 小 型 站 点 1. 特 色 说 明 由 于 将 来 必 须 将 本 地 站 点 根 目 录 内 所 保 存 的 HTML 文 件 及 各 种 图 片 文 件 全 部 发 送 到 某 个 ISP 的 服 务 空 间, 并 且 要 不 断 更 新 文 件 因 此, 必 须 使 用 Dreamweaver 8 定 义 一 个 本 地 和 远 程 站 点, 来 告 诉 Dreamweaver 8 文 件 在 本 地 和 远 程 的 存 放 位 置 本 例 通 过 一 个 中 小 型 站 点 的 完 整 创 建 过 程, 帮 助 初 学 者 熟 练 使 用 Dreamweaver 8 的 站 点 管 理 功 能, 使 初 学 者 既 学 会 使 用 文 件 面 板 分 门 别 类 地 管 理 文 件, 又 学 会 上 传 和 后 期 维 护 文 件 的 方 法 最 终 效 果 如 图 2.39 所 示 图 2.39 上 传 后 的 效 果 2. 操 作 步 骤 1) 创 建 本 地 文 件 夹 本 地 文 件 夹 是 Dreamweaver 8 站 点 的 工 作 目 录, 也 就 是 整 个 站 点 中 所 有 文 件 要 放 置 的 位 置 本 例 在 创 建 站 点 之 前, 首 先 在 本 地 硬 盘 的 根 目 录 D 下 创 建 文 件 夹 如 My Webs, 以 后 将 其 作 为 站 点 的 根 目 录 提 示 : 在 创 建 站 点 选 择 路 径 时, 最 好 选 择 某 个 文 件 夹 作 为 站 点, 不 要 将 站 点 根 目 录 直 接 设 置 在 根 目 录 C 或 D 下, 否 则 与 非 站 点 文 件 之 间 容 易 混 淆, 从 而 造 成 不 必 要 的 麻 烦 2) 定 义 本 地 站 点 本 地 文 件 夹 创 建 完 成 后, 要 通 过 Dreamweaver 8 的 文 件 面 板 进 行 设 置, 使 其 成 为 一 个 合 法 的 Dreamweaver 8 本 地 站 点 设 置 步 骤 如 下 (1) 打 开 文 件 面 板, 选 择 菜 单 站 点 新 建 站 点 命 令, 系 统 会 自 动 弹 出 站 点 定 义 对 话 框 (2) 在 该 对 话 框 中 选 择 高 级 标 签, 从 分 类 列 表 框 中 选 择 本 地 信 息, 在 站 点 名 称 文 本 框 中 输 入 网 页 设 计 与 制 作 教 程 与 实 训, 单 击 本 地 根 文 件 夹 右 边 的 浏 览 文 件 图 标, 在 弹 出 的 对 话 框 中 选 择 上 面 创 建 的 My Webs 文 件 夹 即 可 同 时 设 置 一 个 默 认 图 像 文 件 夹, 便 于 Dreamweaver 8 自 动 保 存 插 入 网 页 中 的 图 像 其 他 的 采 用 默 认 设 置 这 样 就 确 定 好 了 本 地 站 点 根 目 录 的 位 置 具 体 设 置 如 图 2.40 所 示 43

44 网 页 设 计 与 制 作 教 程 与 实 训 图 2.40 站 点 本 地 根 目 录 的 设 置 (3) 单 击 确 定 按 钮, 这 时 本 地 站 点 的 定 义 就 完 成 了 Dreamweaver 8 会 自 动 扫 描 站 点 中 的 文 件, 将 它 们 直 接 加 入 到 定 义 的 站 点 中 同 时 Dreamweaver 8 会 自 动 打 开 如 图 2.41 所 示 的 文 件 面 板 3) 管 理 站 点 文 件 在 文 件 面 板 的 列 表 框 中 出 现 刚 才 定 义 的 站 点 名 称 选 取 本 地 站 点 根 目 录 所 在 的 行, 使 本 地 站 点 根 目 录 所 在 的 行 高 亮 显 示, 然 后 右 击, 在 如 图 2.42 所 示 的 快 捷 菜 单 中 选 择 新 建 文 件 命 令, 这 时 会 出 现 如 图 2.43 所 示 的 HTML 文 件, 可 立 即 将 其 改 名 为 index.htm ; 同 样 选 取 本 地 站 点 根 目 录 所 在 的 行, 使 该 行 高 亮 显 示, 再 用 同 样 的 选 择 新 建 文 件 夹 命 令, 创 建 不 同 的 子 目 录, 方 便 日 后 将 不 同 类 型 的 文 件 存 放 在 不 同 的 子 目 录 中 结 果 如 图 2.44 所 示 图 2.41 文 件 面 板 图 2.42 快 捷 菜 单 图 2.43 新 建 的 HTML 文 件 图 2.44 不 同 类 型 的 子 目 录 4) 打 包 上 传 到 局 域 网 现 在 局 域 网 越 来 越 普 遍, 为 了 交 流 和 宣 传 的 方 便, 可 以 把 制 作 好 的 网 页 传 送 到 共 享 的 44

第 2 章 认 识 Dreamweaver 8 45 计 算 机 中, 让 整 个 局 域 网 内 被 赋 予 相 应 权 限 的 人 员 浏 览 下 面 就 以 在 公 共 计 算 机 房 如 何 将 作 品 上 传 到 教 师 机 上 为 例, 说 明 打 包 上 传 的 方 法 (1) 定 义 远 程 站 点 在 教 师 机 上 完 全 共 享 一 个 名 为 web 的 文 件 夹 选 择 菜 单 站 点 管 理 站 点 命 令, 打 开 如 图 2.45 所 示 的 管 理 站 点 对 话 框 在 管 理 站 点 的 对 话 框 中, 单 击 编 辑 按 钮 在 网 页 设 计 与 制 作 教 程 与 实 训 的 站 点 定 义 为 对 话 框 中, 选 择 高 级 标 签, 然 后 在 左 边 的 列 表 中 选 择 远 程 信 息, 此 时 右 边 出 现 远 程 信 息 的 设 置 选 项 在 访 问 下 拉 列 表 中 选 择 本 地 / 网 络 单 击 远 端 文 件 夹 右 边 的 图 标, 指 定 一 个 用 来 上 传 文 件 的 远 程 根 文 件 夹, 作 为 远 程 站 点 的 根 目 录 本 例 在 如 图 2.46 所 示 的 选 择 站 点 网 页 设 计 与 制 作 教 程 与 实 训 的 远 程 根 文 件 夹 对 话 框 中, 从 选 择 下 拉 列 表 中 选 择 网 上 邻 居 然 后 双 击 邻 近 的 计 算 机, 从 显 示 的 计 算 机 列 表 中 找 到 教 师 机, 双 击 教 师 机 图 标 之 后, 再 双 击 web 文 件 夹, 将 其 打 开, 单 击 选 择 按 钮, 这 时 远 程 信 息 的 设 置 变 成 如 图 2.47 所 示 的 样 子 图 2.45 管 理 站 点 对 话 框 图 2.46 选 择 网 上 邻 居 图 2.47 远 端 站 点 根 目 录 的 设 置 单 击 确 定 按 钮, 返 回 管 理 站 点 对 话 框, 再 单 击 完 成 按 钮, 系 统 将 自 动 打 开 文 件 面 板 单 击 扩 展 / 折 叠 按 钮, 在 远 端 站 点 列 表 框 内 可 以 看 到 如 图 2.48 所 示 的 远 程 站 点 根 目 录 45

46 网 页 设 计 与 制 作 教 程 与 实 训 图 2.48 远 程 站 点 根 目 录 (2) 上 传 文 件 定 义 完 远 程 站 点 后, 下 一 步 就 可 将 本 地 站 点 的 所 有 文 件 上 传 到 教 师 机 上 具 体 做 法 如 下 在 文 件 面 板 中, 选 择 本 地 站 点 根 目 录, 如 图 2.49 所 示 然 后 单 击 工 具 栏 中 的 上 传 文 件 按 钮, 这 时 系 统 会 弹 出 如 图 2.50 所 示 的 对 话 框 在 该 对 话 框 中 单 击 确 定 按 钮, 这 时 系 统 会 自 动 弹 出 一 个 连 接 到 网 页 设 计 与 制 作 与 实 训 对 话 框, 以 显 示 上 传 进 度 图 2.49 选 择 本 地 站 点 根 目 录 图 2.50 确 认 上 传 对 话 框 上 传 文 件 完 成 后, 在 文 件 面 板 左 边 的 远 端 站 点 列 表 框 内 出 现 了 被 上 传 的 文 件, 如 图 2.39 所 示, 表 明 上 传 成 功 提 示 : 最 好 将 本 地 站 点 和 远 程 站 点 设 置 为 同 样 的 结 构 这 样 当 操 作 完 本 地 站 点 后, 利 用 上 传 软 件 将 本 地 站 点 上 传 到 Internet 服 务 器 上, 可 以 保 证 远 程 站 点 是 本 地 站 点 的 完 整 复 制, 以 避 免 发 生 错 误 5) 远 程 与 本 地 站 点 同 步 第 一 次 上 传 站 点 之 后, 如 无 意 外, 远 程 与 本 机 的 网 页 文 件 应 该 是 一 样 的 但 由 于 站 点 内 容 也 许 不 只 由 一 个 人 编 辑 和 维 护, 这 样 就 容 易 造 成 两 处 文 件 不 一 样 的 情 况 即 使 是 完 全 由 自 己 编 辑 和 维 护 的 网 页, 在 过 了 一 段 时 间 之 后, 也 可 能 会 由 于 网 页 制 作 人 自 己 的 疏 忽, 将 本 不 该 删 除 的 网 页 删 掉, 而 由 于 文 件 众 多, 难 以 一 一 进 行 核 对 这 时 就 可 用 Dreamweaver 8 的 站 点 同 步 功 能 来 同 步 更 新 网 站 站 点 同 步 功 能 可 使 远 程 文 件 和 本 机 的 文 件 完 全 相 同, 方 便 地 进 行 后 期 维 护 具 体 操 作 步 骤 如 下 (1) 在 文 件 面 板 中, 选 择 菜 单 站 点 同 步 命 令, 弹 出 如 图 2.51 所 示 的 同 步 文 件 对 话 框 在 该 对 话 框 中, 将 同 步 设 为 整 个 网 页 设 计 与 制 作 与 实 训, 将 方 向 设 为 放 置 较 新 的 文 件 到 远 程, 以 便 让 Dreamweaver 8 自 动 寻 找 本 地 站 点 中 更 新 过 的 文 件 上 传 到 远 程 站 点 中 46

第 2 章 认 识 Dreamweaver 8 47 图 2.51 同 步 文 件 对 话 框 (2) 单 击 预 览 按 钮 之 后,Dreamweaver 8 会 自 动 扫 描 网 站 的 本 地 文 件 夹 和 远 程 目 录, 之 后 会 出 现 如 图 2.52 所 示 的 对 话 框, 上 面 显 示 了 本 地 需 要 上 传 的 文 件 列 表, 单 击 确 定 按 钮 即 可 至 此 本 例 的 全 部 操 作 就 介 绍 完 了 图 2.52 扫 描 网 站 的 结 果 2.7 小 结 本 章 主 要 介 绍 了 Dreamweaver 8 的 工 作 界 面 结 构 及 一 些 主 要 工 具 栏 的 使 用, 学 习 了 站 点 的 基 本 操 作 Dreamweaver 8 与 以 前 的 版 本 相 比, 在 功 能 方 面 更 加 强 大, 这 主 要 反 映 在 增 加 了 样 式 工 具 栏 插 入 Flash 视 频 内 容 支 持 ColdFusion MX 7 支 持 PHP 5 利 用 XML 数 据 进 行 可 视 化 创 作 以 及 在 CSS 样 式 方 面 的 改 变 学 习 Dreamweaver 8, 要 掌 握 插 入 栏 属 性 面 板 文 件 面 板 资 源 面 板 等 常 用 面 板 的 使 用 要 使 用 资 源 面 板, 必 须 先 将 本 地 站 点 设 置 好, 并 且 选 中 启 用 缓 存 复 选 框 要 把 本 地 站 点 上 的 网 页 放 到 网 络 中 运 行, 必 须 上 传 至 远 程 服 务 器 上, 所 以 需 要 创 建 远 程 站 点, 并 把 本 地 站 点 上 的 文 件 上 传 到 服 务 器 上 利 用 站 点 窗 口, 可 以 对 本 地 站 点 的 文 件 夹 和 文 件 进 行 创 建 删 除 和 复 制 等 操 作 2.8 习 题 1. 判 断 题 (1) Dreamweaver 8 不 能 使 用 JavaScript 语 言 ( ) (2) Dreamweaver 8 是 专 业 网 页 设 计 网 站 管 理 网 页 可 视 化 编 程 的 解 决 方 案 ( ) 47

48 网 页 设 计 与 制 作 教 程 与 实 训 (3) 选 择 窗 口 属 性 命 令, 可 以 打 开 属 性 面 板 ( ) (4) 文 档 工 具 栏 的 主 要 作 用 是 可 以 不 使 用 菜 单 命 令, 仅 通 过 快 捷 按 钮 就 可 以 更 方 便 地 控 制 文 档 的 视 图 显 示 ( ) (5) 在 Dreamweaver 8 中 可 以 选 择 3 种 工 作 区 布 局 ( ) (6) 在 Dreamweaver 8 中, 所 有 网 页 中 的 功 能 和 效 果 都 是 通 过 对 面 板 的 操 作 与 设 置 来 实 现 的 ( ) (7) 文 件 面 板 可 以 访 问 本 地 磁 盘 上 的 全 部 文 件, 但 是 与 Windows 资 源 管 理 器 完 全 不 同 ( ) (8) 所 谓 本 地 计 算 机 就 是 浏 览 者 所 使 用 的 计 算 机 ( ) (9) 大 多 数 资 源 面 板 操 作 与 站 点 列 表 和 收 藏 列 表 的 工 作 方 式 相 同 ( ) (10) 当 保 存 一 个 包 含 尚 未 在 站 点 中 使 用 的 颜 色 或 URL 的 新 文 件 时, 所 做 的 更 改 在 刷 新 站 点 列 表 之 前 一 定 会 出 现 在 站 点 面 板 中 ( ) 2. 填 空 题 (1) Dreamweaver 是 一 款 功 能 强 大 的 网 页 制 作 软 件 Dreamweaver 8 最 主 要 的 优 势 在 于 能 够, 是 一 种 工 作 效 率 更 高 的 操 作 系 统 它 在 操 作 方 法 界 面 风 格 方 面 更 加 具 有 人 性 化 (2) 创 建 表 格 的 设 置 面 板 是 Dreamweaver 8 中 改 变 最 大 的 几 部 分 之 一 增 加 了 和 辅 助 功 能 两 栏, 使 得 表 格 创 建 的 过 程 更 为 简 单 (3) 主 页 一 般 命 名 为, 而 且 必 须 存 放 在 网 站 的 根 目 录 下 (4) 在 Dreamweaver 8 中, 用 户 想 修 改 远 程 站 点 的 部 分 内 容, 也 可 以 通 过 站 点 的 设 置 更 新 远 程 服 务 器 的 文 件, 要 建 立 远 程 站 点, 必 须 先 (5) 有 两 种 创 建 Dreamweaver 8 站 点 的 方 法 : 打 开 Dreamweaver 8, 选 择 命 令, 或 者 在 面 板 中 单 击 (6) 在 对 话 框 中 单 击 按 钮 即 可 复 制 该 站 点 (7) 如 果 找 不 到 一 个 标 记 为 打 开 的 面 板 检 查 器 或 窗 口, 可 选 择 命 令 以 整 齐 地 列 出 所 有 打 开 的 面 板 (8) 与 站 点 的 删 除 操 作 不 同, 对 文 件 或 文 件 夹 的 删 除 操 作, 会 (9) 用 户 想 修 改 远 程 站 点 的 部 分 内 容, 也 可 以 通 过 设 置 更 新 远 程 服 务 器 的 文 件 (10) 默 认 情 况 下, 资 源 按 照 资 源 名 的 排 列 资 源 名 可 以 是 一 个 文 件 名, 如 颜 色 或 3. 操 作 题 (1) 自 定 义 Dreamweaver 8 的 界 面 (2) 创 建 一 个 网 页 并 在 网 页 中 插 入 文 档 48