返 回 总 目 录

目 录

第 4 章 导 入 及 处 理 图 片 2

1. 图 片 的 文 件 格 式 2

2. 导 入 图 片 5

3. 编 辑 图 片 21

4. 使 用 图 片 工 具 栏 29

5. 图 文 混 排 52

6. 设 置 网 页 背 景 58

第 4 章 导 入 及 处 理 图 片

1. 图 片 的 文 件 格 式

在 加 入 图 片 之 前 ，让 我 们 先 来 认 识 一 下 网 页 中 常 见 的 两 种 图 形 文 件 格 式 ：GIF 和 JPEG 。 这 两 种 格 式 是 因 特 网 上 经 常 被 使 用 的 图 形 文 件 ， 这 是 因 为 它 们 有 一 些共 同 的 特 点 。

• 属 于 压 缩 的 图 形 文 件 格 式

• 文 件 的 信 息 量 很 小 ， 适 合 于 网 络 传 输

• 适 用 于 各 种 平 台 (Windows ， Macintosh ， UNIX ， ...)

因 此 大 部 分 的 浏 览 器 都 把 它 们 当 作 标 准 规 格 ， 但 即 使 这 样 ， 它 们 还 是 有 一些 不 同 的 地 方 ， 下 面 分 别 来 说 明 。

1. 非 失 真 的 压 缩 方 式 — — GIF 文 件 格 式

GIF 图 形 文 件 采 用 非 失 真 (lossless) 的 压 缩 方 式 ， 在 压 缩 图 文 件 的 过 程 中 ， 图 形 的 “ 像 素 信 息 ” 不 会 被 牺 牲 掉 ， 被 牺 牲 的 却 是 图 形 的 “ 颜 色 ”， 因 此 ， GIF 图 文 件 最 多 只 能 保 存 256 色 (8 bit 颜 色 ) ， 如 果 原 来 图 形 的 颜 色 超 过 256 色 ， 那 么 保 存 文 件 后 ， 图 形 就 会 降 到 256 色。

在 网 页 中 常 常 会 应 用 到 具 有 透 明 背 景 的 图 形 ， 这 时 ， 就 必 须 要 用 到 GIF 图

文 件 ， 这 样 才 能 将 图 形 的 透 明 背 景 保 留 下 来 。 透 明 背 景 的 效 果 对 比 如 图 4.1 所示 。

图 4.1 透明背景

利 用 交 错 式 GIF 的 图 形 格 式 ( 见 图 4.2) ， 可 以 让 浏 览 器 先 将 图 形 以 粗 略 的 形式 整 张 载 入 ， 让 浏 览 者 先 看 到 图 形 大 概 的 样 子 ， 然 后 再 继 续 载 入 完 整 的 图 形 以显 示 全 貌 ， 与 此 同 时 ， 浏 览 者 可 以 先 浏 览 网 页 中 的 文 字 内 容 。

图 4.2 交错式 GIF 图形格式

1. JPEG 图 形 格 式

图 4.3 非交错式 GIF 图形格式

JPEG 图 形 文 件 是 采 用 失 真 式 (lossy) 的 压 缩 方 式 ，在 压 缩 过 程 中 ，图 形 的“ 像素 信 息 ” 会 被 减 去 一 些 ， 因 此 图 形 会 有 失 真 的 情 形 ， 然 而 ， JPEG 图 形 文 件 在 颜色 方 面 并 不 会 被 牺 牲 掉 ， 可 支 持 到 全 彩 的 16.7 百 万 色 (24 bit 颜 色 ) 。

JPEG 也 发 表 了 支 持 交 错 图 的 JPEG 格 式 — — Progressive JPEG ，在 FrontPage 2000 中 也 支 持 这 种 的 图 形 格 式 。 由 于 Progressive JPEG 图 文 件 格 式 尚 未 非 常普 及 ， 因 此 当 我 们 要 使 用 交 错 图 的 效 果 时 ， 最 好 还 是 选 择 GIF 格 式 。

对 于 颜 色 不 多 、 线 条 清 楚 的 图 ， 如 ： 小 图 示 、 卡 通 图 案 等 ， 则 选 择 GIF 图文 件 格 式 较 为 合 适 ； 而 对 于 全 彩 的 连 续 色 调 、 没 有 明 显 边 缘 的 图 ， 如 ： 风 景 照 、照 片 等 ， 则 适 合 用 JPEG 图 文 件 格 式 来 显 示 。 当 需 要 图 片 保 存 透 明 的 背 景 ， 或 希望 图 片 在 显 示 时 能 以 交 错 式 图 出 现 ， 请 选 择 GIF 图 文 件 格 式 。

以 上 只 是 一 些 小 小 的 经 验 ， 在 实 际 的 应 用 上 ， 还 得 根 据 肉 眼 观 察 的 效 果 及

文 件 的 大 小 来 决 定 ， 毕 竟 网 页 除 了 美 观 之 外 ， 还 得 考 虑 到 网 络 传 输 的 速 度 。

1. 导 入 图 片

只 有 文 字 的 网 页 会 显 得 单 调 ， 达 不 到 所 需 的 感 官 效 果 。 因 此 在 制 作 网 页 时 ， 都 要 在 页 面 加 上 适 当 的 图 片 。

1. 导 入 当 前 站 点 中 的 图 片

如 果 要 插 入 的 图 片 已 经 存 在 于 当 前 的 站 点 中 ， 可 以 在 当 前 站 点 中 直 接 导 入图 片 。

1. 将 插 入 点 设 置 在 要 插 入 图 片 的 位 置 。

2. 从 “ 插 入 ” 菜 单 的 “ 图 片 ” 子 菜 单 中 选 择 “ 来 自 文 件 ” 命

   令 。

3. 出 现 “ 图 片 ” 对 话 框 ， 当 前 站 点 中 的 所 有 图 片 都 会 显

   示 在 文 件 列 表 中 ( 见图 4.4) ， 选 择 所 需 的 图 片 文 件 。

图 4.4 导入当前站点中的图片

1. 单击 “ 确 定 ” 按 钮 ， 所 选 图 片 出 现 在 插 入 点 位 置 。

1. 导 入 剪 贴 画 库 中 的 图 片

同 所 有 Office 程 序 一 样 ， FrontPage 2000 也 支 持 剪 贴 画 功 能 ， 可 以 从 剪 贴画 库 中 导 入 图 片 。

1. 将 插 入 点 设 置 在 要 插 入 图 片 的 位 置 。

2. 从 “ 插 入 ” 菜 单 的 “ 图 片 ” 子 菜 单 中 选 择 “ 剪 贴 画 ” 命 令

   。

图 4.5 选择图片类别

1. 出 现 “ 剪 贴 画 库 ” 对 话 框 ， 选 中 “ 图 片 ” 选 项 卡 ， 再 选

   择 所 需 的 图 片 类

别 ， 例 如 选 择 “ 办 公 室 ” 类 别 ( 见 图 4.5) 。

1. 显 示 出 “ 办 公 室 ” 类 别 中 的 所 有 图 片 ， 单 击 要 导 入 的

   图 片 ， 在 出 现 的 菜单 中 选 择 “ 插 入 剪 辑 ” 按 钮 ( 见 图 4.6) 。

图 4.6 插入剪贴画库中的图片

所 选 的 图 片 出 现 在 插 入 点 位 置 。

1. 在 计 算 机 中 选 择 图 片 文 件

也 可 以 在 计 算 机 中 的 文 件 夹 中 选 择 图 片 插 入 到 文 档 中 。1) 将 插 入 点 设 置 在 要 插 入 图 片 的 位 置 。

1. 从 “ 插 入 ” 菜 单 的 “ 图 片 ” 子 菜 单 中 选 择 “ 来 自 文 件 ” 命

   令 。

图 4.7 选择图片文件

1. 出现

   “ 图 片 ” 对 话 框 ， 单 击 “ 从 计 算 机 上 选 择 一 个 文 件 ” 按 钮 。

2. 出 现 “ 选 择 文 件 ” 对 话 框 ， 在 “ 搜 索 ” 框 中 选 择 图 片 所

   在 的 文 件 夹 ( 见 图

4.7) 。

1. 在 文 件 列 表 中 选 择 所 需 的 图 片 文 件 。

2. 单击 “ 确 定 ” 按 钮 。

选 择 的 图 片 出 现 在 插 入 点 位 置 。

1. 使 用 Web 浏 览 器 来 选 择 网 页 和 文 件

在 Internet 上 有 许 多 专 门 搜 集 图 片 的 站 点 ， 可 以 直 接 连 接 到 这 些 站 点 去 寻找 图 片 。

1. 从 “ 插 入 ” 菜 单 的 “ 图 片 ” 子 菜 单 中 选 择 “ 来 自 文 件 ” 命

   令 。

2. 出 现 “ 图 片 ” 对 话 框 ， 单 击

   “ 使 用 Web 浏 览 器 来 选 择 网 页 或 文 件 ” 按 钮 。

3. 打 开 FrontPage 2000 预 设 的 浏 览 器 ， 通 常 是 Internet Explorer

   和

Netscape 。 在 浏 览 器 中 ， 用 鼠 标 将 网 页 上 的 图 片 直 接 拖 拽 到 所 需 位 置 即 可 ( 见 图4.8) 。

图 4.8 直接拖拽网页中的图形

1. 加 入 GIF 动 画

为 了 让 网 页 的 设 计 能 更 活 泼 生 动 ， 可 以 在 页 面 中 加 入 一 些 简 单 的 动 画 。 一般 来 说 ， 简 单 的 动 画 大 多 保 存 成 GIF89a 的 格 式 ， 因 此 要 在 页 面 中 加 入 动 画 ， 其步 骤 和 插 入 图 片 一 样 。

1. 将 插 入 点 设 置 在 要 插 入 动 画 的 位 置 。

2. 单击 “ 常 用 ” 工 具 栏 上 的

   “ 插 入 文 件 中 的 图 片 ” 按 钮 。

图 4.9 选择 GIF 动画文件

1. 出 现“ 图 片 ” 对 话 框 ， 在 文 件 列 表 中 选 择 所 需 的 GIF 动

   画 文 件 ( 见 图 4.9) 。

2. 单击 “ 确 定 ” 按 钮 。

1. 保 存 文 件

在 网 页 中 加 入 了 适 当 的 图 片 以 后 ， 保 存 文 件 时 ， 会 出 现 “ 保 存 嵌 入 式 文 件 ” 对 话 框 ( 见 图 4.10) ， 询 问 是 否 要 将 图 片 保 存 在 Web 页 中 。

图 4.10 保存嵌入式文件

如 果 是 从 网 络 上 插 入 的 图 片 ， 就 不 会 出 现 “ 保 存 嵌 入 式 文 件 ” 对 话 框 ， 而是 直 接 将 图 片 的 路 径 保 存 下 来 。 也 因 为 这 样 ， 当 图 片 的 网 址 路 径 发 生 变 动 时 ，

会 因 找 不 到 该 图 文 件 而 显 示 不 出 图 片 。

1. 更 换 保 存 路 径

为 了 方 便 管 理 ， 通 常 将 图 片 保 存 在 images 文 件 夹 中 。 如 果 想 改 变 路 径 ， 选定 尚 未 保 存 的 图 片 文 件 ， 单 击 “ 改 变 文 件 夹 ” 按 钮 ， 出 现 “ 改 变 文 件 夹 ” 对 话框 ( 见 图 4.11) ， 选 择 要 保 存 文 件 的 文 件 夹 。

图 4.11 更 换 保 存 路 径

1. 设 定 保 存 文 件 格 式

在 保 存 文 件 之 前 ， 也 可 以 一 一 决 定 图 片 文 件 是 否 要 保 存 ， 单 击 “ 设 置 操 作 ” 按 钮 ， 出 现 “ 设 置 操 作 ” 对 话 框 ( 见 图 4.12) ， 选 择 “ 保 存 ” 或 是 “ 不 保 存 ” 选项 。

图 4.12 “设置操作”对话框

如 果 插 入 的 图 片 已 经 存 在 于 站 点 中 ， 在 对 图 片 做 完 编 辑 之 后 ， 图 片 的 保 存文 件 形 式 会 将 原 来 的 图 片 文 件 替 换 。 如 果 要 改 变 该 图 片 文 件 的 保 存 形 式 ， 先 选定 该 图 片 文 件 ， 然 后 单 击“ 设 置 操作”按钮，在“ 设 置 操 作 ” 对 话 框 ( 见 图 4.13) 中 对 保 存 形 式 进 行 设 置 ， 然 后 单 击 “ 确 定 ” 按 钮 就 可 以 了 。

图 4.13 “设置操作”对话框

提 示 ： 将 图 片 保 存 在 文 件 内 之 后 ， 如 果 将 页 面 中 的 图 片 删 除 了 ， 从 网 页 中就 看 不 到 这 些 删 除 掉 的 图 片 ， 但 实 际 上 图 片 的 文 件 仍 然 存 在 于 站 点 的 文 件 夹 中 ， 所 以 随 时 可 以 重 新 插 入 。

1. 编 辑 图 片

   1. 调 整 图 片 大 小

插 入 图 片 的 大 小 如 果 不 符 合 页 面 的 要 求 ， 可 以 在 要 调 整 的 图 片 上 单 击 一 下鼠 标 选 定 图 片 ， 用 鼠 标 按 住 图 片 四 周 的 任 一 控 点 向 外 拖 拽 ( 见 图 4.14) ， 到 达 适当 大 小 后 ， 放 开 鼠 标 即 可 放 大 图 片 ； 如 果 向 图 片 中 心 拖 拽 的 话 ， 可 以 缩 小 图 片 。

图 4.14 调整图片大小

除 了 上 述 的 方 法 外 ， FrontPage 2000 还 提 供 了 一 种 更 精 确 的 方 法 来 调 整 图

片 的 大 小 。 在 选 定 的 图 片 上 单 击 鼠 标 右 键 ， 在 快 捷 菜 单 中 选 择 “ 图 片 属 性 ” 命令 ， 此 时 会 出 现“ 图 片 属 性 ” 对 话 框 ( 见 图 4.15) ，选中“ 外 观 ” 选 项 卡 ， 在 “ 大小 ” 区 域 中 调 整 图 片 的 大 小 参 数 。

图 4.15 “图片属性”对话框

改 变 图 片 大 小 时 ， 只 是 调 整 图 片 的 长 或 宽 ， 图 片 可 能 会 被 拉 变 形 。 因 此 ， 如 果 不 想 改 变 图 片 原 来 的 长 宽 比 例 ， 就 要 在 对 话 框 中 选 中 “ 保 持 纵 横 比 ” 复 选框 ， 这 样 图 片 就 会 根 据 原 来 的 长 宽 比 例 来 调 整 大 小 。 另 外 ， 如 果 原 本 的 图 形 很小 ， 尽 量 不 要 将 它 放 的 太 大 ， 以 免 图 片 失 真 。

1. 移 动 图 片 的 位 置

如 果 要 移 动 图 片 的 位 置 ， 请 先 选 定 图 片 ， 再 将 图 片 拖 拽 到 想 要 放 置 的 位 置 ， 放 开 鼠 标 即 可 ( 见图 4.16) 。 在 FrontPage 2000 中 的 图 片 是 被 看 作 一 般 的 字 体元 素 ， 无 法 自 由 地 放 置 在 页 面 上 的 任 一 个 位 置 ( 只 能 放 在 文 字 之 间 ) ， 所 以 当 你的 页 面 是 完 全 空 白 且 没 有 输 入 任 何 文 字 时 ， 图 片 就 无 法 进 行 移 动 的 操 作 。

图 4.16 移动图片的位置

1. 图 片 的 段 落 对 齐

由 于 图 片 在 FrontPage 2000 中 被 视 为 一 般 文 字 ， 所 以 可 以 使 用 段 落 的 对 齐方 式 来 调 整 图 片 与 文 字 的 相 对 位 置 ( 见 图 4.17) 。

图 4.17 图片的段落对齐

1. 复 制 图 片

复 制 图 片 与 复 制 文 本 的 方 法 相 同 ， 先 选 定 要 复 制 的 图 片 ， 单 击 “ 常 用 ” 工具 栏 上 的 “ 复 制 ” 按 钮 ， 再 将 插 入 点 移 到 要 放 置 图 片 的 位 置 上 ， 然 后 单 击“ 常 用 ” 工 具 栏 上 的 “ 粘 贴 ” 按 钮 即 可 。

另 外 ， 还 有 两 种 复 制 图 片 的 快 捷 方 式 ：

• 选 定 要 复 制 的 图 片 ， 按 住 Ctrl 键 ， 拖 拽 图 片 到 要 放 置

  的 地 方 后 放 开 ， 图 片 就 会 被 复 制 。

• 选 定 要 复 制 的 图 片 ， 在 图 片 上 按 住 鼠 标 右 键 ， 拖 拽 图

  片 到 要 放 置 的 地 方

后 放 开 ， 在 出 现 的 快 捷 菜 单 中 选 择 “ 复 制 到 此 处 ” 命 令 ( 见 图 4.18) ， 图 片 就 会被 复 制 。

图 4.18 复制图片

1. 删 除 图 片

如 果 是 对 插 入 的 图 片 不 满 意 ， 可 以 毫 不 留 情 地 将 图 片 删 除 ， 选 定 要 删 除 的图 片 。 在 图 片 周 围 会 出 现 8 个 控 点 ， 然 后 按 “ Delete ” 键 即 可 。

1. 使 用 图 片 工 具 栏

在 选 定 图 片 后 ， 在 编 辑 区 的 下 方 就 会 出 现 “ 图 片 ” 工 具 栏 ( 见 图 4.19) 。 下面 将 说 明 各 个 工 具 按 钮 的 使 用 及 效 果 。

图 4.19 “图片”工具栏

1. 在 图 片 中 加 上 文 字

选 择 要 加 入 文 字 的 图 片 ， 然 后 单 击 “ 图 片 ” 工 具 栏 上 的 “ 文 本 ” 按 钮 ，

此 时 图 片 中 即 会 出 现 文 字 框 ( 见 图 4.20) ， 直 接 在 文 字 框 中 输 入 文 字 ， 输 入 完 成后 ， 单 击 文 字 框 以 外 的 地 方 即 可 。

注 意 ： 要 在 图 片 中 加 入 文 字 ， 必 须 先 将 图 片 转 为 GIF 格 式 。

图 4.20 在图片中加上文字

图 4.21 设置透明背景

1. 制 作 透 明 图

在 页 面 上 选 择 一 个 图 片 ， 单 击 “ 图 片 ” 工 具 栏 上 的 “ 设 置 透 明 的 颜 色 ”

按 钮 ， 在 所 选 图 片 的 白 色 部 分 上 单 击 一 下 ， 图 片 就 会 变 成 透 明 ( 见图 4.21) ， 如果 这 时 再 单 击 一 下 的 话 ， 图 片 又 会 恢 复 原 状 。

1. 剪 裁 图 片

选 定 要 剪 裁 的 图 片 ， 单 击 “ 图 片 ” 工 具 栏 上 的 “ 剪 裁 ” 按 钮 ， 在 图 片上 会 出 现 一 个 裁 剪 框 ( 见 图 4.22) 。

图 4.22 剪裁框

首 先 按 照 调 整 图 片 大 小 的 方 法 ， 拖 拽 剪 裁 框 四 周 的 控 点 ， 将 剪 裁 框 调 至 适当 大 小 ， 然 后 在 “ 常 用 ” 工 具 栏 中 单 击 “ 剪 裁 ” 按 钮 ， 剪 裁 框 外 的 部 分 将被 裁 掉 ( 见 图 4.23) 。

图 4.23 剪裁图片

1. 冲 蚀 及 黑 白 图

使 用 “ 图 片 ” 工 具 栏 中 的 “ 冲 蚀 ” 按 钮 及 “ 黑 白 模 式 ” 按 钮 ， 可以 将 图 片 洗 白 或 是 转 换 成 黑 白 图 ( 见 图 4.24) 。

图 4.24 冲蚀图及黑白图

1. 调 整 图 片 的 对 比 及 亮 度

   • 使 用 “ 图 片 ” 工 具 栏 中 的

     “ 增 加 对 比 度 ” 按 钮 可 以 增 加 图 片 的 对 比度 ( 见 图 4.25) 。

图 4.25 增加图片对比度

• 使 用 “ 图 片 ” 工 具 栏 中 的

  “ 减 低 对 比 度 ” 按 钮 可 以 降 低 图 片 的 对 比

度 ( 见 图 4.26) 。

图 4.26 降低图片对比度

• 使用 “ 图 片 ” 工 具 栏 中 的

  “ 增 加 亮 度 ” 按 钮 可 以 增 加 图 片 的 亮 度 ( 见图 4.27) 。

图 4.27 增加图片亮度

• 使用 “ 图 片 ” 工 具 栏 中 的

  “ 减 低 亮 度 ” 按 钮 可 以 降 低 图 片 的 亮 度 ( 见图 4.28) 。

提 示 ： 不 论 我 们 对 图 片 做 了 多 少 操 作 ， 只 要 单 击“ 图 片 ” 工 具 栏 中 的 “ 还原 ” 按 钮 ， 就 可 以 将 图 片 回 复 到 存 文 件 时 的 形 式 ， 包 括 图 片 大 小 、 颜 色 等 等 。

1. 凹 凸 效 果

图 4.28 降低图片亮度

在 “ 图 片 ” 工 具 栏 中 单 击 “ 凹 凸 效 果 ” 按 钮 ， 图 片 的 四 周 会 产 生 斜 角 ， 使 图 片 有 “ 按 钮 ” 的 效 果 ( 见图 4.29) 。

1. 样 本 图

图 4.29 图片的凹凸效果

前 面 说 过 ， 制 作 网 页 最 怕 图 片 文 件 太 大 ， 传 输 需 要 耗 费 不 少 时 间 ， 因 此 ， 如 何 将 图 片 文 件 控 制 到 最 适 当 的 大 小 就 变 得 很 重 要 了 。 要 把 图 片 文 件 变 小 ， 通常 想 到 的 方 法 就 是 将 图 片 缩 小 ， 然 而 将 图 片 缩 小 ， 文 件 就 会 变 小 吗 ? 而 且 ， 图 片缩 小 后 图 案 就 不 清 楚 了 。 下 面 我 们 做 个 小 小 的 实 验 ， 看 看 图 片 文 件 的 大 小 是 否有 变 化 ， 操 作 步 骤 如 下 ：

1. 首

   先 注 意 窗 口 右 下 角 的 状 态 栏 ( 见 图 4.30) 。

图 4.30 原图的传输方式和时间

1. 现 在 用 拖 拽 的 方 法 将 图 片 缩 小 ( 见 图 4.31) ， 来 看 看 图

   片 的 传 输 速 度 是 否有 变 化 。

图 4.31 缩小后图片的传输时间

1. 由 此 可 知 ， 缩 小 图 片 只 能 改 变 图 片 的 大 小 ， 并 不 能 将

   文 件 缩 小 。 现 在 单击 “ 图 片 ” 工 具 栏 上 的 “ 重 新 取 样 ” 按 钮 。

2. 我 们 看 到 利 用 重 新 取 样 可 以 将 缩 小 的 图 片 变 成 样 本 图

   ， 这 样 就 能 减 少 图片 文 件 的 大 小 ， 节 省 传 输 时 间 ( 见 图 4.32) 。

图 4.32 重新取样后图片的传输速度

1. 设 置 替 代 图 及 替 代 文 字

当 我 们 在 Internet 上 浏 览 时 ， 有 时 图 片 文 件 会 因 为 某 些 原 因 无 法 读 取 ， 或是 在 图 片 文 件 未 下 载 完 全 时 ， 页 面 上 会 以 一 些 低 分 辩 率 的 图 片 或 简 单 的 文 本 来取 代 原 来 的 图 片 文 件 ， 这 样 不 会 因 为 无 法 看 到 图 片 而 影 响 到 对 整 个 页 面 的 了 解 。

1. 使 用 鼠 标 右 键 单 击 图 片 ， 从 快 捷 菜 单 中 选 择 “ 图 片 属

   性 ” 命 令 。

图 4.33 设置替代选项

1. 出现 “ 图 片 属 性 ” 对 话 框 ， 选 中 “ 常 规 ” 选 项 卡 。

2. 在 “ 替 代 表 示 ” 区 域 中 的 “ 低 分 辨 率 ” 选 项 栏 中 键 入 替

   代 图 片 的 路 径 及名 称 ( 见 图 4.33) 。 可 以 单 击 “ 浏 览 ” 按 钮 选 择 替 代 图 片 。

3. 在 “ 文 本 ” 选 项 栏 中 输 入 用 于 替 代 图 片 的 文 字 。

4. 单击 “ 确 定 ” 按 钮 。

当 图 片 文 件 无 法 读 取 时 ， 就 会 显 示 “ 替 你 表 示 ” 区 域 中 的 图 片 或 文 字 ( 见 图4.34) 。

图 4.34 用文本替代图片

1. 图 文 混 排

   1. 图 形 与 文 字 的 排 列

在 页 面 中 加 入 图 片 之 后 ， 有 时 会 因 为 文 字 和 图 片 的 大 小 及 排 列 等 原 因 ， 使页 面 看 起 来 不 是 很 协 调 ， 为 了 使 文 字 和 图 片 真 正 能 达 到 “ 水 乳 交 融 ”， 就 要 适 当地 将 各 种 图 文 混 排 的 方 式 应 用 在 页 面 中 。

1. 选 定 所 需 的 图 片 。

2. 单 击 鼠 标 右 键 ， 从 快 捷 菜 单 中 选 择 “ 图 片 属 性 ” 命 令

   。

3. 出现 “ 图 片 属 性 ” 对 话 框 ， 选 中 “ 外 观 ” 选 项 卡 。

4. 在 “ 布 局 ” 区 域 中 单 击 “ 对 齐 方 式 ” 下 拉 按 钮 ， 列 表 中

   提 供 了 多 种 网 页排 列 的 选 项 ( 见 图 4.35) 。

图 4.35 选择对齐方式

1. 选 择 所 需 的 图 文 排 列 方 式 ， 例 如 选 择 “ 左 对 齐 ”。

2. 单击 “ 确 定 ” 按 钮 。

1. 设 定 文 字 与 图 片 之 间 的 距 离

在 版 面 的 安 排 上 ， 适 当 的 留 白 会 使 页 面 的 布 局 更 美 观 一 些 ， 不 至 于 太 拥 挤 。1) 选 择 所 需 的 图 片 。

1. 单 击 鼠 标 右 键 ， 从 快 捷 菜 单 中 选 择 “ 图 片 属 性 ” 命 令

   。

2. 出现 “ 图 片 属 性 ” 对 话 框 ， 选 中 “ 外 观 ” 选 项 卡 。

图 4.36 设置文字与图片的距离

1. 在 “ 布 局 ” 区 域 中 的 “ 水 平 间 距 ” 和 “ 垂 直 间 距 ” 栏 中 键

   入 或 选 择 所 需

数 值 ( 见 图 4.36) 。

1. 单击 “ 确 定 ” 按 钮 。

图 片 四 周 按 所 设 数 值 空 出 距 离 ( 见 图 4.37) 。

图 4.37 文字与图片的距离效果

1. 设 置 网 页 背 景

在 制 作 网 页 时 ， 如 果 对 网 页 的 背 景 感 到 不 满 意 时 ， 可 以 对 网 页 背 景 进 行 重新 设 置 。

1. 用 图 片 作 为 背 景

将 图 片 作 为 网 页 背 景 的 操 作 步 骤 如 下 ：

图 4.38 选择背景图片

1. 从 “ 格 式 ” 菜 单 中 选 择 “ 背 景 ” 命 令 。

2. 出现 “ 网 页 属 性 ” 对 话 框 ， 选 中 “ 背 景 ” 选 项 卡 。

3. 在 “ 格 式 ” 区 域 中 选 择 “ 背 景 图 片 ” 复 选 框 ， 然 后 单 击

   “ 浏 览 ” 按 钮 ， 选 择 所 需 的 背 景 图 片 ( 见 图 4.38) 。

4. 单击 “ 确 定 ” 按 钮 。 图 片 应 用 在 网 页 的 背 景 上 ( 见 图

   4.39) 。

图 4.39 网页中的背景图片

注 意 ： 如 果 页 面 已 有 了 背 景 图 ， 此 时 从 “ 格 式 ” 菜 单 中 选 择 “ 背 景 ” 命 令不 会 出 现 “ 网 页 属 性 ” 对 话 框 ， 只 有 将 背 景 图 去 除 后 ， 才 能 在 “ 网 页 属 性 ” 对话 框 中 设 置 网 页 背 景 图 。

如 果 觉 得 背 景 图 案 太 过 显 眼 ， 可 以 对 图 片 进 行 “ 冲 蚀 ” 处 理 ， 将 “ 图 片 ” 工 具 栏 显 示 出 来 ， 然 后 取 消 选 取 页 面 上 的 任 何 图 案 ， 单 击 “ 冲 蚀 ” 按 钮 ， 就 可 以 将 背 景 图 案 刷 淡 了 。

1. 使 用 单 一 色 彩 作 为 背 景

有 时 用 图 片 作 为 背 景 ， 会 使 页 面 太 过 复 杂 ， 所 有 也 可 以 只 选 择 一 种 颜 色 作为 背 景 。

1. 从 “ 格 式 ” 菜 单 中 选 择 “ 背 景 ” 命 令 。

2. 出现 “ 网 页 属 性 ” 对 话 框 ， 选 中 “ 背 景 ” 选 项 卡 。

图 4.40 选择背景颜色

1. 在 “ 颜 色 ” 区 域 中 单 击 “ 背 景 ” 下 拉 按 钮 ， 在 颜 色 列 表

   中 选 择 所 需 的 背景 颜 色 ( 见 图 4.40) 。 也 可 以 选 择 “ 其 他 颜 色 ” 定 义 更 多 的 颜 色 。

2. 单击 “ 确 定 ” 按 钮 ， 所 选 颜 色 作 为 背 景 出 现 在 网 页 中 。

1. 设 置 文 字 颜 色

如 果 将 网 页 的 背 景 设 置 为 黑 色 ， 而 网 页 上 的 文 字 也 是 黑 色 的 ， 此 时 网 页 中就 会 什 么 也 看 不 到 。 为 避 免 此 现 象 ， 可 以 对 文 字 颜 色 进 行 设 置 。

1. 从 “ 格 式 ” 菜 单 中 选 择 “ 背 景 ” 命 令 。

2. 出现 “ 网 页 属 性 ” 对 话 框 ， 选 中 “ 背 景 ” 选 项 卡 。

图 4.41 设置文本颜色

1. 在 “ 颜 色 ” 区 域 中 单 击 “ 文 本 ” 下 拉 按 钮 ， 根 据 背 景 颜

   色 在 颜 色 列 表 中

选 择 所 需 的 文 本 颜 色 ( 见 图 4.41) 。4) 单击 “ 确 定 ” 按 钮 。

1. 背 景 的 特 殊 效 果 — — 浮 水 印

浮 水 印 是 一 种 图 片 背 景 的 特 殊 效 果 ， 一 般 的 背 景 效 果 在 页 面 文 件 卷 动 时 都会 跟 着 文 字 卷 动 ， 但 是 浮 水 印 的 背 景 效 果 就 像 直 接 嵌 在 背 景 中 ， 并 不 会 随 着 文字 的 卷 动 而 卷 动 。

1. 从 “ 格 式 ” 菜 单 中 选 择 “ 背 景 ” 命 令 。

2. 出现 “ 网 页 属 性 ” 对 话 框 ， 选 中 “ 背 景 ” 选 项 卡 。

3. 在 “ 格 式 ” 区 域 中 选 择 “ 背 景 图 片 ” 和 “ 水 印 ” 复 选 框 (

   见 图 4.42) 。

图 4.42 设置水印

1. 单击 “ 浏 览 ” 按 钮 ， 选 择 作 为 背 景 的 图 片 。

2. 单击 “ 确 定 ” 按 钮 。

浮 水 印 的 效 果 必 须 是 在 以 图 片 为 背 景 时 才 能 选 取 ， 如 果 是 以 单 一 颜 色 为 背景 是 无 法 选 取 的 。 在 FrontPage 2000 中 并 不 能 看 出 浮 水 印 的 效 果 ， 只 有 切 换 到“ 预 览 ” 模 式 或 是 打 开 浏 览 器 来 观 看 。 需 要 说 明 的 是 有 些 浏 览 器 并 不 支 持 浮 水印 的 效 果 。

返 回 总 目 录

目 录

第 5 章 网 页 中 的 超 链 接 2

1. 超 链 接 的 组 成 2

2. 加 入 超 链 接 和 书 签 6

3. 书 签 的 使 用 25

4. 编 辑 超 链 接 32

5. 超 链 接 的 管 理 36

6. 使 用 导 航 栏 42

7. MAP 的 应 用 50

第 5 章 网 页 中 的 超 链 接

Web 网 页 的 强 大 之 处 就 在 于 其 神 通 广 大 的 超 链 接 。 使 用 超 链 接 能 够 在 丰 富 多彩 的 Web 世 界 轻 松 地 漫 游 ， 不 用 走 出 家 门 就 可 以 了 解 到 最 新 的 信 息 ， 体 验 异 国的 风 采 ， 还 可 以 进 行 网 上 通 信 、 交 流 、 网 上 购 物 等 等 。 总 之 ， 没 有 超 链 接 网 页就 失 去 了 其 真 正 的 意 义 。