1、第 二 篇 Fr ont Page 魔 法 初 级 篇 个 人 网 页 无 中 生 有第 4 章 魔 法 第 一 变 文 字 编 辑大 家 好,终 于 该 我 小 巫 婆 上 场 了,准 备 好 了 吗?我 可 要 大 显 身 手 了 喔!在 所有 神 奇 的 魔 法 中,我 最 爱 烹 饪 了。面 粉 和 鸡 蛋 的 组 合,可 以 变 化 出 多 彩 多 姿 的 蛋糕;糖 和 盐 的 调 味,可 以 创 造 出 各 式 各 样 的 味 道。是 不 是 很 奇 妙 呢?因 此,我 决定 和 几 个 志 同 道 合 的 朋 友,一 同 建 立 一 个 网 站,将 我 们 的 神 奇 魔 法 呈
2、 现 在W W W 多 彩 多 姿 的 世 界 中,除 了 丰 富 的 文 字 内 容、美 丽 的 图 片、还 有 各 种 特 殊效 果,保 证 能 捉 住 浏 览 者 的 心。请 和 我 们 一 起 来,学 习 魔 法 第 一 变 文 字 编 辑。建 立“小 巫 婆 的 魔 法 厨 房”网 站在 建 立 网 站 之 前,我 们 必 须 先 有 一 些 构 想,比 如 说,在 我 们 的 网 站 内,除了 要 介 绍 一 些 拿 手 菜 的 食 谱,还 可 以 带 大 家 到 处 看 看 别 的 美 食 网 站 或 餐 厅.,接 下 来 我 们 就 根 据 这 些 构 想 来 建 立 网 站:
3、继 续 按 下 O K 钮 就 会 开 始 建 立 网 站。完 成 之 后 就 如 下 图:假 设 我 们 要 在 网 站 内 再 增 加 两 个 新 的 页 面,请 按 下 C r e a t e N e w P a g e 钮关 于 Navi gat i on Bar s 的 部 份 我 们 将 于 第 6 章 介 绍。再 按 一 次 C r e a t e N e w P a g e 钮 即 可 再 增 加 一 个 页 面。以 下 就 是 我 们 所 建 立的 小 巫 婆 的 魔 法 厨 房 网 站。网 站 建 立 好 之 后,在 首 页“H o m e P a g e”上 双 击 鼠
4、标 左 键,启 动 F r o n t P a g eEditor,打 开“H o m e P a g e”网 页。4.1 输 入 文 字嗯.想 一 想,我 们 要 在 首 页 输 入 什 么 样 的 内 容 呢?对 了!我 们 可 以 在 首 页 中对 小 巫 婆 的 魔 法 厨 房 做 一 点 简 介,将 这 个 网 站 的 特 色 介 绍 给 大 家 呀!有 了 这样 的 构 想 之 后,网 站 首 页 的 内 容 就 呼 之 欲 出 了。中 文 输 入 的 页 面 设 定中 华 文 化 博 大 精 深,身 为 中 国 人 真 是 有 无 比 的 骄 傲,因 此 我 们 决 定 要 做
5、一 个中 文 网 页.啊,其 实 是 英 文 太 破 啦!有 了 页 面 的 构 想 之 后,就 要 把 文 字 内 容 输 入,但 在 我 们 输 入 中 文 字 之 前,必 须 先 将 页 面 的 编 码 改 成 Traditional Chinese(B i g 5)(繁 体 中 文)的 编 码 方 式,这 样 页 面 才 能 正 确 地 显 示 中 文,否 则 可 能 会 看 到一 堆?号,不 知 道 在 胡 言 乱 语 什 么 了。要 改 变 页 面 的 编 码 方 式,请 选 择“File/Page Properties”命 令,切 换 到L a n g u a g e 选 项:设
6、 定 好 页 面 的 编 码 方 式,我 们 所 输 入 的 中 文 才 能 正 确 无 误 地 显 示 在 浏 览 器中 ,不 致 看 到 一 堆 外 星 文。输 入 一 般 文 字编 码 方 式 设 定 好 之 后,就 可 以 在 F r o n t P a g e Editor 的 编 辑 区 中 输 入 文 字:自 动 换 行在 输 入 文 字 时,若 一 行 长 度 超 过 屏 幕 的 显 示 范 围,Editor 会 自 动 换 行,不 须我 们 另 外 使 用 其 他 按 键 换 行。使 用 自 动 换 行 的 好 处使 用 自 动 换 行 的 效 果,则 在 浏 览 我 们 的
7、 页 面 时,浏 览 器 会 配 合 视 窗 的 大 小 自动 做 换 行 的 工 作。文 章 的 段 落若 我 们 输 入 的 文 章 像 是“阿 婆 的 裹 脚 布 又 臭 又 长”的 话,那 是 没 有 人 要 看的 啦!因 此 将 文 章 做 适 当 的 段 落 排 列 可 以 增 加 页 面 的 可 读 性。在 我 们 输 入 文 字内 容 时,按 下“Enter”键 即 可 区 分 段 落。换 行 的 效 果若 我 们 只 是 要 将 文 字 换 行,而 不 想 因 此 而 另 起 一 段 落,该 怎 么 办 呢?简 单,只 要 按 下 “Shift”+“E n t e r”键 即
8、 可。或 者 也 可 以 选 择“I n s e r t/L i n e B r e a k”命 令,然 后 在 B r e a k P r o p e r t i e s 对 话 框 中 选 取 N o r m a l L i n e B r e a k 单 选 钮 来 换行。我 们 可 以 利 用 换 行 的 效 果 来 制 造 一 些 签 名 或 排 列 简 单 图 案,这 样 无 论 浏 览 者的 屏 幕 视 窗 大 小 为 何,文 章 都 会 依 照 你 的 安 排 强 迫 换 行。工 具 钮按 下 工 具 栏 上 的 工 具 钮,就 可 以 在 编 辑 区 中 看 到 段 落 符
9、号 及 换 行 符 号,再 按 一 下,这 些 符 号 就 会 被 隐 藏 起 来。加 入 特 殊 字 符除 了 输 入 一 般 的 文 字 外,Editor 还 提 供 了 各 式 不 同 的 特 殊 字 符,供 大 家 使 用,只 要 选 择“I n s e r t/S y m b o l”命 令,就 可 以 看 见 许 多 的 特 殊 字 符,选 定 需 要 的 特 殊字 符 后,按 下 Insert 钮,就 可 以 加 入 所 需 的 特 殊 字 符。特 殊 字 符 符 号 表加 入 你 想 要 的 特 殊 字 符 后,请 按 下 Cl os e 钮 关 闭 对 话 框。出 现 乱 码
10、?由 于 这 些 特 殊 字 符 大 多 属 于 欧 语 文 字,因 此 若 我 们 是 在 中 文 环 境 下 浏 览 这些 特 殊 字 元,就 有 可 能 会 看 到 乱 码。所 以,如 果 仍 坚 持 要 使 用 中 文 的 编 码 方 式,这 些 特 殊 字 元 还 是 少 用 为 妙。加 入 注 解 文 字为 了 让 自 己 在 编 辑 文 字 或 在 维 护 页 面 时 管 理 方 便,我 们 还 可 以 在 文 件 中 插入 一 段 注 解 (称 为 C o m m e n t)。使 用 C o m m e n t 的 方 法 也 很 简 单,你 只 要 将 插 入点 移 到 想
11、 加 入 注 解 的 地 方,选 择“I n s e r t/F r o n t P a g e C o m p o n e n t”命 令,在 InsertF r o n t P a g e C o m p o n e n t 对 话 框 选 择 C o m m e n t:不 知 各 位 有 没 有 发 现,当 鼠 标 移 到 注 解 文 字 上 时,指 标 会 变 成,这 是因 为 注 解 (Comment)是 Fr ont Page Component 的 一 种,关 于 其 他 的 Fr ont PageComponent 我 们 将 在 第 9 章 介 绍。4.2 文 字 的 搜
12、寻、搬 移 与 取 代在 FrontPage Editor 中 也 提 供 了 许 多 类 似 文 书 处 理 软 件 的 文 件 编 辑 技 巧,如寻 找、取 代、搬 移、复 制 等 功 能。寻 找 与 取 代寻 找 字 串 (Fi nd)想 要 从 长 篇 文 章 里 寻 找 出 某 个 特 定 字 串 是 很 简 单 的 事,只 要 选 择“E d i t/F i n d”命 令,就 可 以 快 速 地 找 到 你 要 的 字:取 代 字 串 (Repl ace)如 果 不 小 心 把 魔 法 打 成 了 魔 术,则 我 们 可 以 先 找 出 打 错 的 部 份,再将 其 取 代 成
13、正 确 的 字 串,这 样 的 过 程 只 需 几 个 动 作 就 完 成 了,请 选 择“Edit/Replace”命 令,在 取 代 对 话 框 中,输 入 要 寻 找 及 取 代 的 字 串,再 依 你 的需 要 选 择 取 代 或 全 部 取 代 即 可。做 错 了 怎 么 办?如 果 不 小 心 做 错 了 一 个 动 作,可 以 按 下 工 具 栏 上 的 Undo 工 具 钮,把 刚 才 做 错 的 部 份 还 原。在 Edi t or 中,可 以 重 复 多 次 的 Undo动 作,并 不 只 局 限 于 使 用 一 次 喔!另 外 还 有 一 个 Redo 钮,可 以 复 原
14、 刚 才 Undo 的 动 作,两 者 搭配 使 用,更 加 得 心 应 手!搬 移 与 复 制在 Editor 中,搬 移 与 复 制 的 技 巧 和 一 般 文 书 处 理 软 件 并 无 不 同,只 要 按 下 工具 栏 上 的 C u t 钮、C o p y 钮、及 Paste 钮,即 可 达 到 剪 下、复 制 及 贴上 的 效 果。4.3 改 变 段 落 的 样 式对 一 些 基 本 的 技 巧 都 熟 悉 了 之 后,我 们 就 可 以 开 始 为 我 们 的 网 页 文 章 加 入一 些 变 化,首 先 我 们 来 对 文 章 的 段 落 做 一 点 手 脚。五 花 八 门 的
15、 段 落 样 式不 同 的 段 落 可 以 使 用 不 同 的 样 式 来 显 示,以 作 为 区 分。在 Editor 中,预 设的 段 落 样 式 是 N o r m a l,另 外 还 有 H e a d i n g 1 到 H e a d i n g 6 这 6 种 样 式 可 以 改 变段 落 的 字 体 大 小。以 我 们 的 例 子 来 说,“小 巫 婆 的 魔 法 厨 房”乃 是 此 页 面 的 标 题,我 们 可 以将 标 题 的 字 体 加 大。请 将 插 入 点 移 到 第 一 个 段 落 的 任 一 处,按 下 工 具 栏 上 的C h a n g e S t y l
16、e 下 拉 箭 头,在 列 表 框 中 选 择 H e a d i n g 2:除 此 之 外,我 们 还 可 改 变 下 一 段 说 明 文 字 的 段 落 样 式。请 将 鼠 标 移 到 下 一个 段 落 的 左 边,当 指 标 变 成时,双 击 鼠 标 左 键,即 可 选 定 此 段 落:然 后 选 择“F o r m a t/P a r a g r a p h”命 令,叫 出 P a r a g r a p h P r o p e r t i e s 对 话 框,并在 其 中 选 择 H e a d i n g 3 段 落 样 式:若 是 先 切 换 到 一 新 的 段 落,然 后 直 接 选 择 段 落 样 式,则 以 后 输 入 的 内 容 就会 套 用 所 选 择 的 段 落 样 式 了。预 览 一 下 吧!设 计 网 页 要 培 养 一 个 很 重 要 的 习 惯,那 就 是“预 览”。虽 然 Fr ont Page Edi t or提 供 了 一 个 WYSI WYG(What You See I s What You Get 所 见 即 所 得)的 编 辑 环境,但