1 免 费 开 通 一 登 录 注 册 商 城 帐 号 ; 点 击 网 站 建 站 进 入 产 品 频 道 二 选 择 PC 版 或 手 机 + 微 信, 版 本 选 择 免 费 版 确 定 够 加 入 购 物 车, 则 免 费 开 通 建 站 三 进 入 会 员 中 心

Transcription

1 企 业 建 站 新 手 入 门 目 录 1 免 费 开 通 底 板 制 作 的 原 理 和 使 用 页 面 管 理 - 设 置 栏 目 链 接 添 加 页 面 和 页 面 管 理 导 航 栏 的 添 加 和 管 理 页 面 中 编 辑 文 字 页 面 中 添 加 图 片 模 版 并 编 辑 如 何 添 加 Link 到 文 本 和 图 片 或 其 他 元 素 添 加 通 栏 模 块 并 添 加 内 容 如 何 添 加 html 代 码 如 何 添 加 视 频 和 Flash 模 版 多 语 言 模 版 和 相 关 设 置 会 员 模 版 的 添 加 和 会 员 管 理 页 脚 ( 页 面 底 板 信 息 ) 的 添 加 和 修 改... 70

2 1 免 费 开 通 一 登 录 注 册 商 城 帐 号 ; 点 击 网 站 建 站 进 入 产 品 频 道 二 选 择 PC 版 或 手 机 + 微 信, 版 本 选 择 免 费 版 确 定 够 加 入 购 物 车, 则 免 费 开 通 建 站 三 进 入 会 员 中 心 高 级 管 理 获 取 建 站 平 台 地 址 帐 号 和 密 码 ; 四 选 择 相 应 频 道 登 录 建 站 平 台

3 五 开 通 后 点 击 用 户 中 心 > 网 站 编 辑 即 可 2 底 板 制 作 的 原 理 和 使 用 底 版 的 原 理 和 使 用 知 道 如 何 使 用 底 版, 会 减 少 您 50% 的 网 站 制 作 时 间! 什 么 是 底 版? 简 单 的 说 就 是 将 网 站 中 每 页 都 重 复 出 现 的 内 容 做 在 一 张 页 面 上 并 保 存 下 来, 以 后 在 添 加 新 页 面 时, 将 这 个 页 面 做 为 新 页 面 的 背 景, 这 些 重 复 的 内 容 就 不 用 再 重 新 去 做 了, 我 们 只 需 要 添 加 新 内 容 即 可 比 如 : 一 个 网 站 的 logo banner 导 航 条 每 页 都 不 变 化, 我 们 可 以 将 这 三 项 形 成 底 版 页, 新 增 页 面 只 需 应 用 一 下 底 版 页, 则 logo banner 和 导 航 就 不 用 再 重 新 去 做 了, 避 免 了 每 新 增 一 个 页 面 就 要 重 复 这 个 工 作, 可 以 节 省 不 少 时 间 底 版 页 的 制 作 方 法 : 点 击 编 辑 界 面 左 上 角 的 页 面 管 理, 下 拉 菜 单 展 开 后, 点 击 红 色 框 位 置 的 底 版 管 理 按 钮

4 系 统 会 切 换 到 底 版 管 理 的 页 面, 如 下 图 : 点 击 创 建 新 底 板, 如 下 图 :

5 输 入 底 版 名 称, 然 后 点 击 创 建 底 版, 系 统 会 创 建 该 空 白 底 版, 同 时 页 面 会 跳 转 到 新 的 底 版 页 的 编 辑 界 面 注 : 编 辑 底 板 的 过 程 中, 如 果 需 要 返 回 普 通 页 面, 点 击 底 板 管 理 右 边 的 小 图 标 即 可 如 图 : 这 时 您 就 可 以 在 这 个 空 白 页 上 编 辑 底 版 页 了 编 辑 好 并 保 存 后, 可 以 在 以 后 新 建 页 面 时 调 用 该 底 版 页 如 下 图 所 示 :

6 对 于 底 版 和 普 通 页 面 的 关 系 我 们 可 以 用 下 图 表 示 : 制 作 在 底 版 上 的 内 容, 页 面 套 用 后 请 勿 解 锁 否 则 底 版 修 改 后 页 面 不 会 同 步

7 3 页 面 管 理 - 设 置 栏 目 链 接 添 加 页 面 这 里 支 持 设 定 链 接 至 :1 默 认 链 接 2 站 外 链 接 3 文 件 4 电 子 邮 件 5 文 章 列 表 6 文 章 详 情 7 产 品 列 表 8 产 品 详 情 (1) 依 次 点 击 页 面 管 理 - 创 建 新 页 面 - 设 置 链 接 (2) 选 择 栏 目 的 链 接 类 型 1 默 认 链 接 : 相 当 于 链 接 到 创 建 的 这 个 页 面, 等 同 于 这 里 没 有 做 任 何 设 定, 同 时 还 起 到 清 除 设 定 链 接 的 功 能 2 站 外 链 接 : 可 以 链 接 到 外 部 URL 地 址, 如 3 文 件 : 可 以 链 接 到 文 件 管 理 器 上 传 的 任 意 文 件 4 电 子 邮 件 : 可 以 链 接 到 指 定 的 邮 箱, 客 户 点 击 后, 直 接 调 用 客 户 端 邮 件 发 送 软 件 如 (outlook,foxmail 等 )

8 5 文 章 列 表 : 可 以 链 接 到 指 定 分 类 的 文 章 列 表 6 文 章 详 情 : 可 以 链 接 到 指 定 的 某 篇 文 章 7 产 品 列 表 : 可 以 链 接 到 指 定 分 类 的 产 品 列 表 (3) 选 择 自 己 需 要 的 栏 目 内 容 (4) 录 入 页 面 名 称 和 页 面 地 址 然 后 保 存

9 保 存 后, 效 果 如 下 图 :

10 4 添 加 页 面 和 页 面 管 理 1. 什 么 是 页 面 : 我 们 用 不 同 的 页 面 对 需 要 展 示 的 内 容 进 行 分 类 以 求 达 到 整 洁 完 整 的 展 示 效 果 下 面 的 导 航 图 中 首 页 是 一 个 页 面, 关 于 我 们 等 等 都 各 是 一 个 页 面 2. 页 面 的 类 型 : 底 板 : 一 般 网 页 中, 多 个 页 面 均 共 享 同 一 个 公 司 logo,banner 图, 语 言 栏 目, 页 面 / 站 点 背 景 等 等 元 素, 在 这 个 情 况 下, 就 可 以 把 这 些 元 素 放 在 底 板 页 中, 然 后 在 建 立 普 通 页 面 的 时 候, 选 择 应 用 底 板 每 个 网 站 可 以 有 多 个 底 板, 也 可 能 只 是 用 同 一 个 底 板 ( 一 般 建 议 先 做 好 通 用 的 底 板, 再 建 立 普 通 页 面, 可 以 节 省 很 多 时 间 ) 具 体 的 使 用 会 在 第 七 课 中 讲 解 普 通 页 面 : 大 家 可 以 在 上 图 导 航 条 看 到 的 所 有 名 称, 每 个 都 是 一 个 页 面 ( 当 然, 也 可 以 存 在 导 航 条 不 显 示 的 普 通 页 面 ) 编 辑 时, 可 以 任 意 删 减 这 些 页 面, 或 者 新 增 其 它 的 页 面 每 个 页 面 可 以 有 子 页 面, 如 商 品 展 示 下 可 以 有 商 品 类 型 A, 商 品 类 型 B 等 等 通 常 这 些 页 面 都 会 直 接 在 导 航 条 显 示, 但 也 可 以 通 过 页 面 属 性 中 的 在 导 航 条 中 隐 藏 来 隐 藏 这 个 名 称 3. 建 立 页 面 的 方 式 : 开 通 建 站 的 时 候, 需 要 选 择 一 个 模 板, 模 板 已 有 建 好 的 页 面, 您 可 以 选 择 : a. 直 接 在 原 有 的 页 面 做 修 改, 替 换 成 自 己 的 内 容 ( 包 括 页 面 名 称, 内 容 等 等 全 部 可 以 更 改 ), 这 样 可 以 节 省 布 局 或 者 设 计 的 时 间 当 然, 您 也 可 以 : b. 删 除 原 有 的 页 面 再 新 建 所 需 要 的 页 面, 并 自 行 添 加 所 需 的 页 面 内 容, 如 : 导 航 条 文 字 模 块 图 片 模 块 会 员 模 块 等 等 并 按 自 己 的 想 法 进 行 布 局 和 设 计

11 4. 页 面 管 理 的 常 用 按 键 : 我 们 可 以 在 编 辑 页 面 左 上 角 看 到 网 站 的 所 有 页 面, 鼠 标 指 向 某 个 页 面 名 称 时, 可 以 见 到 这 些 按 钮, 如 下 图 所 示 : 其 中 红 色 区 域 为 页 面 管 理 的 基 本 功 能 按 钮. 下 图 中 红 色 方 框 中 按 钮 功 能 是 在 该 页 下 添 加 一 个 子 页 面, 比 如 我 们 在 首 页 下 添 加 优 惠 促 销 这 个 子 页 面 下 图 中 红 色 方 框 中 按 钮 功 能 复 制 页 面, 您 可 以 复 制 一 个 页 面. 如 果 您 的 网 站 有 许 多 页 面 有 相 同 的 模 块 时, 用 复 制 页 面 可 以 节 省 您 的 制 作 时 间 ( 用 底 版 也 可 以 达 到 相 同 效 果., 底 版 在 维 护 网 站 时 更 加 高 效 )

12 下 图 中 红 色 方 框 中 按 钮 功 能 转 存 为 底 版, 将 指 定 页 面 转 存 为 底 版 页. 这 样 在 做 网 站 时 可 以 重 复 调 用 底 版, 省 时 省 力 ; 另 外 网 站 做 好 以 后 需 要 维 护 时, 也 很 方 便, 比 如 要 换 张 图 片, 这 张 图 片 是 在 底 版 上, 我 们 只 需 要 换 掉 这 张 图, 全 站 凡 是 引 用 了 这 个 底 版 的 页 面 上 就 都 更 换 了. 我 们 可 以 把 底 版 想 象 成 另 外 一 种 形 式 的 背 景

13 下 图 中 红 色 方 框 中 按 钮 功 能 导 航 栏 上 可 见, 此 功 能 控 制 该 页 面 名 称 是 否 出 现 在 导 航 栏 上. 比 如 您 有 个 产 品 促 销 页 面, 由 于 有 一 定 的 时 效 性, 促 销 活 动 结 束 后, 就 可 以 点 这 个 功 能 按 钮 将 其 隐 去 下 次 举 行 类 似 活 动 时, 可 稍 微 修 改 一 下 ( 比 如 活 动 有 效 期, 产 品 信 息 等 ) 然 后 再 发 布 出 来 即 可

14 下 图 中 红 色 方 框 中 按 钮 功 能 页 面 属 性, 与 创 建 新 建 页 面 需 要 填 的 内 容 一 样, 这 里 我 们 可 以 进 行 调 整.

15 下 图 中 红 色 方 框 中 按 钮 功 能 删 除 该 页 面, 这 个 操 作 不 可 恢 复

16 5. 如 何 进 入 页 面 编 辑 : 在 决 定 修 改 或 者 新 增 页 面 前, 我 们 需 要 先 了 解 页 面 管 理 的 入 口 位 置 和 相 关 的 功 能 设 置 进 入 编 辑 页 面 后, 左 上 角 会 出 现 :

17 页 面 : 当 前 编 辑 的 是 普 通 页 面, 会 直 接 显 示 在 导 航 条 上, 除 非 设 置 了 导 航 条 上 隐 藏 首 页 : 现 有 所 有 页 面 名 称 中 的 一 个, 点 击 此 处 会 出 现 所 有 页 面 名 称 的 列 表, 从 而 进 入 各 个 页 面 的 编 辑 如 下 图 :

18 a. 页 面 管 理 : 管 理 各 个 普 通 页 面 b. 点 击 进 入 底 板 管 理, 可 以 添 加 多 个 底 板 并 应 用 于 不 同 的 页 面 中 c. 首 页 的 标 志, 首 页 是 一 个 网 站 打 开 时 的 默 认 页 面, 可 以 在 页 面 属 性 中 设 定 某 个 页 面 为 首 页 d. 鼠 标 拖 动 这 个 图 标, 可 以 移 动 页 面 的 顺 序 或 者 调 整 层 级 e. 页 面 的 功 能 按 钮, 从 左 到 右 为 : 添 加 子 页 面, 复 制 页 面, 复 制 为 底 板, 在 导 航 条 隐 藏 与 否, 页 面 属 性, 删 除 页 面, 后 面 会 详 细 介 绍 f. 新 建 一 个 页 面, 点 击 会 弹 出 新 窗 口 g. 页 面 数 较 多 时, 向 下 拖 可 以 查 看 底 部 的 其 它 页 面 如 果 您 需 要 在 网 站 里 添 加 一 个 新 页 面, 可 以 按 以 下 方 式 操 作 : 1. 点 击 编 辑 页 面 左 上 角 页 面 后 面 的 下 拉 单, 系 统 会 弹 出 以 下 窗 口 :

19 2. 点 击 创 建 新 页 面, 系 统 弹 出 以 下 窗 口 :

20 页 面 名 称 : 填 写 后 该 名 称 会 出 现 在 页 面 管 理 界 面, 如 果 您 选 择 了 导 航 显 示 则 该 名 称 会 出 现 在 导 航 栏 上 页 面 地 址 : 填 写 后 该 名 称 会 出 现 在 浏 览 器 上 显 示 的 地 址 内, 如 下 图 : 选 择 底 版 : 底 版 的 作 用 是 在 做 网 站 中, 一 些 每 页 都 要 重 复 出 现 的 内 容 我 们 把 它 们 单 独 放 在 一 个 底 版 上, 当 添 加 一 个 新 页 面 时 可 以 加 载 这 个 底 版, 那 这 些 重 复 出 现 的 内 容 就 不 需 要

21 从 头 再 去 做 了, 比 如 象 logo banner 导 航 条 背 景 图 等 等 我 们 也 可 以 形 象 的 把 它 认 为 是 网 页 的 一 个 特 殊 背 景 如 果 不 用 用 底 版 则 此 处 就 选 不 使 用 底 版 上 级 菜 单 : 因 为 我 们 的 系 统 支 持 二 级 页 面, 您 可 以 在 这 里 指 定 当 前 新 页 面 是 属 于 哪 个 页 面 下 的 二 级 页 面, 系 统 会 自 动 的 调 整 该 页 面 在 导 航 条 上 的 位 置 改 图 中 新 页 面 的 上 级 菜 单 为 关 于 我 们 设 置 密 码 : 当 该 页 面 访 问 需 要 进 行 密 码 认 证 时 可 在 此 设 置 密 码, 对 于 普 通 网 站 此 处 不 设 置 设 置 了 密 码 后, 访 问 该 页 面 需 要 输 入 密 码 : 设 置 seo :SiteStar Pro 建 站 系 统 支 持 seo 网 站 优 化, 您 可 以 在 此 单 独 设 置 该 页 面 的 搜 索 关 键 词 点 击 是 后, 系 统 弹 出 界 面 :

22 置 : 导 航 显 示 : 选 择 是, 则 该 页 面 将 出 现 在 导 航 条 上 该 操 作 也 可 以 直 接 在 页 面 管 理 处 设

23 显 示 页 脚 : 页 脚 一 般 是 指 网 站 的 最 底 部 的 信 息, 比 如 公 司 名 称 版 权 声 明 联 系 电 话 地 址 等 等. 当 页 面 选 择 显 示 页 脚 后, 在 该 页 面 最 底 部 就 会 出 现 一 个 灰 色 的 内 容 框, 您 可 以 在 此 处 编 辑 页 脚. 需 要 注 意 的 是 往 页 脚 里 添 动 模 块 时, 需 要 勾 选 模 块 属 性 里 的 底 部 元 素, 然 后 才 能 将 模 块 拖 进 页 脚 区, 如 下 图 :

24 站 外 链 接 : 在 此 处 输 入 链 接 地 址 后, 则 会 在 导 航 栏 上 建 立 一 个 链 接, 当 你 点 击 时 则 会 跳 转 到 这 个 链 接 地 址 如 果 在 空 格 位 置 填 上 #, 则 该 页 面 名 称 在 导 航 条 上 无 法 点 选, 一 般 这 个 会 使 用 在 : 当 前 页 面 下 有 子 页 面, 希 望 方 可 直 接 点 击 打 开 子 页 面 的 情 况 新 窗 口 : 是 指 当 点 击 导 航 栏 上 链 接 时, 是 否 新 打 开 一 个 窗 口 显 示 页 面 内 容 3. 比 如 我 们 要 创 建 一 个 空 白 页 面, 取 名 叫 测 试 页 面, 按 照 要 求 填 好 以 上 相 关 内 容 后, 系 统 就 会 创 建 好 新 页 面, 同 时 当 前 页 面 会 跳 转 到 新 的 页 面 上 在 左 上 角 可 以 看 到 当 前 所 在 页 面 的 名 称 :

25 至 此, 添 加 页 面 成 功! 您 可 以 开 始 对 页 面 内 进 行 各 类 型 模 块 的 编 辑 或 者 添 加 了 5 导 航 栏 的 添 加 和 管 理 通 过 编 辑 页 面 左 侧 的 添 加 模 块 按 钮, 将 导 航 栏 模 块 拖 到 编 辑 页 面 上

26 拖 放 成 功 后, 导 航 栏 出 现 在 页 面 上, 您 可 以 随 时 自 行 调 节 导 航 条 的 位 置

27 导 航 条 添 加 成 功 后, 如 果 不 喜 欢 默 认 的 样 式 或 者 颜 色, 您 可 以 对 这 些 进 行 调 整 导 航 条 的 工 具 条 上 有 多 个 功 能, 我 们 会 重 点 说 一 下 第 3 个 至 6 个 功 能 : a. 导 航 类 型 : 本 地 导 航 / 自 定 义 导 航 本 地 导 航 -- 我 们 事 先 已 经 设 置 好 的 导 航 的 样 式, 具 体 的 挑 选 可 以 在 样 式 功 能 处 选 择 自 定 义 导 航 您 可 以 自 行 设 计 自 己 需 要 的 导 航 模 式, 这 个 会 需 要 比 较 多 的 时 间, 一 般 都 会 选 择 使 用 本 地 导 航, 本 地 导 航 中 目 前 有 178 种, 分 为 横 向 和 纵 向 导 航 共 6 大 类, 每 种 类 别 都 有 对 应 多 种 颜 色 选 择, 同 时 提 供 子 菜 单 可 以 向 上 或 者 向 左 的 导 航 样 式

28 左 边 的 样 式 菜 单 中 您 可 以 选 择 喜 欢 的 导 航 栏 样 式 我 们 选 择 蓝 色 的 那 一 款 样 式 b. 菜 单 编 辑 : 点 击 菜 单 编 辑, 会 打 开 页 面 管 理 中 的 页 面 菜 单 ( 左 上 角 ), 在 这 里, 可 以 用 鼠 标 拖 拽 的 方 式 调 整 页 面 的 顺 序 c. 样 式 :

29 样 式 就 是 导 航 条 的 样 式, 从 这 里 选 择 的 都 是 本 地 导 航, 已 经 设 计 好 供 选 择 的 :

30 d. 样 式 设 置 : 如 何 改 变 导 航 栏 颜 色 字 号 间 距 及 下 拉 菜 单 样 式, 建 站 系 统 导 航 栏 的 样 式 设 置 功 能 非 常 强 大, 点 击 导 航 条 样 式 设 置 按 钮 ( 红 框 位 置 ) 在 这 里 您 可 以 对 主 菜 单 及 下 拉 菜 单 的 样 式 进 行 全 方 位 的 调 整 与 设 置, 属 于 导 航 条 的 进 阶 应 用 功 能. 具 体 的 功 能 操 作 大 家 可 以 在 实 践 中 熟 悉 和 体 会, 我 们 把 几 个 概 念 在 下 面 解 释 一 下 : 全 局 设 置 : 整 条 导 航 栏 的 整 体 部 分, 这 个 将 在 最 底 层, 效 果 不 明 显, 因 为 会 被 其 他 层 面 遮 挡 主 菜 单 : 即 打 开 网 页 看 到 的 导 航 栏 菜 单, 导 航 栏 上 一 般 是 我 们 的 各 页 面 的 名 字 主 菜 单 悬 停 : 即 当 鼠 标 放 在 导 航 栏 上 时, 导 航 栏 上 的 的 变 化 设 置 子 菜 单 : 即 主 菜 单 下 的 下 拉 子 菜 单 ( 子 页 面 ) 子 菜 单 悬 停 : 即 当 鼠 标 放 在 子 菜 单 上 时, 子 菜 单 的 变 化 设 置 e. 属 性 : 导 航 栏 的 属 性 设 置 和 文 本 模 块 图 片 模 块 的 使 用 是 完 全 一 样 的

31 边 框 : a. 导 航 栏 四 周 的 边 框, 可 设 实 线 虚 线, 可 选 择 实 线 / 虚 线 的 颜 色, 粗 细 b. 圆 角 设 置 : 导 航 栏 的 四 角 挫 圆 c. 页 脚 元 素 : 在 前 面 那 个 框 打 上 勾 后, 就 能 进 入 网 站 的 最 底 部, 而 不 是 往 下 压 常 用 : 旋 转 : 如 导 航 栏 铺 满 整 个 页 面 的 话, 旋 转 效 果 会 异 常, 因 为 不 够 空 间 来 移 动 这 时, 就 需 要 把 导 航 栏 缩 小 并 居 中 背 景 : 导 航 背 景 更 换, 效 果 将 显 示 在 导 航 栏 的 全 局 1. 创 建 二 级 页 面 ( 子 页 面 ): 假 如 我 们 要 添 加 一 个 叫 最 新 动 态 的 页 面 做 为 行 业 新 闻 的 二 级 页 面, 可 按 以 下 方 法 操 作 : 同 上 点 击 创 建 新 页 面, 打 开 新 增 页 面 的 对 话 框 \

32 在 所 属 主 页 下 拉 框 中 选 中 行 业 新 闻, 表 明 当 前 正 在 创 建 的 页 面 是 行 业 新 闻 页 面 的 下 级 页 面 然 后 点 保 存, 创 建 成 功 这 时 我 们 再 看 之 前 的 导 航 栏, 在 行 业 新 闻 下 已 经 出 现 了 一 个 二 级 页 面 了 如 下 图 : 2. 如 何 将 页 面 在 导 航 栏 上 隐 藏 : 3. 在 页 面 管 理 里 点 中 下 图 红 框 位 置 眼 晴 图 样, 即 可 让 页 面 在 导 航 栏 上 隐 藏, 再 次 点 击 就 会 显 示, 非 常 简 单

33 6 页 面 中 编 辑 文 字 文 本 模 块 让 我 们 正 式 进 入 网 站 页 面 的 编 辑 工 作. 对 于 一 个 网 站 来 说, 文 字 和 图 片 是 最 主 要 的 两 种 内 容 表 现 形 式, 先 看 看 如 何 在 网 页 中 新 增 文 本 模 块 或 者 修 改 模 板 原 有 的 文 本 模 块 内 的 内 容 下 面 看 看 如 何 新 增 文 本 模 块, 继 而 将 修 改 模 板 中 自 有 的 模 块 内 容 详 细 阐 述 1 新 增 文 本 模 块 置 想 新 增 一 段 文 字, 可 按 以 下 方 法 操 作 : 点 击 编 辑 界 面 左 上 角 添 加 按 钮, 然 后 会 弹 出 不 同 的 功 能 模 块 图 标 这 些 模 块 都 是 我 们 网 站 设 计 中 的 常 用 模 块, 鼠 标 放 到 第 一 个 文 本 模 块 上, 选 中 并 且 向 网 页 中 拖 动, 此 时 文 本 图 标 会 跟 随 鼠 标 动 作. 我 们 将 其 放 在 网 站 中 想 要 放 置 的 位 置, 然 后 放 开 鼠 标 左 键, 文 本 模 块 就 停 留 在 网 页 上 了, 如 下 图 所 示 :

34 双 击 编 辑 区 域 就 可 以 调 用 出 文 本 编 辑 工 具 条, 进 行 文 本 编 辑. 文 本 模 块 上 方 有 一 排 功 能 按 钮, 他 们 的 具 体 功 能 如 下 : : 网 站 是 由 很 多 的 模 块 组 成 的, 这 样 就 会 有 层 次 的 关 系, 这 两 个 功 能 可 以 将 模 块 移 到 上 一 层 或 下 一 层, 这 是 每 个 不 同 类 型 的 模 块 都 有 的 功 能, 不 局 限 于 文 本 模 块 ; : 内 容 编 辑, 点 击 后 即 可 调 出 文 本 编 辑 工 具 条, 可 对 文 本 进 行 增 删 字 体 字 号 颜 色 等 等 各 种 操 作 : : 模 块 属 性, 这 个 功 能 每 个 功 能 模 块 都 有, 我 们 可 以 在 这 里 设 置 模 块 的 边 框 线, 背 景 图 或 背 景 颜 色 等, 让 模 块 具 有 更 强 的 表 现 力 功 能 界 面 如 下 : 勾 选 页 脚 元 素 后, 这 个 模 块 可 以 被 拖 入 网 页 的 页 脚 中

35 : 对 齐 按 钮, 您 可 以 在 这 里 进 行 模 块 对 齐, 我 们 提 供 了 丰 富 的 对 齐 功 能. 您 在 做 网 站 时, 可 以 使 用 此 功 能 进 行 单 模 块 多 模 块 的 对 齐, 让 您 网 站 更 整 齐 美 观 : 上 锁 功 能, 当 您 的 页 面 模 块 调 整 好 位 置 后, 为 避 免 误 操 作 带 来 的 不 便, 点 击 该 按 钮 对 该 模 块 上 锁, 一 旦 上 锁 之 后, 该 模 块 就 无 法 用 鼠 标 移 动 位 置, 除 非 进 行 解 锁. 上 锁 后 状 态 为 : : 模 块 删 除 按 钮 点 此 按 钮 模 块 被 删 除, 如 需 要 恢 复, 直 接 点 击 撤 销 即 可 保 存 当 前 页 面 并 进 入 另 一 个 页 面 后, 无 法 删 除 后 进 行 保 存 后, 该 模 块 无 法 恢 复, 请 谨 慎 操 作 特 别 提 示 : 1) 模 块 的 基 本 功 能 对 于 文 本 模 块 的 功 能 按 钮, 除 红 框 处 的 编 辑 按 钮 之 外, 其 它 模 块 也 具 有 这 些 功 能 按 钮. 因 此 我 们 掌 握 了 这 些 按 钮 的 功 能, 也 就 掌 握 了 其 它 模 块 的 部 分 功 能. 2) 模 块 的 旋 转 我 们 所 有 的 模 块 均 支 持 旋 转, 通 过 旋 转, 您 可 以 创 造 出 更 个 性 化 的 网 页 效 果, 下 图 为 一 个 文 字 模 块 在 一 张 图 片 上 的 旋 转 效 果 展 示 当 点 中 模 块 时, 在 右 上 角 会 有 出 现, 点 中 拖 动 即 可 旋 转 模 块 3) 移 动 模 块 位 置 建 站 中 的 所 有 模 块 均 可 以 移 动, 您 可 以 选 中 该 模 块, 用 鼠 标 将 其 拖 动 到 您 希 望 放 置 的 位 置 松 手 即 可 2. 修 改 网 页 中 的 文 字

36 除 了 新 增 文 本 模 块 并 输 入 内 容 外, 也 可 以 将 模 板 自 身 已 有 模 块 通 过 替 换 内 容 达 到 简 单 地 编 辑 的 功 效 如 需 要 将 内 容 变 成 自 己 公 司 或 者 个 人 的 内 容, 可 以 直 接 双 击 现 有 的 文 字 模 块, 对 里 面 的 文 字 进 行 编 辑, 如 删 除, 黏 贴 等 等, 这 种 方 式 同 样 非 常 容 易 操 作, 而 且 节 省 时 间 对 模 板 中 的 文 字 进 行 修 改 时, 可 直 接 双 击 该 段 文 字, 系 统 会 弹 出 文 本 编 辑 工 具 栏, 如 下 图 : 当 编 辑 条 出 现 时, 此 时 这 段 文 字 就 处 于 编 辑 状 态, 您 可 以 自 由 的 删 除 更 换 新 增 内 容. 您 也 可 以 调 整 字 体 大 小 字 体 颜 色 行 距 间 距 等, 可 以 添 加 链 接 居 中 撤 销 等. 此 工 具 条 的 使 用 与 绝 大 多 数 的 文 字 软 件 的 功 能 设 置 相 似 下 面 重 点 说 一 下 超 链 接 的 添 加 : 添 加 链 接 前, 必 须 选 中 相 应 的 文 字 或 者 图 片 ( 如 图 一 ), 选 中 后, 点 击 图 二 右 上 角 的 链 接 图 标 ( 其 中 一 个 为 链 接, 另 外 一 个 为 取 消 链 接 ), 可 以 选 择 链 接 至 : 页 面 网 址 ( 外 部 网 页 ) 电 子 邮 件 文 件 : a. 链 接 至 页 面 : 在 下 拉 框 中 选 择 对 应 的 页 面 名 称, 如 需 在 新 窗 口 中 打 开 这 个 链 接, 则 勾 选 在 新 窗 口 中 打 开 连 接 完 成 后, 点 击 保 存 后, 对 全 局 进 行 一 次 保 存, 即 可 预 览 效 果

37 b. 链 接 至 网 址 : 在 空 白 处 写 入 目 标 网 页 地 址, 如 需 在 新 窗 口 中 打 开 这 个 链 接, 则 勾 选 在 新 窗 口 中 打 开 连 接 完 成 后, 点 击 保 存 后, 对 全 局 进 行 一 次 保 存, 即 可 预 览 效 果 b. 链 接 至 电 子 邮 件 输 入 目 标 电 子 邮 件 地 址 和 邮 件 的 主 题, 点 击 保 存 后 预 览, 访 客 点 击 相 应 的 文 字, 只 要 这 个 访 客 的 电 脑 有 安 装 邮 件 本 地 客 户 端, 如 outlook 或 者 foxmail, 电 脑 系 统 会 自 动 弹 出 一 个 使 用 outlook 或 者 foxmail 发 送 电 邮 给 inquiry@eznow.com 的 主 题 为 产 品 咨 询 的 邮 件, 访 客 只 需 要 填 写 邮 件 内 容 即 可 c. 链 接 到 文 件 链 接 到 文 件 指 的 是 链 接 到 已 经 上 传 在 文 件 夹 中 的 文 件 点 击 时 会 直 接 打 开 这 个 文 件 ( 前

38 提 是 访 客 的 电 脑 必 须 支 持 这 个 文 件 的 程 序 类 型, 如 word 文 档 ) 7 页 面 中 添 加 图 片 模 版 并 编 辑 如 何 新 增 图 片 模 块 如 何 更 换 原 有 的 图 片 如 何 线 上 调 整 图 片 的 尺 寸 或 者 编 辑 图 片 如 何 为 图 片 添 加 链 接 如 何 为 图 片 模 块 添 加 边 框 背 景 等 等 提 示 :, 每 张 图 的 大 小 不 超 过 512KB( 一 般 网 页 图 片, 小 图 40KB 大 图 100KB 已 经 非 常 清 晰 ); 上 传 前, 请 根 据 个 人 需 要 先 调 节 好 图 片 的 尺 寸 比 例 ( 如 正 方 形 图 1:1, 长 方 形 图 3:2 或 者 4:3 或 其 它 比 例 ) 以 节 省 时 间 请 不 要 删 除 正 在 使 用 的 任 何 一 张 图 片, 否 则 可 能 会 造 成 页 面 模 块 无 法 显 示 等 现 象 1. 添 加 图 片 模 块 -- 给 网 页 添 加 一 张 图 片 首 先, 点 击 页 面 左 上 角 添 加, 在 弹 出 功 能 条 中 选 择 图 片 并 拖 至 页 面 中 的 任 意 位 置 : 松 手, 该 模 块 添 加 成 功, 后 续 仍 可 以 鼠 标 拖 动 该 模 块 进 行 任 意 移 动 松 手 后, 系 统 会 自 动 弹 出 图 片 选 择 界 面 :

39 在 这 个 界 面, 您 可 以 选 择 使 用 : a. 我 的 图 片 : 本 地 上 传 的 所 有 图 片 和 最 近 使 用 过 的 图 片 都 会 显 示 在 这 个 分 类 中 ( 如 果 之 前 添 加 过 子 分 类, 如 example 等, 则 需 要 点 击 example 后 方 可 选 择 这 个 类 别 下 的 图 片 ) 点 击 指 定 图 片 中 间 的 选 择 使 用 即 可 更 换 使 用 这 张 图 片 b. 互 联 网 图 片 : 点 击 后 会 出 现 输 入 图 片 URL 的 界 面 :

40 URL 地 址 必 须 为 一 张 图 片 在 某 个 网 页 上 的 地 址, 注 意, 这 个 地 址 必 须 是 以 图 片 格 式 后 缀 结 尾 的, 如 : 注 意 : 如 果 使 用 互 联 网 图 片, 系 统 会 自 动 在 我 的 图 片 处 保 留 一 个 副 本, 届 时 也 可 以 选 择 直 接 使 用 保 存 好 的 图 片 而 放 弃 URL 链 接 (URL 链 接 方 式 的 弊 端 : 如 果 对 方 网 页 撤 除 这 个 图 片, 自 己 的 网 页 上 将 无 法 显 示, 因 这 个 URL 链 接 已 经 不 再 存 在 ) d. 重 新 上 传 一 张 图 片 : 点 击 右 手 边 的 上 传 文 件 上 传 后 再 按 a 的 流 程 选 用 即 可 2. 替 换 现 有 模 板 中 的 图 片 如 果 喜 欢 模 板 中 原 有 的 布 局, 可 以 直 接 将 模 板 中 的 某 个 图 片 替 换 成 自 己 的 图 片 以 节 省 设 计 时 间 ( 注 意 : 请 调 整 自 己 的 图 片 尺 寸 比 例 以 配 合 本 身 设 计 的 比 例 ) 替 换 的 步 骤 : 1) 双 击 图 片 或 者 单 击 图 片 后 点 击 该 图 片 的 属 性, 系 统 弹 出 图 片 设 置 的 菜 单

41 点 击 更 换 图 片, 系 统 会 弹 出 图 片 文 件 管 理 器, 然 后 选 择 新 的 图 片 进 行 替 换 即 可, 步 骤 与 上 面 提 及 的 添 加 新 的 图 片 模 块 是 一 致 的 2. 直 接 在 页 面 上 调 整 图 片 尺 寸 页 面 调 整 分 为 两 种 : 缩 放 模 式 和 裁 剪 模 式, 这 两 种 模 式 可 以 通 过 点 击 该 功 能 标 互 换 和 缩 放 模 式 : 整 图 缩 放, 类 似 放 大 镜 的 功 能, 但 处 理 不 当, 可 能 出 现 压 缩 的 情 况 此 功 能 并 不 改 变 系 统 中 已 保 存 的 图 的 大 小 尺 寸, 仅 在 显 示 的 部 分 上 作 出 调 整, 仍 可 以 通 过 恢 复 高 或 宽 度 来 恢 复 到 原 图 的 样 子 图 片 上 传 成 功 并 显 示 在 网 页 上, 我 们 可 以 通 过 拖 动 图 片 模 块 的 右 下 角 边 线 来 调 整 图 片 的 显 示 的 尺 寸 页 面 上 直 接 调 整 大 小 可 能 会 造 成 图 片 被 挤 压 为 达 到 最 好 的 图 片 展 示 效 果, 建 议 上 传 前 先 调 整 好 图 片 的 尺 寸 和 比 例 裁 剪 模 式 : 固 定 图 片 的 一 边, 减 少 显 示 的 部 分 此 功 能 并 不 改 变 系 统 中 已 保 存 的 图 的 大 小 尺 寸, 仅 在 显 示 的 部 分 上 作 出 调 整, 仍 可 以 通 过 恢 复 高 或 宽 度 来 恢 复 到 原 图 的 样 子 左 中 右 : 原 图 缩 放 模 式 裁 剪 模 式 3. 编 辑 图 片 并 修 改 原 图 我 们 为 建 站 使 用 者 提 供 了 一 套 图 片 编 辑 插 件, 在 这 里 您 只 需 要 简 单 的 操 作, 即 可 对 自 己 已 经 上 传 并 添 加 至 页 面 上 的 图 片 进 行 编 辑, 而 无 需 使 用 专 业 化 的 图 片 编 辑 软 件, 鼠 标 选 中 图 片 模 块 并 点 击 模 块 上 方 图 片 编 辑 功 能 按 钮. 系 统 会 弹 出 下 面 界 面 :

42 图 片 编 辑 功 能, 预 设 有 美 化 图 片 人 像 美 容 拼 图 动 画 再 功 能, 每 种 功 能 有 不 同 效 果 具 体 的 每 项 功 能, 您 可 以 在 实 践 中 慢 慢 体 会 请 记 得 每 做 一 次 调 整, 必 须 点 击 应 用 再 进 行 下 一 步 的 调 整 或 者 编 辑 4. 给 图 片 建 立 一 个 链 接 双 击 图 片 或 点 击 图 片 上 的 属 性 功 能 按 钮, 系 统 弹 出 图 片 设 置 对 话 框, 可 以 选 择 链 接 到 : 网 址 页 面 邮 件 文 件 第 一 个 网 址 : 是 指 可 以 将 图 片 链 接 到 互 联 网 上 的 某 个 页 面 或 某 个 站 点, 只 要 您 把 地 址 填 进 去 即 可 如 下 图, 以 为 例, 勾 选 在 新 窗 口 打 开 链 接 可 以 在 新 增 的 选 项 卡 中 打 开 的 页 面

43 第 二 个 页 面 : 是 指 可 以 将 图 片 链 接 到 您 网 站 上 面 的 某 个 页 面, 属 于 站 内 链 接 设 置 好 后, 客 户 点 击 这 个 图 片, 就 会 打 开 目 标 的 页 面 以 达 到 展 示 更 多 内 容 的 目 的 如 下 图 中 链 接 指 向 商 城 动 态, 则 访 客 点 击 这 张 图 片 时, 会 打 开 商 城 动 态 这 个 页 面 第 三 个 邮 件 : 是 指 可 以 将 图 片 链 接 到 邮 箱 上, 当 点 击 该 链 接 时, 系 统 会 自 动 调 用 本 地 的 邮 件 发 送 程 序 ( 如 outlook 或 者 foxmail, 注 意 : 访 客 必 须 本 地 有 安 装 这 样 的 客 户 端 方 可 打 开, 否 则 点 击 没 有 反 应 ), 发 送 到 您 设 定 的 账 户 如 下 图 的 设 置, 当 点 击 图 片 的 时 候, 会 打 开 客 户 端 邮 件 编 辑 界 面 并 进 入 编 辑 一 封 主 题 为 产 品 咨 询 收 件 人 为 abcde@google.com 的 邮 件 第 四 个 文 件 : 是 指 可 以 将 图 片 链 接 到 您 已 上 传 在 我 的 文 件 中 的 文 件 ( 如 jpg,pdf, word,mp3 等 等 ) 当 点 击 该 图 片 时, 系 统 会 调 用 访 客 本 地 电 脑 的 相 关 程 序 并 打 开 相 应 的 文 件 注 意 : 如 果 访 客 本 地 客 户 端 没 有 可 以 支 持 的 软 件 或 者 版 本 不 支 持, 将 无 法 打 开 这 个 文 件 添 加 的 方 式 如 下 图 : 选 择 好 文 件 后 确 定, 再 保 存 即 可

44 5. 为 图 片 模 块 添 加 边 框 背 景 等 在 图 片 属 性 的 设 置 界 面 的 下 半 部 分, 有 5 个 主 要 的 功 能 : 图 片 说 明 图 片 模 块 边 框 常 用 图 片 模 块 背 景 和 页 脚 元 素 1) 图 片 说 明 : 当 设 置 了 图 片 说 明 后, 访 客 鼠 标 放 在 该 图 上 就 会 自 动 显 示 说 明 的 内 容 如 图 中 : 畅 销 产 品 AAAA! 不 指 向 时 不 显 示

45 2) 模 块 边 框 : 我 们 可 以 为 每 个 图 片 设 置 边 框, 而 边 框 也 可 以 选 择 线 条 类 型 粗 细 程 度 和 线 条 颜 色, 这 个 和 word 中 表 格 是 类 似 的 现 在 来 看 看 设 置 和 设 置 后 的 效 果 ( 左 图 为 设 置, 右 图 是 效 果 ) 当 然, 如 果 您 不 喜 欢 方 正 的 边 角, 还 可 以 对 模 块 进 行 圆 角 显 示 的 设 置 假 设 把 圆 角 数 值 设 为 26, 来 看 看 右 图 的 效 果, 对 比 上 图 :

46 3) 常 用 : 点 击 常 用 进 入 另 外 一 个 设 置 界 面, 这 里 沿 用 了 上 图 的 设 置 填 充 : 在 真 实 图 片 和 边 框 之 间 加 入 空 隙 位 置, 一 般 会 缩 小 图 片 的 比 例 ; 边 框 : 我 们 可 以 看 到 边 框 数 值 是 10, 事 实 上, 只 要 我 们 不 在 这 个 位 置 做 调 整, 系 统 会 默 认 刚 才 在 边 框 页 面 所 做 的 设 置 但 如 果 要 统 一 四 条 边 线 的 磅 数, 可 以 直 接 在 这 里 对 4 条 边 一 起 调 整 ; 透 明 : 指 这 个 图 片 的 清 晰 程 度, 如 果 数 值 越 高, 意 味 着 越 透 明 ; 旋 转 : 图 片 相 对 于 页 面 的 角 度, 可 以 为 中 下 位 置 是 预 览 图

47 我 们 来 做 一 个 效 果, 可 以 看 到, 框 和 图 间 有 空 白, 右 图 是 半 透 明 并 且 倾 斜 的 4) 背 景 : 为 达 到 明 显 的 效 果, 我 们 将 该 图 的 透 明 度 调 回 0, 并 且 将 填 充 值 调 大, 然 后 添 加 一 个 背 景 背 景 可 以 为 一 张 图 片, 也 可 以 是 颜 色 的 简 单 填 充 ( 下 面 第 一 组 图 为 填 充 绿 色 背 景, 第 二 组 图 为 添 加 另 外 一 张 图 片 作 为 背 景 ) 如 果 选 择 使 用 背 景 颜 色, 就 会 简 单 得 多, 不 需 要 设 置 位 置 对 齐 等 等 注 意 : 如 果 同 时 添 加 了 图 片 背 景 和 颜 色 背 景, 必 须 移 除 了 图 片 背 景 后 颜 色 背 景 方 可 生 效

48 如 果 选 择 使 用 图 片, 则 : 点 击 更 改 背 景, 从 我 的 图 片 中 选 择 对 应 的 图 片 后 即 可 直 接 生 效 ; 点 击 移 除 背 景 将 会 删 除 该 背 景 ; 勾 选 固 定 背 景 则 无 论 图 片 尺 寸 多 少, 该 背 景 相 对 于 模 块 的 位 置 不 变 ; 左 下 角 可 以 设 置 背 景 重 复 和 对 齐 位 置 6. 图 片 模 块 的 其 它 注 意 事 项 如 其 它 模 块 一 样, 图 片 模 块 可 以 放 置 在 页 脚, 仅 需 勾 选 页 脚 元 素 后, 将 编 辑 设 置 好

49 的 图 片 拖 至 已 有 的 页 脚 中 即 可 ; 图 片 模 块 的 边 框 大 小 必 须 大 于 或 者 等 于 图 片 的 高 宽 大 小, 否 则 无 法 正 常 显 示 整 张 图 片 ; 网 站 中 的 所 有 模 块 都 有 层 次 的 概 念, 当 一 个 模 块 被 另 外 一 个 模 块 的 框 遮 住 的 时 候 ( 可 能 只 是 框 遮 住, 但 仍 能 够 看 见 ), 底 层 的 框 中 的 链 接 等 都 会 无 法 点 选 8 如 何 添 加 Link 到 文 本 和 图 片 或 其 他 元 素 小 节 共 包 含 4 点 1) 通 过 本 部 分 的 操 作, 您 可 顺 利 为 您 的 网 站 元 素 1. 可 以 为 哪 些 元 素 添 加 链 接 : a. 文 本 模 块 中 的 文 字 ( 选 中 后 在 菜 单 点 击 添 加 ) b. 图 片 模 块 中 的 图 片 ( 在 属 性 中 设 置 ) c. 图 文 模 块 中 的 图 或 者 文 字 ( 与 a.b. 项 同, 不 另 行 详 解 ) d. 插 件 中 的 图 片 ( 各 项 插 件 的 设 置 不 一 样, 基 本 上 能 在 设 置 或 者 属 性 中 设 置 ) e. 产 品 详 情 或 者 文 章 详 情 的 内 容 区 ( 选 中 文 字 或 者 图 片 后 设 置, 与 文 本 / 图 文 模 块 一 样 ) f. 导 航 中 页 面 名 称 ( 页 面 属 性 中 输 入 相 关 URL) 2) 如 何 添 加 链 接 : 当 拖 出 图 片 模 块 或 文 本 模 块 的 时 候, 可 以 对 图 片 或 文 本 添 加 Link 当 点 击 图 片 或 文 本 时, 可 以 跳 转 到 站 内 其 它 页 面, 外 部 网 站, 发 送 邮 件 界 面 和 打 开 / 下 载 文 件 界 面 (1). 文 本 模 块 中 的 文 字 : 选 中 相 应 的 文 字 - 点 击 超 链 接 按 钮 (2). 选 择 需 要 的 链 接 类 型

50 页 面 : 可 以 链 接 至 站 内 任 意 页 面 站 外 链 接 : 可 以 链 接 到 外 部 URL 地 址, 如 文 件 : 可 以 链 接 到 文 件 管 理 器 上 传 的 任 意 文 件 电 子 邮 件 : 可 以 链 接 到 指 定 的 邮 箱, 客 户 点 击 后, 直 接 调 用 客 户 端 邮 件 发 送 软 件 如 (outlook,foxmail 等 ) 文 章 列 表 : 可 以 链 接 到 指 定 分 类 的 文 章 列 表 文 章 详 情 : 可 以 链 接 到 指 定 的 某 篇 文 章 产 品 列 表 : 可 以 链 接 到 指 定 分 类 的 产 品 列 表 产 品 详 情 : 可 以 链 接 到 指 定 的 某 个 产 品 3) 图 片 添 加 Link (1) 依 次 点 击 图 片 - 工 具 栏 中 的 属 性 按 键 - 设 置 链 接 (2) 选 择 需 要 的 链 接 类 型

51 4) 插 件 中 的 图 片 添 加 link( 以 jslider 幻 灯 展 示 为 例 ) 添 加 了 jslider 幻 灯 展 示 后, 逐 张 添 加 图 片, 图 片 添 加 完, 点 击 图 片 管 理 右 边 的 + 号 打 开 图 片 管 理 功 能, 如 下 图 : 在 图 片 的 下 面, 有 几 个 功 能 键, 点 击 添 加 链 接 后, 打 开 与 其 它 模 块 链 接 相 同 的 选 项 :

52 添 加 保 存 后, 刷 新 页 面, 预 览 该 图 时 会 显 示 可 点 的 手 型 标 志, 此 时 点 击 便 可 打 开 所 选 的 链 接 目 的 地 6) 为 导 航 栏 目 添 加 link 9 添 加 通 栏 模 块 并 添 加 内 容 1) 进 入 编 辑 页 面 点 击 左 侧 的 添 加 按 钮, 然 后 会 看 到 通 栏 模 块 : 2) 用 鼠 标 把 这 个 模 块 拖 动 到 页 面 上 然 后 会 看 到 灰 色 部 分 就 是 通 栏 了, 新 添 加 的 通 栏 是 没 有 内 容 的, 您 可 以 直 接 在 里 面 新 增 模 块, 或 者 将 原 有 的 模 块 拖 入 这 个 通 栏 中 成 为 通 栏 中 的 元 素 并 且 可 以 一 起 拖 动 :

53 3) 上 图 的 通 栏 是 还 没 有 添 加 任 何 模 块 的, 用 户 可 以 自 行 将 一 些 文 字, 或 者 图 片 模 块 添 加 到 通 栏 ( 限 内 容 区 ), 如 下 图 : 通 栏 里 面 可 以 添 加 文 本 图 片 模 块 或 者 其 它 模 块, 图 示 中 已 经 添 加 一 个 模 块 如 图, 当 拖 动 一 个 模 块 到 通 栏 中, 只 要 见 到 通 栏 的 内 容 区 有 橙 色 虚 线, 意 味 着 这 个 模 块 已 经 在 通 栏 区 域 中, 放 手 后, 就 可 以 直 接 拖 动 通 栏 来 将 整 个 通 栏 和 内 部 的 元 素 移 动 4) 通 栏 的 大 小 可 以 通 过 拖 动 边 框 调 整 大 小, 点 击 属 性 功 能 按 钮 可 以 更 换 通 栏 背 景, 背 景 和 其 它 的 任 何 模 块 的 背 景 一 样, 可 以 是 颜 色 的 填 充, 也 可 以 是 一 张 水 平 或 者 垂 直 重 复 的 图 片 调 整 的 方 式 也 和 文 本 模 块 图 片 模 块 等 的 背 景 是 完 全 一 样 的

54 10 如 何 添 加 html 代 码 1. 页 面 编 辑 状 态 下, 点 击 左 侧 的 添 加 按 钮 就 可 以 看 到 代 码 模 块 : 2. 用 鼠 标 拖 动 模 块 到 页 面 就 会 出 现 代 码 粘 贴 的 窗 口 了, 可 以 把 代 码 直 接 黏 贴 到 下 图 所 示 内 容 区 之 后 点 击 保 存 HTML 源 码 即 可

55 如 果 当 下 没 有 添 加 代 码, 可 以 在 下 次 编 辑 的 时 候, 找 到 这 个 模 块 后 点 击 左 上 角 的 编 辑 按 键 重 新 打 开 编 辑 代 码 内 容 区 : 注 意 : 使 用 代 码 模 块, 请 必 须 检 查 该 代 码 是 否 能 与 系 统 兼 容, 因 为 并 非 所 有 代 码 都 能 兼 容, 如 果 不 能 兼 容 请 自 行 调 整 或 者 更 换 成 其 它 代 码 后 再 试

56 11 如 何 添 加 视 频 和 Flash 模 版 1. 添 加 视 频 模 块 : 建 站 系 统 可 以 通 过 两 种 方 方 式 去 添 加 视 频 1) 视 频 URL 添 加 法 这 种 添 加 法 允 许 添 加 的 是 其 它 站 点 的 视 频 URL 第 一 步 : 在 视 频 源 网 站 找 到 该 视 频 的 URL 链 接 地 址, 该 链 接 地 址 必 须 以.mp4 或 者.flv 结 尾, 复 制 好 以 备 用 以 下 以 优 酷 为 例 优 酷 的 代 码 如 果 需 要 视 频 在 iphone ipad 上 播 放 请 使 用 通 用 代 码 ( 以 土 豆 为 例 ) 第 二 步 : 添 加 视 频 刚 才 已 经 找 出 需 要 添 加 的 视 频 的 URL, 要 将 这 个 视 频 添 加 到 页 面 中, 点 击 左 边 的 添 加 按 钮, 将 视 频 模 块 拖 至 页 面 上, 会 弹 出 设 置 窗 口, 将 第 一 步 中 准 备 的 URL 添 加 后 保 存, 并 预 览 即 可 见 到 效 果 1. 依 次 点 击 添 加 按 钮 - 视 频 选 中 模 块 拖 拽 到 您 需 要 的 位 置

57 2, 粘 贴 视 频 播 放 地 址 - 保 存 您 还 可 以 设 置 视 频 是 否 自 动 播 放 2) 添 加 HTML 代 码 如 果 您 已 有 一 段 视 频 的 HTML 代 码, 就 可 以 通 过 添 加 HTML 代 码 的 方 式 去 添 加 视 频 具 体 操 作 如 下 : 第 一 步 : 点 击 左 侧 的 添 加 按 钮, 然 后 找 到 代 码 模 块 :

58 第 二 步 : 拖 动 模 块 到 页 面 会 弹 出 一 个 粘 贴 代 码 的 窗 口, 如 下 图 所 示 : 第 三 步 : 把 HTML 粘 贴 到 内 容 区 然 后 点 击 保 存 HTML 源 码 即 可 2. 添 加 Flash 模 块 添 加 flash 模 块 的 方 式 与 视 频 的 方 式 基 本 一 样, 但 会 多 一 个 方 式 1) 直 接 使 用 上 传 到 本 站 文 件 夹 中 的 flash 文 件 第 一 步 : 将 Flash 文 件 上 传 到 文 件 夹 中, 文 件 大 小 不 可 超 过 8M, 这 个 在 教 程 4 中 有 详 细 提 及, 在 此 不 再 详 谈 第 二 步 : 添 加 Flash 模 块 会 弹 出 以 下 窗 口 更 换 视 频 并 打 开 文 件 夹 中 的 Flash 选 择 我 的 Flash 和 互 联 网 Flash, 点 击 我 的 Flash 并 从 文 件 夹 中 选 定 一 个 Flash 文 件, 点 击 选 择 使 用 即 可 直 接 套 用, 保 存 后 可 预 览 效 果 如 将 来 需 要 更 换 Flash, 可 以 直 接 点 更 换 Flash 键 操 作

59 2)Flash URL 地 址 添 加 法 这 种 添 加 法 允 许 添 加 外 部 站 点 的 Flash 的 URL 地 址, 第 一 步 : 在 flash 源 网 站 找 到 该 flash 的 URL 链 接 地 址, 该 链 接 地 址 必 须 以.swf 结 尾, 复 制 好 以 备 用 第 二 步 : 添 加 Flash 刚 才 已 经 找 出 需 要 添 加 的 flash 的 URL, 要 将 这 个 flash 添 加 到 页 面 中, 点 击 左 边 的 添 加 按 钮, 将 Flash 模 块 拖 至 页 面 上, 会 弹 出 以 下 窗 口 更 换 视 频 并 打 开 文 件 夹 中 的 Flash 选 择 我 的 Flash 和 互 联 网 Flash, 点 击 互 联 网 Flash 并 将 第 一 步 中 准 备 的 URL 添 加 后 确 认, 并 预 览 即 可 见 到 效 果

60 注 : 在 Flash 模 块 的 左 上 角 位 置 的 功 能 按 钮, 用 户 可 以 点 击 相 应 的 按 钮 : - 向 上 一 层 ; - 向 下 一 层 ; - 更 换 Flash; - 属 性 ; - 对 齐 ( 当 与 其 它 模 块 重 叠 或 者 部 分 重 叠 时 才 有 ); - 锁 定 ; - 删 除 模 块 3) 添 加 HTML 代 码 如 果 您 已 有 一 段 Flash 的 HTML 代 码, 就 可 以 通 过 添 加 HTML 代 码 的 方 式 去 添 加 视 频 具 体 操 作 如 下 : 第 一 步 : 点 击 左 侧 的 添 加 按 钮, 然 后 找 到 代 码 模 块 : 第 二 步 : 拖 动 模 块 到 页 面 会 弹 出 一 个 粘 贴 代 码 的 窗 口, 如 下 图 所 示 :

61 第 三 步 : 把 HTML 粘 贴 到 内 容 区 然 后 点 击 保 存 HTML 源 码 即 可 12 多 语 言 模 版 和 相 关 设 置 1. 什 么 是 多 语 言 站 点? 一 个 网 站 可 以 有 多 种 语 言, 如 : 简 体 中 文 繁 体 中 文 英 文 其 它 等 等 每 一 种 语 言 都 对 应 一 套 数 据 和 一 套 布 局, 不 同 的 语 言 下 的 数 据 是 分 开 的, 如 果 需 要 建 设 多 语 言 站 点, 则 需 要 在 每 个 语 言 下 进 行 数 据 的 编 辑 和 布 局 的 调 整 但 如 果 用 户 对 每 个 站 点 的 布 局 的 要 求 都 一 致, 也 可 以 先 做 好 一 个 语 言 站 点, 如 : 简 体 中 文, 然 后 将 简 体 中 文 全 站 复 制 到 其 它 的 语 言 中, 然 后 再 编 辑 文 字, 更 换 图 片 等, 这 样 可 以 节 省 很 多 时 间 ; 我 们 会 在 第 4 点 中 详 解 2. 如 何 显 示 不 同 的 语 言 站 点? 部 分 的 模 板 已 经 设 计 有 多 语 言 模 块 以 便 访 客 可 以 直 接 点 击 切 换 至 另 外 一 种 语 言 下, 但 对 于 没 有 多 语 言 模 块 的 模 板, 则 需 为 这 个 网 站 添 加 一 个 多 语 言 模 块 3. 如 何 添 加 多 语 言 模 块 和 设 置 模 块 显 示 样 式? 位 置 : 页 面 编 辑 状 态 下, 点 击 添 加 按 钮, 并 选 中 多 语 言 站 点 将 其 拖 至 页 面 内 容 区 目 标 样 式 选 择 : 首 次 拖 至 内 容 区 后, 系 统 会 自 动 弹 出 6 个 样 式 以 供 选 择, 选 中 后 保 存 即 可 ; 也 可

62 以 在 后 续 的 编 辑 中 点 击 第 4 个 图 标 后, 按 需 要 更 换 样 式 4. 如 何 设 置 多 语 言 站 点 默 认 站 点 显 示 站 点 和 复 制 站 点 内 容? 点 击 多 语 言 模 块 菜 单 第 3 个 按 钮 进 入 多 语 言 编 辑 列 表 该 列 表 可 以 设 置 : 默 认 语 言 站 点, 发 布 语 言 站 点, 新 增 / 删 除 语 言 站 点 全 站 复 制 注 意 : 默 认 站 点 不 可 以 删 除, 默 认 站 点 必 须 属 于 开 启 站 点 中 的 一 个 ; 否 则 可 能 造 成 系 统 混 乱

63 编 辑 : 点 击 进 入 编 辑 该 语 言 站 点 开 启 站 点 : 站 点 开 启 后, 并 且 在 每 个 页 面 都 是 多 语 言 模 块 时, 网 站 的 访 客 就 可 以 自 由 在 开 启 的 多 个 站 点 中 切 换 ; 默 认 语 言 站 点 必 须 开 启, 否 则 可 能 引 起 系 统 混 乱 编 辑 状 态 下, 也 可 以 点 击 编 辑 界 面 的 右 上 角 进 行 切 换 需 要 编 辑 的 语 言 默 认 值 : 默 认 语 言 站 点, 当 访 问 访 问 该 网 站 时, 首 先 出 现 的 语 言, 例 如 上 图 中, 访 客 访 问 时 看 到 的 语 言 为 简 体 中 文 操 作 : 复 制 当 前 使 用 语 言 站 点 数 据 到 此 站 点, 以 复 制 简 体 中 文 站 点 内 容 到 English 站 点 中 为 例 第 一 步 : 将 简 体 中 文 设 置 成 为 默 认 站 点 并 且 进 入 简 体 中 文 的 编 辑 界 面 第 二 步 : 点 击 多 语 言 模 块 的 功 能 按 钮 多 语 言 编 辑 ( 也 可 以 直 接 点 击 设 置 多 语 言 站 点 进 入 ) 第 三 步 : 鼠 标 指 向 English 行 右 边 的 复 制 图 标, 会 显 示 复 制 当 前 使 用 语 言 站 点 数 据 到 此 站 点 即 复 制 简 体 中 文 站 点 数 据 到 English 语 言 站 点, 点 击 该 图 标 后, 系 统 出 现 提 示 窗 口, 点 击 OK 确 定 该 操 作 ( 为 避 免 错 误 操 作, 建 议 在 此 操 作 前, 对 整 站 数 据 进 行 备 份, 点 击 设 置 数 据 库 备 份 创 建 数 据 备 份 成 功 即 可 ) 点 击 OK 后, 需 等 候 系 统 完 成 整 个 操 作 方 可 关 闭 相 关 界 面 复 制 成 功 后,English 站 点 内 的 内 容 会 与 简 体 中 文 站 点 的 完 全 一 致 此 时 再 对 English 站 点 的 文 字 内 容 进 行 编 辑, 就 可 以 达 到 高 效 建 站 的 效 果 13 会 员 模 版 的 添 加 和 会 员 管 理 1. 会 员 模 块 的 添 加 和 显 示 1) 页 面 编 辑 状 态 下 点 击 添 加, 将 会 员 模 块 拖 至 相 应 的 页 面 :

64 添 加 成 功 后, 这 个 就 是 模 块 在 网 站 中 显 示 的 登 入 界 面, 当 访 客 从 网 站 登 录 会 员 后, 则 会 显 示 为 : 如 果 访 客 点 击 编 辑, 则 会 弹 出 访 客 会 员 资 料 的 填 写 界 面, 访 客 可 以 自 由 选 择 录 入 什 么 信 息, 但 如 果 您 在 后 台 设 置 了 强 制 填 写 的, 访 客 必 须 按 照 要 求 填 写 完 整 方 可 注 册 成 功 如 果 访 客 点 击 订 单, 则 会 出 现 该 访 客 已 经 购 买 和 当 前 已 经 下 单 的 所 有 订 单 记 录 : 2. 会 员 注 册 项 的 设 置 : 页 面 编 辑 状 态 下, 点 击 会 员 模 块 第 3 个 按 钮 内 容 编 辑, 进 入 内 容 编 辑 项, 我 们 下 面 会 对 其 中 的 5 项 操 作 作 详 细 的 介 绍 添 加 了 会 员 模 块 后, 除 了 从 内 容 页 面 进 入 外, 也 可 以 从 编 辑 页 面 左 下 角 的 电 子 商 务 功 能 进 入 后, 点 击 会 员 管 理 进 入 下 面 的 界 面 : 1) 添 加 用 户 : 此 操 作 为 管 理 员 操 作, 如 管 理 员 为 自 己 添 加 一 个 测 试 账 户, 或 者 帮 客 户 添 加 账 户, 然 后 通 知 客 户 其 中, 带 * 号 为 必 填 项, 不 填 则 无 法 注 册 成 功, 您 可 以 自 行 在 2) 项 会 员 注 册 项 中 修 改 哪 些 项 为 必 填 项 ; 会 员 等 级 是 您 事 先 已 经 设 置 好 的, 可 以 在 第 3)

65 项 中 进 行 增 删 或 者 修 改 其 它 项 为 选 填 项, 完 成 后 点 击 保 存, 会 员 就 生 成 了 2) 会 员 注 册 项 点 击 会 员 注 册 项, 打 开 下 面 编 辑 界 面 其 中 是 否 显 示 处 打 意 味 着 当 访 客 注 册 会 员 时, 该 项 会 显 示, 如 果 后 面 是 否 必 填 同 事 勾 选, 则 会 显 示 该 项 并 且 访 客 必 须 按 要 求 填 写 方 可 注 册 成 功

66 上 面 这 个 是 本 模 板 的 默 认 列 表, 如 果 在 该 列 表 找 不 到 自 己 需 要 填 写 的 项, 可 以 点 击 添 加 注 册 项 添 加 : 3) 会 员 等 级 : 点 击 会 员 等 级 会 出 现 当 前 已 经 添 加 的 或 者 默 认 的 等 级, 如 果 这 些 等 级 无 法 满 足 需 求, 可 以 根 据 需 要 添 加, 点 击 添 加 会 员 等 级 即 可 ; 除 对 手 动 添 加 的 会 员 进 行 级 别 调 整 外, 也 可 以 对 自 行 注 册 的 会 员 进 行 级 别 的 调 整

67 4) 使 用 验 证 码 如 果 启 用 了 该 项, 则 客 户 在 登 录 的 时 候, 会 需 要 输 入 显 示 在 登 录 窗 口 的 验 证 码 : 5) 注 册 审 核 启 用 了 审 核 后, 当 访 客 想 要 成 为 会 员 的 时 候, 您 可 以 审 核 访 客 是 否 符 合 相 关 的 资 格 等 等, 然 后 进 行 审 批 审 批 通 过 方 可 成 为 会 员 尝 试 登 录 时, 显 示 : 会 员 审 核 中, 审 核 通 过 后 方 可 正 常 登 录 如 果 开 启 注 册 审 核 功 能, 建 议 在 登 录 框 下 添 加 提 示, 如 : 会 员 注 册 需 要 审 核, 请 与 在 线 客 服 联 系 / 请 发 邮 件 至 test@cndns.com 开 启 / 请 与 联 系 审 核 这 时, 作 为 管 理 员, 就 可 以 登 录 后 台, 对 这 个 会 员 进 行 审 核 点 击 活 动 下 的 图 标 直

68 至 显 示 成 绿 色 的 即 可 6) 第 三 方 账 号 使 用 新 浪 微 博 和 QQ 登 陆, 首 先 点 击 相 应 的 编 辑 按 钮, 填 入 App ID 和 App Secret (App ID 和 App Secret 需 要 到 新 浪 或 者 腾 讯 去 申 请, 申 请 通 过 后 才 可 以 使 用, 申 请 链 接 如 图 所 示 ) 3. 会 员 管 理 1) 点 击 电 子 商 务, 点 击 会 员 管 理 图 标 : 进 入 以 下 界 面, 如 下 图 : 2) 点 击 会 员 注 册 项, 对 其 进 行 注 册 必 填 项 目 选 择

69 如 系 统 默 认 的 不 适 合, 可 以 添 加 注 册 项 3) 可 以 对 会 员 等 级 进 行 管 理, 点 击 会 员 管 理 里 的 会 员 等 级, 再 点 击 添 加 会 员 等 级, 对 其 进 行 等 级 项 添 加, 保 存 后 成 功 添 加 等 级 项, 可 以 继 续 添 加, 如 下 图 : 4) 可 以 在 会 员 管 理 下 添 加 新 用 户, 进 行 会 员 管 理, 如 下 图 :

70 如 果 有 会 员 已 经 注 册, 可 以 手 动 设 置 会 员 等 级, 点 击 编 辑 下 面 的 按 键, 弹 出 下 面 的 选 项, 选 择 会 员 等 级, 然 后 按 保 存, 如 下 图 : 5) 可 以 对 会 员 状 态 进 行 设 置, 点 击 活 动 下 的 图 标, 我 们 可 以 设 置 这 个 会 员 在 此 网 站 的 活 动 正 常 或 者 对 其 限 制, 如 下 图 : 14 页 脚 ( 页 面 底 板 信 息 ) 的 添 加 和 修 改 页 脚 ( 即 页 面 底 部 信 息 ) 是 指 建 站 之 星 专 业 版 最 下 面 有 一 些 信 息, 也 称 版 权 信 息

71 本 小 节 共 包 含 3 点 1 通 过 本 部 分 的 操 作, 您 可 以 添 加 页 脚 ( 如 果 页 面 上 没 有 页 脚 请 在 页 面 管 理 - 相 应 栏 目 - 属 性 中 开 启 页 脚 ) 找 到 底 部 信 息, 一 般 使 用 文 本 模 块, 添 加 好 模 块 后 点 击 属 性 设 置 为 页 脚 元 素 后 就 可 以 拖 拽 到 底 部 ( 所 有 模 块 都 可 以 点 击 属 性 设 置 为 页 脚 元 素 ) 文 本 模 块 添 加 请 参 考 2 找 到 底 部 信 息, 修 改 内 容 3 在 编 辑 界 面, 右 上 角 保 存

72 保 存 后, 到 点 击 预 览 查 看 修 改 后 的 效 果