E 项 目 了 解 Dreamweaver CS6 的 功 能 与 特 点 了 解 Dreamweaver CS6 的 界 面 环 境 与 功 能 掌 握 创 建 和 管 理 站 点 的 方 法 2.1 网 页 展 示 : 在 Dreamweaver 中 创 建 苏 州 园 林 网 页 20 启 动 Dreamweaver CS6, 打 开 表 格 文 档 Jiangsu, 在 文 档 窗 口 中 输 入 文 本 并 插 入 图 片, 制 作 苏 州 园 林 网 页, 效 果 如 图 2-1 所 示 图 2-1 苏 州 园 林 网 页 效 果 2.2 网 页 制 作 2.2.1 创 建 文 档 并 输 入 文 本 步 骤 1 双 击 桌 面 上 的 Dreamweaver CS6 快 捷 图 标, 如 图 2-2 所 示, 弹 出
2 Dreamweaver CS6 的 欢 迎 窗 口 图 2-2 Dreamweaver CS6 快 捷 图 标 步 骤 2 在 Dreamweaver CS6 欢 迎 窗 口 中 选 择 新 建 HTML 命 令 项, 如 图 2-3 所 示, 启 动 Dreamweaver CS6 并 创 建 新 文 档, 默 认 文 件 名 为 Untitled-1 21 图 2-3 Dreamweaver CS6 欢 迎 窗 口 步 骤 3 输 入 以 下 文 本, 如 图 2-4 所 示 文 本 内 容 如 下 苏 州 园 林 苏 州 园 林, 在 汉 族 建 筑 中 独 树 一 帜, 有 重 大 成 就 的 古 典 园 林 建 筑 苏 州 园 林 又 称 苏 州 古 典 园 林, 以 私 家 园 林 为 主 起 始 于 春 秋 时 期 吴 国 建 都 姑 苏 时, 形 成 于 五 代, 成 熟 于 宋 代, 兴 旺 鼎 盛 于 清 到 清 末 苏 州 已 有 各 色 园 林 一 百 七 十 多 处, 现 保 存 完 整 的 有 六 十 多 处, 对 外 开 放 的 园 林 有 十 九 处 1997 年, 苏 州 古 典 园 林 作 为 中 国 园 林 的 代 表 被 列 入 世 界 遗 产 名 录, 并 为 第 一 批 全 国 文 明 风 景 旅 游 区 示 范 点, 被 胜 誉 为 咫 尺 之 内 再 造 乾 坤, 是 中 华 园 林 文 化 的 翘 楚 和 骄 傲 作 为 苏 州 古 典 园 林 典 型 例 证 的 拙 政 园 留 园 网 师 园 和 环 秀 山 庄, 诞 生 于 苏 州 私 家 园 林 发 展 的 鼎 盛 时 期, 以 其 意 境 深 远 构 筑 精 致 艺 术 高 雅 文 化 内 涵 丰 富 而 成 为 苏 州 众 多 古 典 园 林 的 典 范 与 代 表
图 2-4 输 入 文 本 2.2.2 在 文 档 中 插 入 图 像 元 素 并 预 览 网 页 22 步 骤 1 将 光 标 定 位 在 第 一 段 文 本 的 下 一 行, 选 择 插 入 面 板 中 的 图 像 选 项, 如 图 2-5 所 示 步 骤 2 在 弹 出 的 选 择 图 像 源 文 件 对 话 框 中 选 择 文 件, 如 图 2-6 所 示, 单 击 确 定 按 钮 图 2-5 插 入 面 板 图 2-6 选 择 图 像 源 文 件 对 话 框 步 骤 3 在 弹 出 的 图 像 标 签 辅 助 功 能 属 性 对 话 框 中, 如 图 2-7 所 示, 单 击 确 定 按 钮 ; 插 入 图 像 效 果 如 图 2-8 所 示 图 2-7 图 像 标 签 辅 助 功 能 属 性 对 话 框
2 图 2-8 插 入 图 像 后 的 效 果 步 骤 4 在 图 像 前 插 入 空 格, 可 以 使 图 像 居 中 步 骤 5 执 行 文 件 保 存 命 令, 保 存 文 件 步 骤 6 单 击 文 档 工 具 栏 上 的 预 览 按 钮, 网 页 浏 览 效 果 如 图 2-1 所 示 23 2.3 知 识 链 接 Dreamweaver 是 在 1997 年 由 Macromedia 公 司 推 出 的 Web 应 用 开 发 工 具, 历 经 多 次 升 级 2005 年,Adobe 公 司 收 购 Macromedia, 从 此,Dreamweaver 归 Adobe 所 有 Dreamweaver 不 仅 能 帮 助 初 学 者 迅 速 成 长 为 网 页 制 作 高 手, 而 且 为 专 业 设 计 师 提 供 了 强 大 的 开 发 工 具 和 无 穷 的 创 作 灵 感 因 此,Dreamweaver 备 受 业 界 人 士 的 推 崇, 在 众 多 专 业 网 站 和 企 业 应 用 中 都 将 其 列 为 首 选 工 具 2.3.1 Dreamweaver CS6 功 能 简 介 Dreamweaver 是 一 款 可 视 化 网 页 设 计 与 制 作 软 件, 用 于 网 页 的 设 计 编 码 和 网 站 管 理 在 Dreamweaver 的 工 作 界 面 内 既 可 以 编 写 HTML 代 码 制 作 网 页, 也 可 以 在 可 视 化 编 辑 环 境 中 所 见 即 所 得 来 完 成 网 页 制 作 1.Dreamweaver 的 功 能 (1) 多 种 视 图 模 式 Dreamweaver 提 供 了 代 码 设 计 和 拆 分 3 种 视 图 模 式 代 码 视 图 可 以 直 接 用 HTML 编 写 网 页, 能 够 对 源 代 码 进 行 精 确 控 制 ; 设 计 视 图 以 所 见 即 所 得 的 方 式, 不 必 书 写 网 页 源 代 码, 也 可 以 制 作 出 漂 亮 的 网 页 ; 拆 分 视 图 是 将 窗 口 分 为 左 右 两 部 分, 分 别 以 代 码 和 设 计 视 图 模 式 显 示 网 页, 如 图 2-9 所 示 (2) 对 象 插 入 功 能 Dreamweaver 在 插 入 面 板 中 提 供 了 常 用 字 符 表 格 框 架 电 子 邮 箱 和 Flash 动 画 等 功 能 按 钮, 单 击 这 些 按 钮, 可 以 快 速 完 成 目 标 对 象 的 制 作
图 2-9 拆 分 视 图 模 式 24 (3) 属 性 设 置 功 能 Dreamweaver 提 供 了 属 性 面 板, 可 以 在 其 中 直 接 设 置 和 修 改 对 象 的 属 性 (4)CSS 样 式 设 置 方 式 Dreamweaver 提 供 了 CSS 样 式 面 板, 可 以 在 其 中 快 速 创 建 查 找 和 修 改 目 标 样 式 (5) 资 源 管 理 功 能 在 Dreamweaver 中 建 立 站 点 后, 通 过 资 源 管 理 面 板, 可 以 统 一 管 理 和 使 用 站 点 中 的 资 源 (6) 动 态 网 页 设 计 使 用 Dreamweaver 可 以 开 发 带 数 据 库 的 动 态 网 站, 可 以 生 成 采 用 ASP(Active Server Pages) JSP(Java Server Pages) 和 PHP(Personal Home Pages) 等 技 术 连 接 标 准 服 务 器 的 应 用 程 序 (7) 内 置 大 量 行 为 Dreamweaver 中 内 置 了 大 量 的 行 为, 通 过 行 为 面 板 可 以 快 速 添 加 特 殊 效 果, 如 图 像 载 入 设 置 背 景 音 乐 等 (8) 网 站 管 理 功 能 Dreamweaver 不 仅 能 够 编 辑 网 页, 还 能 够 实 现 本 地 站 点 与 服 务 器 之 间 的 文 件 同 步 利 用 库 模 板 等 到 功 能, 可 以 进 行 大 型 网 站 的 开 发 对 大 型 网 站 可 以 使 用 文 件 操 作 权 限 的 限 制, 具 有 一 定 的 安 全 保 护 功 能 2.Dreamweaver CS6 的 新 增 功 能 Dreamweaver CS6 是 目 前 较 新 版 本, 新 增 功 能 如 下 (1) 利 用 Adobe Dreamweaver CS6 软 件 中 改 善 的 FTP 性 能, 更 高 效 地 传 输 大 型 文 件 更 新 的 实 时 视 图 和 多 屏 幕 预 览 面 板 可 呈 现 HTML5 代 码, 使 开 发 者 能 检 查 自 己 的 工 作 (2) 自 适 应 网 格 版 面 使 用 响 应 迅 速 的 CSS3 自 适 应 网 格 版 面, 来 创 建 跨 平 台 和 跨 浏 览 器 的 兼 容 网 页 设 计 利 用 简 洁 业 界 标 准 的 代 码 为 各 种 不 同 设 备 和 计 算 机 开 发 项 目, 提 高 工 作 效 率 直 观 地 创 建 复 杂 网 页 设 计 和 页 面 版 面, 无 须 忙 于 编 写 代 码 (3) 改 善 的 FTP 性 能 利 用 重 新 改 良 的 多 线 程 FTP 传 输 工 具 节 省 上 传 大 型 文 件 的 时 间 更 快 速 高 效 地 上 传 网 站 文 件, 缩 短 制 作 时 间 (4)Catalyst 集 成 使 用 Dreamweaver 中 集 成 的 Business Catalyst 面 板 连 接 并 编 辑 开
2 发 者 利 用 Adobe Business Catalyst( 需 另 外 购 买 ) 建 立 的 网 站 利 用 托 管 解 决 方 案 建 立 电 子 商 务 网 站 (5) 增 强 型 jquery 移 动 支 持 使 用 更 新 的 jquery 移 动 框 架 支 持 为 ios 和 Android 平 台 建 立 本 地 应 用 程 序 建 立 触 及 移 动 受 众 的 应 用 程 序, 同 时 简 化 开 发 者 的 移 动 开 发 工 作 流 程 (6) 更 新 的 PhoneGap 支 持 更 新 的 Adobe PhoneGap 支 持 可 轻 松 为 Android 和 ios 建 立 和 封 装 本 地 应 用 程 序 通 过 改 编 现 有 的 HTML 代 码 来 创 建 移 动 应 用 程 序 使 用 PhoneGap 模 拟 器 检 查 开 发 者 的 设 计 (7)CSS3 转 换 将 CSS 属 性 变 化 制 成 动 画 转 换 效 果, 使 网 页 设 计 栩 栩 如 生 在 开 发 者 处 理 网 页 元 素 和 创 建 优 美 效 果 时 保 持 对 网 页 设 计 的 精 准 控 制 (8) 更 新 的 实 时 视 图 使 用 更 新 的 实 时 视 图 功 能 在 发 布 前 测 试 页 面 实 时 视 图 现 已 使 用 最 新 版 的 WebKit 转 换 引 擎, 能 够 提 供 绝 佳 的 HTML5 支 持 (9) 更 新 的 多 屏 幕 预 览 面 板 利 用 更 新 的 多 屏 幕 预 览 面 板 检 查 智 能 手 机 平 板 电 脑 和 台 式 机 所 建 立 项 目 的 显 示 画 面 增 强 型 面 板 能 够 让 开 发 者 检 查 HTML5 内 容 呈 现 2.3.2 Dreamweaver CS6 的 工 作 界 面 25 启 动 Dreamweaver CS6 后, 首 先 显 示 欢 迎 界 面, 用 户 可 以 从 中 选 择 新 建 或 打 开 文 档, 即 可 进 入 Dreamweaver CS6 的 工 作 界 面, 如 图 2-10 所 示 在 Dreamweaver CS6 工 作 界 面 中 将 全 部 元 素 置 于 一 个 窗 口 的 集 成 布 局 1. 标 题 栏 图 2-10 Dreamweaver CS6 的 工 作 界 面 标 题 栏 位 于 工 作 界 面 的 最 上 面, 左 侧 用 来 显 示 当 前 正 在 运 行 的 应 用 程 序 名 称, 右 侧
为 最 小 化 最 大 化 ( 还 原 ) 和 关 闭 按 钮, 如 图 2-11 所 示 图 2-11 标 题 栏 2. 菜 单 栏 菜 单 栏 位 于 标 题 栏 下 方, 几 乎 所 有 的 操 作 都 可 以 通 过 菜 单 栏 来 完 成 Dreamweaver CS6 的 菜 单 栏 包 括 : 文 件 编 辑 查 看 插 入 修 改 和 格 式 等 10 个 菜 单 项, 如 图 2-12 所 示 3. 文 档 窗 口 图 2-12 菜 单 栏 26 文 档 窗 口 用 来 显 示 当 前 创 建 或 编 辑 的 文 档, 可 以 加 入 任 何 有 关 的 网 页 组 件, 如 文 本 图 片 和 动 画 等 默 认 的 文 档 窗 口 为 设 计 视 图, 如 图 2-13 所 示, 创 建 的 内 容 所 见 即 所 得, 极 大 地 方 便 了 用 户 ;Dreamweaver 为 用 户 提 供 了 3 种 视 图 方 式 : 代 码 拆 分 和 设 计 视 图 图 2-13 设 计 视 图 文 档 窗 口 的 标 题 栏 左 侧 显 示 文 档 的 文 件 名, 右 侧 显 示 了 文 档 的 路 径 和 还 原 按 钮 ; 单 击 还 原 按 钮, 文 档 窗 口 显 示 效 果 如 图 2-14 所 示 4. 工 具 栏 执 行 查 看 工 具 栏 菜 单 命 令, 在 子 菜 单 中 可 以 选 择 打 开 样 式 呈 现 文 档 和 标 准 3 种 工 具 栏, 如 图 2-15 所 示
2 图 2-14 文 档 窗 口 样 式 呈 现 工 具 栏 如 图 2-16 所 示, 当 在 文 档 中 使 用 依 赖 于 媒 体 的 样 式 表 时, 此 工 具 栏 才 有 用, 能 够 查 看 设 计 在 不 同 媒 体 类 型 中 的 呈 现 方 式 27 图 2-15 查 看 工 具 栏 命 令 子 菜 单 图 2-16 样 式 呈 现 工 具 栏 文 档 工 具 栏 左 侧 有 4 个 视 图 按 钮, 可 以 将 文 档 窗 口 分 别 切 换 为 代 码 拆 分 设 计 和 实 时 视 图 ; 在 标 题 文 本 框 中 可 以 输 入 网 页 的 标 题 ; 文 档 工 具 栏 右 侧 提 供 了 编 辑 网 页 时 常 用 的 功 能 按 钮, 可 以 在 各 按 钮 的 下 拉 菜 单 中 选 择 相 应 的 功 能 ; 在 默 认 状 态 下,Dreamweaver CS6 只 显 示 文 档 工 具 栏, 如 图 2-17 所 示 图 2-17 文 档 工 具 栏 标 准 工 具 栏 如 图 2-18 所 示, 主 要 是 一 些 常 用 的 文 件 操 作, 如 新 建 打 开 保 存 剪 切 和 复 制 网 页 文 件 等 图 2-18 标 准 工 具 栏 5. 属 性 面 板 执 行 窗 口 属 性 菜 单 命 令, 可 以 打 开 属 性 面 板, 如 图 2-19 所 示 属 性 面 板 用 于 显 示 在 文 档 窗 口 中 选 中 对 象 的 属 性, 在 属 性 面 板 中 可 以 对 对 象 的 属 性 直 接 进 行 设 置 和 修 改
图 2-19 属 性 面 板 6. 插 入 面 板 执 行 窗 口 插 入 菜 单 命 令, 可 以 打 开 插 入 面 板, 如 图 2-20 所 示 7. 浮 动 面 板 执 行 窗 口 执 行 菜 单 命 令, 可 以 打 开 浮 动 面 板, 如 图 2-21 所 示 浮 动 面 板 是 一 些 工 具 的 集 合, 可 以 将 各 种 窗 口 面 板 置 于 其 中, 它 可 以 浮 动 于 文 档 窗 口 之 上, 方 便 用 户 在 文 档 和 面 板 之 间 切 换 28 图 2-20 插 入 面 板 图 2-21 浮 动 面 板 8. 状 态 栏 状 态 栏 位 于 文 档 窗 口 的 底 部, 如 图 2-22 所 示 状 态 栏 左 侧 显 示 的 是 标 签 选 择 器, 显 示 当 前 选 定 标 签 的 层 次 结 构, 如 单 击 标 签 <img> 可 以 选 择 图 片 状 态 栏 右 侧 显 示 一 些 常 用 的 工 具, 如 选 取 手 形 和 缩 放 工 具 等, 以 方 便 用 户 对 文 档 的 操 作 另 外 还 显 示 了 正 在 创 建 的 文 档 相 关 的 信 息, 如 当 前 文 档 窗 口 大 小 下 载 文 件 大 小 / 估 计 下 载 时 间 等 图 2-22 状 态 栏 2.3.3 首 选 参 数 设 置 为 了 使 Dreamweaver 的 工 作 界 面 更 个 性 化, 在 使 用 前 可 以 做 一 些 基 础 设 置, 如 是 否 打 开 或 关 闭 某 提 示 信 息 框 选 择 默 认 的 网 页 语 言 版 本 等 启 动 Dreamweaver 后, 执 行 编 辑 首 选 参 数 命 令, 打 开 首 选 参 数 对 话 框, 如 图 2-23 所 示
2 图 2-23 首 选 参 数 对 话 框 选 择 默 认 文 档 为 HTML, 默 认 扩 展 名 为.html, 默 认 编 码 为 简 体 中 文 (GB2312) 默 认 编 码 可 以 根 据 需 要 选 择, 如 制 作 英 文 网 页 可 以 选 择 UTF B 编 码 在 首 选 参 数 对 话 框 中 选 择 辅 助 功 能 类 别, 不 勾 选 表 单 对 象 框 架 媒 体 和 图 像 这 4 项, 如 图 2-24 所 示, 单 击 确 定 按 钮 在 以 后 插 入 表 单 对 象 框 架 媒 体 和 图 像 时 将 阻 止 弹 出 属 性 提 示 框, 从 而 简 化 操 作 步 骤 29 图 2-24 设 置 首 选 参 数 2.3.4 文 件 的 基 本 操 作 1. 新 建 文 件 方 法 一 : 在 启 动 Dreamweaver CS6 时, 选 择 欢 迎 窗 口 中 的 新 建 HTML 命 令 项, 可 以 创 建 新 文 档
方 法 二 : 启 动 Dreamweaver CS6 后, 执 行 文 件 新 建 菜 单 命 令, 可 以 创 建 新 文 档 方 法 三 : 启 动 Dreamweaver CS6 后, 在 标 准 工 具 栏 上 单 击 新 建 工 具 按 钮, 可 以 创 建 新 文 档 2. 打 开 文 件 方 法 一 : 在 启 动 Dreamweaver CS6 时, 选 择 欢 迎 窗 口 中 的 打 开 最 近 的 项 目 打 开 命 令 项, 可 以 打 开 文 档 方 法 二 : 启 动 Dreamweaver CS6 后, 执 行 文 件 打 开 菜 单 命 令, 可 以 打 开 文 档 方 法 三 : 启 动 Dreamweaver CS6 后, 在 标 准 工 具 栏 上 单 击 打 开 工 具 按 钮, 可 以 打 开 文 档 3. 保 存 文 件 30 方 法 一 : 执 行 文 件 保 存 菜 单 命 令, 可 以 保 存 正 在 创 建 的 文 档 方 法 二 : 在 标 准 工 具 栏 上 单 击 保 存 按 钮, 可 以 保 存 正 在 创 建 的 文 档 方 法 三 : 在 标 准 工 具 栏 上 单 击 全 部 保 存 按 钮, 可 以 同 时 保 存 正 在 创 建 的 多 个 文 档 在 Dreamweaver CS6 中 创 建 的 新 文 档, 系 统 默 认 的 文 件 名 是 Untitled-1 使 用 HTML 语 言 编 写 的 网 页 为 静 态 网 页, 其 扩 展 名 是.html 使 用 ASP.NET PHP 和 Java 等 程 序 生 成 的 为 动 态 网 页, 其 扩 展 名 为.aspx.php.jsp 等 2.3.5 设 置 页 面 属 性 制 作 网 页 时, 首 先 需 要 设 置 文 档 的 页 面 属 性, 包 括 : 网 页 标 题 背 景 颜 色 或 图 像 页 边 距, 文 本 的 字 形 字 体 字 号 和 颜 色 等 方 法 一 : 执 行 修 改 页 面 属 性 菜 单 命 令, 在 弹 出 的 页 面 属 性 对 话 框 中, 可 以 设 置 页 面 的 各 类 属 性, 单 击 确 定 按 钮, 完 成 页 面 属 性 设 置, 如 图 2-25 所 示 图 2-25 页 面 属 性 对 话 框
2 方 法 二 : 单 击 属 性 面 板 上 的 页 面 属 性 按 钮, 也 可 以 设 置 页 面 属 性 页 面 属 性 对 话 框 中 各 类 属 性 的 含 义 如 下 外 观 : 用 于 设 置 页 面 的 背 景 颜 色 或 图 像 默 认 字 体 和 页 边 距 等 链 接 : 用 于 设 置 超 级 链 接 文 本 的 字 体 颜 色 和 下 画 线 样 式 等 标 题 : 用 于 重 新 定 义 HTML 文 档 各 级 标 题 的 格 式 标 题 / 编 码 : 用 于 设 置 在 浏 览 器 中 显 示 的 网 页 标 题 和 定 义 当 前 网 页 字 体 采 用 的 编 码 种 类 跟 踪 图 像 : 用 于 设 置 图 像 类 别, 可 以 在 设 计 页 面 时 插 入 用 作 参 考 的 图 像 文 件 2.3.6 创 建 与 管 理 站 点 1. 站 点 概 念 站 点 是 网 站 资 源 的 存 放 场 所, 网 站 的 所 有 资 源 都 需 要 保 存 在 站 点 内, 如 各 级 网 页 和 其 中 用 到 的 素 材 站 点 是 一 个 管 理 网 页 的 场 所, 在 Dreamweaver CS6 中 可 以 实 现 站 点 即 时 修 改, 帮 助 用 户 管 理 和 维 护 整 个 站 点 的 所 有 文 档, 自 动 更 新 和 修 复 文 档 中 的 链 接 和 路 径, 以 及 实 现 本 地 站 点 和 远 程 站 点 文 档 的 同 步 更 新 创 建 一 个 网 站, 不 论 是 仅 有 几 个 简 单 网 页 的 个 人 网 站, 还 是 包 括 成 百 上 千 个 网 页 的 超 大 网 站, 在 设 计 之 前 都 要 对 网 站 的 定 位 内 容 形 式 和 结 构 等 进 行 合 理 详 尽 的 规 划 网 站 规 划 分 为 : 网 站 的 功 能 栏 目 结 构 命 名 和 人 员 规 划 等 内 容 设 置 网 站 栏 目 时 要 紧 扣 主 题, 尽 量 将 最 有 价 值 最 近 更 新 的 内 容 列 在 显 要 的 栏 目 上, 并 可 以 设 置 动 态 交 互 性 栏 目, 或 为 访 问 者 服 务 的 栏 目, 如 问 题 解 答 资 源 下 载 等, 既 增 强 了 浏 览 者 的 参 与 性, 又 使 浏 览 者 得 到 实 质 性 的 服 务 网 站 建 设 的 系 统 设 计 方 法 分 为 : 自 顶 向 下 自 底 向 上 和 不 断 增 补 三 种 类 型 自 顶 向 下 设 计 方 法 是 指 先 从 整 个 网 站 的 首 页 开 始 设 计, 再 逐 层 向 下 设 计, 可 以 选 用 空 网 页 来 构 筑 整 个 网 站 的 框 架, 首 先 设 计 好 模 板, 使 网 站 具 有 统 一 的 风 格 如 果 只 对 具 体 网 页 的 信 息 内 容 和 服 务 方 式 有 所 了 解, 不 妨 采 用 自 底 向 上 的 方 法, 这 种 方 法 更 容 易 实 现 网 页 个 性 与 共 性 的 统 一 不 断 增 补 的 方 法 实 质 上 是 一 种 需 求 驱 动 的 设 计 方 法, 当 出 现 新 的 信 息 服 务 需 求 时 立 即 设 计 相 应 的 页 面, 从 而 可 以 在 较 短 的 时 间 内 在 新 网 页 中 发 布 信 息 本 书 项 目 3~ 项 目 11 引 导 大 家 制 作 了 乐 途 网 旅 游 网 站, 页 面 设 计 新 颖, 色 彩 运 用 大 胆, 以 吸 引 浏 览 者 的 关 注 和 兴 致 网 站 的 系 统 设 计 采 用 了 自 顶 向 下 的 方 法, 页 面 超 级 链 接 的 树 形 结 构 如 图 2-26 所 示 乐 途 网 的 首 页 布 局 采 用 表 格 的 方 法, 分 为 顶 部 中 部 和 底 部, 为 了 体 现 Dreamweaver CS6 强 大 丰 富 的 页 面 布 局 功 能, 在 部 分 页 面 中 也 运 用 了 层 框 架 模 板 等 布 局 方 法 网 站 色 彩 定 位 为 绿 色, 运 用 各 种 不 同 色 阶 的 绿 色, 寓 意 大 自 然 的 生 机 盎 然 和 倡 导 绿 色 环 保 出 游 31 2. 站 点 创 建 站 点 分 为 远 程 站 点 和 本 地 站 点 创 建 一 个 本 地 站 点, 实 质 上 是 在 本 地 计 算 机 的 硬 盘 上 创 建 一 个 文 件 夹, 并 将 这 个 文 件 夹 定 义 为 站 点, 称 为 站 点 根 目 录 现 以 乐 途 网 为 例, 创 建 站 点, 操 作 步 骤 如 下
图 2-26 乐 途 网 超 级 链 接 结 构 图 步 骤 1 执 行 站 点 新 建 站 点 菜 单 命 令, 弹 出 未 命 名 站 点 1 的 站 点 定 义 为 对 话 框, 如 图 2-27 所 示 32 图 2-27 未 命 名 站 点 1 的 站 点 定 义 为 对 话 框 步 骤 2 选 择 基 本 选 项 卡, 并 定 义 站 点 名 为 letuweb, 如 图 2-28 所 示 图 2-28 定 义 站 点 名 步 骤 3 选 择 高 级 设 置 选 项 卡, 弹 出 基 本 信 息 选 项, 设 置 默 认 图 像 文 件 夹 为 D:\letuweb\img, 如 图 2-29 所 示
2 图 2-29 站 点 设 置 对 象 letuweb 对 话 框 步 骤 4 单 击 保 存 按 钮, 在 文 件 面 板 中 可 以 看 到 已 定 义 好 的 站 点 letuweb, 如 图 2-30 所 示 33 图 2-30 在 文 件 面 板 中 显 示 站 点 3. 站 点 管 理 在 Dreamweaver CS6 中 可 以 同 时 管 理 多 个 站 点, 但 每 次 只 能 对 一 个 站 点 进 行 操 作, 在 文 件 面 板 中 可 以 切 换 站 点 执 行 站 点 管 理 站 点 菜 单 命 令, 弹 出 管 理 站 点 对 话 框, 如 图 2-31 所 示 图 2-31 管 理 站 点 对 话 框
在 管 理 站 点 对 话 框 中, 可 以 管 理 多 个 站 点, 实 现 对 站 点 的 创 建 编 辑 复 制 删 除 导 出 和 导 入 等 操 作 (1) 新 建 站 点 单 击 新 建 按 钮, 将 打 开 站 点 定 义 对 话 框, 可 以 创 建 新 站 点 (2) 编 辑 站 点 单 击 编 辑 按 钮, 将 重 新 打 开 所 选 站 点 的 站 点 定 义 对 话 框, 可 以 逐 步 修 改 站 点 属 性 (3) 复 制 站 点 单 击 复 制 按 钮, 可 以 复 制 选 中 的 站 点 复 制 站 点 功 能 可 以 省 掉 重 复 创 建 结 构 相 同 的 站 点 操 作, 可 以 保 持 站 点 相 似 的 风 格, 并 提 高 工 作 效 率 (4) 删 除 站 点 单 击 删 除 按 钮, 将 删 除 选 中 的 站 点 这 个 操 作 只 是 将 站 点 从 Dreamweaver 中 删 除, 网 站 的 文 件 仍 保 留 在 原 存 储 位 置 上, 并 没 有 被 删 除 (5) 导 出 站 点 单 击 导 出 按 钮, 在 弹 出 的 导 出 站 点 对 话 框 中 选 择 需 要 导 出 的 站 点, 如 图 2-32 所 示 34 图 2-32 导 出 站 点 对 话 框 单 击 保 存 按 钮, 生 成 一 个 XML 文 件 letuweb.set, 如 图 2-33 所 示, 需 要 时 可 以 再 次 导 入 图 2-33 生 成 XML 文 件
2 (6) 导 入 站 点 单 击 导 入 按 钮, 在 弹 出 的 导 入 站 点 对 话 框 中 选 择 需 要 导 入 的 站 点, 如 图 2-34 所 示, 单 击 打 开 按 钮, 可 以 导 入 站 点 35 图 2-34 导 入 站 点 对 话 框 2.4 总 结 提 升 Dreamweaver CS6 是 网 页 设 计 网 站 开 发 和 管 理 的 工 具, 它 提 供 了 代 码 编 辑 和 可 视 化 操 作 两 种 视 图, 且 能 自 由 切 换, 是 目 前 公 认 的 Web 应 用 开 发 最 强 大 的 软 件 本 项 目 主 要 介 绍 Dreamweaver CS6 的 功 能 特 点 操 作 环 境, 首 选 参 数 的 设 置 文 件 的 基 本 操 作 等 方 法 ; 站 点 的 创 建 和 管 理 是 Dreamweaver CS6 的 重 要 功 能 之 一, 正 确 地 设 置 页 面 属 性 是 编 辑 网 页 的 前 提, 掌 握 以 上 知 识 为 使 用 Dreamweaver CS6 设 计 制 作 网 页 和 网 站 管 理 奠 定 扎 实 的 基 础 2.5 拓 展 训 练 一 选 择 题 1. 在 Dreamweaver CS6 中 实 现 可 视 化 设 计 方 式 的 视 图 模 式 是 ( ) A. 代 码 视 图 B. 拆 分 视 图 C. 设 计 视 图 D. 实 时 视 图 2. 下 列 文 件 中 属 于 静 态 网 页 的 是 ( ), 属 于 动 态 网 页 的 是 ( ) A.index.asp B.index.dcr C.index.html D.index.jpg 二 填 空 题 1.Dreamweaver CS6 是 一 款 由 美 国 的 公 司 推 出 的 集 网 页 制 作 与 网 站 管 理 于
一 体 的 所 见 即 所 得 网 页 编 辑 器 2. 执 行 菜 单 命 令, 可 以 打 开 首 选 参 数 对 话 框 ; 执 行 菜 单 命 令, 可 以 打 开 页 面 属 性 对 话 框 3. 单 击 快 捷 键 可 以 显 示 插 入 面 板, 单 击 快 捷 键 可 以 显 示 属 性 面 板 三 简 述 题 1.Dreamweaver CS6 的 新 增 功 能 有 哪 些? 2. 简 述 Dreamweaver CS6 的 工 作 界 面 由 几 部 分 组 成 3. 简 述 站 点 的 创 建 方 法 四 实 践 题 在 本 地 计 算 机 的 D 盘 上 创 建 一 个 站 点 名 为 我 的 地 盘, 站 点 根 目 录 为 myweb 的 站 点 在 该 站 点 中 创 建 一 个 名 为 个 人 主 页 的 网 页, 设 置 页 面 属 性 并 输 入 文 本, 保 存 该 网 页 36