运 用 宏
在 网 页 中 加 入 现 成 的 ActiveX 控 件 或 Java 程 序 固 然 方 便 有 效 , 但 如 果 想 要做 出 更 互 动 的 效 果 , 例 如 单 击 按 钮 显 示 某 些 信 息 , 或 是 输 入 资 料 后 要 判 断 资 料的 正 确 性 等 等 , 那 么 在 网 页 中 就 必 须 加 入 宏 、 VBScript 和 HTML 。
- 创 建 宏
在 制 作 站 点 时 , 时 常 会 碰 到 在 几 个 网 页 间 都 会 使 用 到 同 样 的 互 动 效 果 , 这时 就 可 以 在 FrontPage 中 制 作 一 个 宏 动 作 。
-
从 “ 工 具 ” 菜 单 的 “ 宏 ” 子 菜 单 中 选 择 “ 宏 ” 命 令 。
-
出现 “ 宏 ” 对 话 框 , 在 “ 宏 名 称 ” 文 本 框 中 输 入 宏 的 名
称 ( 见 图 10.29) 。
图 10.29 “宏”对话框
- 单击 “ 创 建 ” 按 钮 , 出 现 Visual Basic 编 辑 器 , 在 编 辑 器
中 可 以 编 辑 宏动 作 ( 见 图 10.30) 。
图 10.30 Visual Basic 编辑器
- 宏 动 作 编 辑 完 毕 , 从 “ 文 件 ” 菜 单 中 选 择 “ 关 闭 并 返 回
到 Microsoft FrontPage ” 命 令 。
如 果 对 创 建 的 宏 动 作 感 到 不 满 意 , 可 以 打 开 “ 宏 ” 对 话 框 , 在 “ 宏 名 称 ” 列 表 中 选 择 要 编 辑 的 宏 , 然 后 单 击 “ 编 辑 ” 按 钮 , 就 可 以 在 Visual Basic 编 辑器 重 新 编 辑 这 个 宏 。
- 删 除 宏
如 果 要 删 除 宏 动 作 , 从 “ 工 具 ” 菜 单 的 “ 宏 ” 子 菜 单 中 选 择 “ 宏 ” 命 令 , 出 现 “ 宏 ” 对 话 框 , 在 “ 宏 名 称 ” 列 表 中 选 择 要 删 除 的 宏 , 然 后 单 击 “ 删 除 ” 按 钮 , 这 时 会 出 现 对 话 框 询 问 是 否 要 删 除 宏 ( 见 图 10.31) , 单 击 “ 是 ” 按 钮 , 就 会 将 这 个 宏 删 除 。
图 10.31 删 除 宏
返 回 总 目 录
目 录
第 11 章 站 点 的 管 理 与 发 布 2
-
站 点 的 更 新 与 管 理 2
-
发 布 站 点 的 条 件 20
-
发 布 站 点 21
第 11 章 站 点 的 管 理 与 发 布
看 完 前 面 的 章 节 后 , 相 信 各 位 读 者 对 FrontPage 2000 的 网 页 制 作 功 能 , 应该 都 有 相 当 的 了 解 。 但 是 事 实 上 , 除 了 网 页 的 制 作 与 编 辑 外 , FrontPage 2000 还 是 一 套 功 能 强 大 的 站 点 管 理 工 具 。 本 章 将 会 讲 述 如 何 利 用 FrontPage 2000 高效 率 地 维 护 、 更 新 与 管 理 站 点 , 让 你 和 站 点 时 刻 保 持 密 切 的 联 系 。
- 站 点 的 更 新 与 管 理
网 络 上 的 信 息 无 时 无 刻 不 在 体 现 着 现 代 生 活 的 高 速 , 信 息 应 该 是 最 新 的 , 这 就 需 要 我 们 不 断 更 新 网 页 的 内 容 , 所 以 说 站 点 的 更 新 是 一 项 巨 大 的 工 程 。
根 据 每 个 文 件 最 后 修 改 或 保 存 的 日 期 , Frontypage2000 会 自 动 检 测 出 哪 些文 件 需 要 更 新 , 哪 些 不 必 修 改 , 这 样 就 可 以 节 省 很 多 上 传 文 件 的 时 间 , 提 供 工作 效 率 。
除 了 不 断 更 新 站 点 的 内 容 , 适 当 的 时 候 也 可 以 改 变 一 下 站 点 的 风 格 , 让 浏览 者 有 一 种 耳 目 一 新 的 感 觉 , 这 样 你 的 站 点 才 显 得 有 生 命 力 。
- 设 置 编 辑 程 序
在 网 站 的 更 新 过 程 中 , 总 是 会 碰 到 修 改 图 形 、 制 作 GIF 动 画 之 类 的 工 作 ,
可 以 根 据 个 人 喜 好 设 置 自 己 熟 悉 的 相 关 编 辑 程 序 。1) 从 “ 工 具 ” 菜 单 中 选 择 “ 选 项 ” 命 令 。
- 出 现 “ 选 项 ” 对 话 框 , 选 中 “ 配 置 编 辑 器 ” 选 项 卡 , 指
定 各 种 文 件 类 型对 应 的 编 辑 程 序 ( 见 图 11.1) 。
图 11.1 指定编辑程序
- 单 击 “ 添 加 ” 按 钮 , 会 出 现 “ 添 加 编 辑 器 关 联 ” 对 话 框
( 见 图 11.2) , 可以 设 置 一 个 新 的 编 辑 程 序 来 编 辑 相 应 的 文 件 类 型 。
图 11.2 设置新的编辑程序
- 单击 “ 确 定 ” 按 钮 , 新 的 编 辑 程 序 出 现 在 对 话 框 中 ( 见 图 11.3) 。
图 11.3 添加新的编辑程序
- 单击 “ 确 定 ” 按 钮 完 成 设 置 。
这 样 当 我 们 编 辑 GIF 图 形 时 , 双 击 该 图 形 文 件 , 就 自 动 打 开 与 之 关 联 的 编辑 程 序 。
- 任 务 管 理
随 着 站 点 中 文 件 与 链 接 数 量 的 增 多 , 并 且 某 个 站 点 中 可 能 有 多 人 分 别 独 立工 作 , 这 就 需 要 对 自 己 的 文 件 与 链 接 进 行 标 记 , 以 便 与 他 人 的 工 作 内 容 相 区 别 。在 FrontPage 2000 中 , 可 以 使 用 任 务 管 理 和 维 护 站 点 。
- 添 加 任 务
在 几 个 人 同 时 做 一 个 项 目 时 , 如 果 你 已 经 完 成 网 页 中 所 负 责 的 图 片 部 分 , 而 文 字 链 接 部 分 要 由 其 他 人 来 完 成 , 这 时 可 将 网 页 添 加 到 任 务 中 , 等 待 他 人 来完 成 此 任 务 。
-
选 择 作 为 任 务 的 网 页 。
-
从 “ 编 辑 ” 菜 单 的 “ 任 务 ” 子 菜 单 中 选 择 “ 添 加 任 务 ” 命
令 。
图 11.4 新建任务
-
出 现“ 新 建 任 务 ”对 话 框 ,在“ 任 务 名 称 ”框 中 输 入 工 作 的
名 称 ( 见 图 11.4) 。
-
在 “ 分 配 对 象 ” 框 中 输 入 要 完 成 此 任 务 的 工 作 者 。
-
在 “ 说 明 ” 框 中 输 入 对 任 务 的 简 单 的 文 字 叙 述 。
-
在 “ 优 先 ” 级 区 域 中 指 定 任 务 的 优 先 顺 序 。“ 高 ” 表 示
最 优 先 。
-
单击 “ 确 定 ” 按 钮 。
-
若 想 查 看 任 务 , 请 在 “ 视 图 ” 栏 中 单 击
“ 任 务 ” 按 钮 。
-
在 “ 任 务 ” 视 图 中 可 以 看 到 所 有 的 任 务 分 配 ( 见图 11.5)
。
图 11.5 任务视图中的任务
- 将 链 接 的 新 网 页 添 加 为 任 务
当 设 定 链 接 到 一 个 新 网 页 时 , 若 想 将 此 网 页 的 内 容 交 由 其 他 人 编 辑 , 也 可将 此 网 页 添 加 到 任 务 中 。
-
选 定 要 定 义 超 链 接 的 文 本 或 图 像 。
-
单 击 “ 常 用 ” 工 具 栏 上 的
“ 超 链 接 ” 按 钮 , 或 是 从 “ 插 入 ” 菜 单 中 选择 “ 超 链 接 ” 命 令 。
-
出 现 “ 创 建 超 链 接 ” 对 话 框 , 单 击
“ 创 建 一 网 页 并 链 接 到 该 网 页 ” 按
钮 。
-
出现 “ 新 建 ” 对 话 框 , 在 “ 常 规 ” 选 项 卡 中 选 择 一 种 网
页 模 板 。
-
在 “ 选 项 ” 区 域 中 选 中“ 仅 添 加 站 点 任 务 ” 复 选 框 ( 见 图
11.6) ,单击“ 确
定 ” 按 钮 。
图 11.6 设置添加任务
- 出现 “ 另 存 为 ” 对 话 框 , 在 “ 文 件 名 ” 框 中 输 入 网 页 的
名 称 ( 见 图 11.7) 。
图 11.7 保存网页
-
单击 “ 保 存 ” 按 钮 , 建 立 了 一 个 新 的 网 页 。
-
在 “ 视 图 栏 ” 中 单 击
“ 任 务 ” 按 钮 。
-
在 “ 任 务 ” 视 图 中 可 以 看 到 这 个 新 任 务 ( 见 图 11.8) 。
图 11.8 添加的新任务
- 执 行 任 务
如 果 有 任 务 指 派 你 来 完 成 , 可 按 下 列 步 骤 执 行 任 务 。
-
在 “ 视 图 栏 ” 中 单 击
“ 任 务 ” 按 钮 , 进 入 “ 任 务 ” 视 图 。
-
在 任 务 列 表 中 选 择 分 配 给 你 的 任 务 , 单 击 鼠 标 右 键 ,
从 快 捷 菜 单 中 选 择“ 开 始 任 务 ” 命 令 ( 见 图 11.9) 。
图 11.9 选择任务
- 进 入 网 页 编 辑 状 态 , 根 据 根 本 的 任 务 编 辑 网 页 内 容 ( 见 图 11.10) 。
图 11.10 编辑网页内容
- 完 成 任 务 后 单 击 “ 常 用 ” 工 具 栏 上 的 “ 保 存 ” 按 钮 , 在
保 存 文 件 时 会 出现 对 话 框 询 问 此 项 任 务 是 否 已 经 完 成 ( 见图 11.11) 。
图 11.11 询问是否完成此项任务
- 在 “ 视 图 栏 ” 中 单 击
“ 任 务 ” 按 钮 , 在 “ 任 务 ” 视 图 中 可 以 看 到 这项 任 务 已 经 标 识 为 “ 已 完 成 ” ( 见 图 11.12) 。
图 11.12 标识完成的任务
- 删 除 任 务 工 作 记 录
完 成 的 任 务 记 录 可 以 保 留 下 来 以 便 查 阅 , 但 也 可 以 将 它 删 除 。1) 在 任 务 列 表 中 选 择 要 删 除 的 任 务 记 录 。
- 单 击 鼠 标 右 键 , 从 快 捷 菜 单 中 选 择 “ 删 除 ” 命 令 。
图 11.13 删除的工作记录
-
出现 “ 确 认 删 除 ” 对 话 框 ( 见 图 11.13) , 单 击 “ 是 ” 按 钮
。
-
选 择 的 任 务 记 录 被 删 除 。
- 发 布 站 点 的 条 件
当 我 们 精 心 建 立 了 自 己 的 Web 站 点 后 , 就 可 以 向 Internet 或 Intranet 上发 布 自 己 的 成 果 , 以 实 现 信 息 共 享 。 不 过 站 点 发 布 应 该 具 备 下 面 几 个 条 件 :
- 与 Internet 的 连 接
不 管 是 申 请 网 页 存 放 空 间 , 还 是 发 布 网 页 , 你 都 必 须 能 与 Internet 相 连 , 可 以 通 过 电 话 和 调 制 解 调 器 与 Internet 相 连 , 也 可 以 通 过 局 域 网 与 Internet 相 连 。
- 网 页 存 放 空 间
首 先 就 是 申 请 一 个 网 页 存 放 空 间 , 来 存 放 你 的 站 点 , 也 就 是 说 将 你 的 站 点放 到 Web 服 务 器 上 。在 Internet 上 有 很 多 地 方 可 以 提 供 免 费 的 个 人 主 页 存 放 地 , 国 内 比 较 著 名 的 有 : 广 州 网 易 、 瀛 海 威 等 。
- 是 否 支 持 FrontPage Server Extension
FrontPage Server Extension ( FrontPage 服 务 器 扩 展 程 序 ) 是 一 个 支 持FrontPage 服 务 器 工 具 的 补 丁 程 序 。 如 果 WWW 服 务 器 上 提 供 了 FrontPage 服 务器 扩 展 程 序 , 也 就 是 说 WWW 主 机 上 安 装 了 FrontPage Server Extension , 那 么你 的 发 布 步 骤 会 简 单 一 些 。否 则 ,网 页 中 设 置 的 许 多 动 态 HTML 将 无 法 正 确 显 示 。
- 发 布 软 件
发 布 软 件 是 用 来 将 网 站 由 你 的 计 算 机 传 送 到 Internet 服 务 商 所 提 供 的 网 页存 放 地 。 用 于 网 页 发 布 的 软 件 有 很 多 , 比 如 : cuteFTP , WS-FTP , 可 以 根 据 个 人喜 好 选 择 。 FrontPage 2000 本 身 也 提 供 了 相 当 方 便 的 网 页 发 布 方 式 。
发 布 开 始 前 , 必 须 确 认 以 下 信 息 :
-
Internet 服 务 提 供 商 连 接
-
服 务 提 供 商 使 用 的 协 议 , 如 FTP 、 HTTP Post 或 CRS
-
发 布 文 件 使 用 的 Web 服 务 器 的 统 一 资 源 定 位 符 (URL)
-
发 布 文 件 服 务 器 上 文 件 夹 名
- 发 布 站 点
为 了 便 于 用 户 发 布 站 点 , FrontPage 2000 提 供 了 一 个 相 当 方 便 的 网 页 发 布工 具 ,只 需 完 成 其 中 的 设 置 ,就 可 以 成 功 地 将 自 己 的 主 页 发 布 到 Internet 中 去 。
- 在 FrontPage 2000 中 , 打 开 想 要 发 布 的 站 点 ( 见 图 11.14) 。
图 11.14 打开网站
- 在
“ 常 用 ” 工 具 栏 中 单 击 “ 发 布 站 点 ” 按 钮 , 或 者 从 “ 文 件 ” 菜 单 中
选 择 “ 发 布 站 点 ” 命 令 。
- 出 现 “ 发 布 站 点 ” 对 话 框 , 在 “ 指 定 发 布 站 点 的 位 置 ”
文 本 框 中 输 入 要发 布 站 点 的 位 置 ( 见 图 11.15) 。 如 果 没 有 站 点 建 立 提 供 商 , 可 以 单 击 “ WPP ” 按钮 , 启 动 浏 览 器 并 打 开 微 软 提 供 的 一 个 地 址 , 凡 是 在 这 里 登 记 ISP 都 可 以 完 全支 持 FrontPage 2000 提 供 的 各 种 扩 展 工 具 。
图 11.15 输入发布站点的位置
- 单击 “ 选 项 ” 按 钮 , 可 以 选 择 发 布 所 需 的 选 项 ( 见 图
11.16) , 如 果 你 是 第一 次 发 布 这 个 站 点 , 可 以 使 用 默 认 选 项 “ 只 发 布 更 改 过 的 网 页 ”, 当 下 一 次 发 布同 一 站 点 时 , 将 只 发 送 更 改 过 的 网 页 , 这 样 可 以 节 省 上 网 更 新 时 间 。
图 11.16 设置发布选项
提 示 : SSL 是 网 上 的 一 种 安 全 协 议 , 只 有 提 供 了 这 种 服 务 的 服 务 器 才 能 选 择此 项 , 对 于 大 多 数 用 户 来 说 , 没 有 必 要 选 择 这 种 层 次 的 安 全 服 务 。
-
设 置 好 发 布 地 址 , 单 击 “ 发 布 ” 按 钮 , FrontPage 2000 开
始 检 测 WWW 服务 器 的 状 态 。
-
FrontPage 与 服 务 器 连 接 成 功 后 , 就 会 出 现 “ 要 求 提 供 用
户 名 和 密 码 ” 对话 框 ( 见 图 11.17) , 要 求 输 入 用 户 名 和 密 码 , 这 些 内 容 都 是 你 申 请 站 点 时 ISP
提 供 给 你 的 信 息 。
图 11.17 提供用户名和密码
- 设 置 完 毕 后 , 单 击 “ 确 定 ” 按 钮 。
开 始 站 点 的 发 布 过 程 ( 见 图 11.18) 。 当 网 页 发 布 成 功 后 , 在 浏 览 器 打 开 站 点仔 细 浏 览 一 下 , 看 看 站 点 中 每 个 网 页 是 否 正 确 的 显 示 。
图 11.18 网页发布过程
网 页 不 能 正 确 显 示 的 原 因 有 很 多 , 最 有 可 能 的 就 是 文 件 名 的 大 小 写 问 题 。通 常 浏 览 时 , 使 用 者 只 要 输 入 网 站 地 址 , 就 可 以 直 接 进 入 主 页 , 例 如 输 入 网 站地 址 “ http://home.hn.cninfo.net/home/ydh/index.htm ”, 就 会 直 接 进 入 ydh 的 首 页 。 如 果 你 的 主 页 文 件 名 中 有 大 写 的 字 母 , 请 在 Frontpage 2000 中 将 其 该为 小 写 。
当 你 的 网 页 内 容 有 更 新 时 , 只 要 再 单 击“ 常 用 ” 工 具 栏 中 的 “ 发 布 站 点 ” 按 钮 , 即 可 将 修 改 过 的 网 页 上 传 。
返 回 总 目 录
目 录
第 12 章 理 解 H T M L 2
-
HTML 概 述 2
-
HTML 的 应 用 21
第 12 章 理 解 H T M L
虽 然 使 用 FrontPage 2000 可 以 不 需 要 编 写 任 何 的 HTML 语 言 , 就 能 设 计 出一 个 非 常 不 错 的 网 页 , 但 是 在 制 作 网 页 时 , FrontPage 已 经 在 背 后 自 动 编 写HTML 。 本 章 介 绍 HTML 语 法 只 为 了 让 使 用 者 在 制 作 网 页 时 , 了 解 一 下 FrontPage 幕 后 的 一 些 工 作 , 领 略 HTML 的 风 采 。
- HTML 概 述
HTML 语 言 是 超 文 本 标 记 语 言 (Hyperlink Text Markup Language) 的 缩 写 。它 是 一 种 描 述 文 档 结 构 的 语 言 , 而 不 能 描 述 实 际 的 表 现 形 式 。 HTML 语 言 使 用 标签 来 指 明 文 档 中 的 不 同 内 容 。 标 签 是 区 分 文 本 各 个 组 成 部 分 的 分 界 符 , 用 来 把HTML 文 档 划 分 成 不 同 的 逻 辑 部 分 ( 或 结 构 ) , 如 段 落 、 标 题 和 表 格 等 。 标 签 描 述了 文 档 的 结 构 , 它 向 浏 览 器 提 供 该 文 档 的 格 式 化 信 息 , 以 传 送 文 档 的 外 观 特 征 。
-
HTML 基 础
- HTML 标 签
HTML 标 签 规 定 Web 文 档 的 逻 辑 结 构 , 并 且 控 制 文 档 的 显 示 格 式 , 也 就 是 说 ,
设 计 者 可 以 用 标 签 定 义 Web 文 档 的 逻 辑 结 构 , 但 是 文 档 的 实 际 显 示 则 由 浏 览 器来 负 责 解 释 。 可 以 使 用 HTML 标 签 来 设 置 链 接 、 标 题 、 段 落 、 列 表 和 字 符 加 亮 区域 等 等 。 大 部 分 HTML 标 签 形 式 如 下 :
〈 标 签 名 〉 相 应 内 容 〈 / 标 签 名 〉
标 签 的 名 字 用 尖 括 号 <> 括 起 来 。 HTML 标 签 一 般 有 起 始 标 签 与 结 束 标 签 两 种 , 分 别 放 在 它 起 作 用 的 文 档 两 边 。 起 始 标 签 与 结 束 标 签 非 常 相 似 , 只 是 结 束 标 签在 “〈 ” 号 后 面 多 了 一 个 斜 杠 “ / ”。 某 些 HTML 元 素 只 有 起 始 标 签 而 没 有 相 应 的结 束 标 签 , 例 如 换 行 标 签 , 由 于 不 包 括 相 应 的 内 容 , 所 以 只 使 用 〈 br 〉 就 可 以了 。 还 有 一 些 元 素 的 结 束 标 签 是 可 以 省 略 的 , 如 分 段 结 束 标 签 〈 / 〉、 列 表 项 结束 标 签 〈 /li 〉、 词 语 结 束 标 签 〈 /dt 〉 和 定 义 结 束 标 签 〈 /dd 〉 等 等 。
起 始 标 签 中 可 以 包 含 属 性 (attribute) 域 , 其 位 置 是 从 标 签 名 之 后 空 一 个 格
的 地 方 开 始 , 在 结 束 符 ( 〉 ) 之 前 结 束 。 属 性 域 向 客 户 端 提 供 了 关 于 页 面 元 素 内容 以 及 如 何 处 理 的 附 加 信 息 。
- 基 本 的 页 面 格 式
所 有 HTML 页 面 都 使 用 指 明 页 面 特 性 、 标 题 、 主 体 以 及 名 称 的 标 签 。 在 标 准HTML 页 面 上 必 须 使 用 的 标 签 如 下 ( 见 图 12.1) :
图 12.1 标准 H T M L 页 面 使 用 的 标 签
-
<html>...</html>: 开 始 标 签 < htm1 > 是 HTML 文 档
的 第 一 个 标 签 , 它 通知 客 户 端 该 文 档 是 HTML 文 档 , 类 似 地 , 结 束 标 签 </htm1> 应 该 出 现 在 HTML 文 档的 尾 部 。
-
< head > ...</head > :<head> 标 签 出 现 在 文 档 的 起
始 部 分 , 标 明 文 档 的题 目 ( 或 介 绍 ) , 该 部 分 包 含 的 是 文 档 的 无 序 信 息 。 文 档 标 题 部 分 可 以 包 含 题 目和 主 题 信 息 。 结 束 标 签 </HEAD> 指 明 文 档 标 题 部 分 的 结 束 之 处 。
-
</title>...</title > :<title> 标 签 用 来 设 定 文
档 的 标 题 ( 不 超 过 64 个字 符 ) 。 用 户 在 浏 览 HTML 文 档 时 , 绝 大 多 数 浏 览 器 会 把 文 档 标 题 显 示 在 窗 口 顶端 的 标 题 栏 中 。
-
<boby>...</boby> :HTML 文 档 中 的 <boby> 标 签
用 来 指 明 文 档 的 主 体 区 域 , 该 部 分 通 常 能 够 包 容 其 它 字 符 串 ( 如 标 题 、 段 落 、 列 表 等 ) , HTML 文 档 的 主 体 区域 可 以 简 单 地 理 解 成 标 题 以 外 的 所 有 部 分 。 结 束 标 签 < / boby> 指 明 主 体 区 域 的结 尾 。
- 段 落 与 换 行
一 旦 建 立 完 页 面 的 基 本 结 构 后 , 就 需 要 在 页 面 中 加 入 文 档 。 <p> 是 一 个 段 落标 签 , 它 有 两 个 标 准 用 法 , 第 一 个 用 法 是 在 段 落 的 结 束 处 放 置 一 个 单 独 的 <p> , 它 相 当 于 一 个 回 车 和 一 个 换 行 的 功 能 ( 见图 12.2) 。
图 12.2 插入 <P> 标签
段 落 标 签 的 另 一 种 标 准 用 法 是 使 用 开 始 标 签 <p> 和 结 束 标 签 </p>( 见 图12.3) 。
图 12.3 插入 <P></P> 标签
<br> 是 一 个 强 制 换 行 标 签 , 如 果 在 一 行 文 本 的 结 束 处 加 入 <br> 标 签 , 文 档会 被 强 制 换 行 。 这 个 标 签 是 非 常 有 用 的 , 例 如 可 以 将 它 用 在 联 系 信 息 中 ( 见 图12.4) 。
图 12.4 使用 <br> 标签
- 链接
在 HTML 中 使 用 anchor 标 签 <a> 来 建 立 链 接 , 在 链 接 的 语 法 中 必 须 包 含 一 个参 考 属 性 href 和 一 个 结 束 标 签 </a> , 如 下 所 示 :
<a href= “ Link.htm ” >here's a link to another Page.</a>
在 链 接 语 法 中 , <a></a> 定 义 一 个 超 链 接 , href 指 定 了 目 标 URL , 这 个 URL 可 以 是 一 个 书 签 、 网 页 或 者 站 点 。 here's a link to another Page 是 超 链 接对 象 。
在 链 接 语 法 中 , 不 仅 可 以 从 网 页 链 接 到 网 页 , 而 且 还 可 以 在 一 个 网 页 内 部链 接 。 可 以 在 HTML 中 , 将 链 接 分 成 两 部 分 , 一 种 是 标 准 链 接 , 另 一 种 是 页 内 链接 。
所 谓 标 准 链 接 , 就 是 两 个 网 页 间 的 链 接 。 在 标 准 链 接 中 也 有 几 种 链 接 法 :
- 绝 对 链 接 就 是 要 求 在 href 中 , 输 入 一 个 完 整 的 URL 。 当
需 要 链 接 到 另 一个 服 务 器 的 网 页 时 , 一 般 使 用 绝 对 链 接 :
<a href= “ http://www.sybex.com ” >Visit the Sybex Web site</a>
- 相 对 链 接 是 当 链 接 自 己 服 务 器 上 的 网 页 时 , 可 以 不 使
用 绝 对 URL 链 接 , 而 只 要 输 入 一 个 相 对 的 URL 就 可 以 了 , 例 如 从 自 己 的 主 页 链 接 到 确 认 网 页 :
<a href= “ confirm.htm ” >Go to the confirm Page</a>
- 如 果 同 一 个 服 务 器 中 的 两 个 网 页 在 不 同 的 目 录 下 , 该
怎 么 办 ? 例 如 , 从自 己 的 主 页 链 接 到 articles 目 录 中 的 confirm.htm 确 认 网 页 :
<a href= “ articles/confirm.htm ” >Go to the confirm Page</a>
所 谓 页 内 链 接 ,就 是 不 仅 可 以 链 接 到 其 他 网 页 ,而 且 还 可 以 链 接 到 单 个 HTML
网 页 的 任 何 地 方 , 在 网 页 中 定 义 一 个 书 签 book , 然 后 可 以 在 网 页 中 设 置 一 个 页内 链 接 。
<a href= “ #book ” >Go to the book</a>
- 加 入 图 像
在 制 作 网 页 时 , 图 像 经 常 被 插 入 到 网 页 中 , 同 样 , 如 果 使 用 HTML 制 作 网 页 , 也 会 经 常 使 用 到 图 像 标 签 。 在 图 像 标 签 中 , 不 被 要 求 插 入 结 束 标 签 。 图 像 标 签是 由 图 像 标 签 <img> 和 图 像 源 src 组 成 :
<img src= “ cat.gif ” >
上 述 的 HTML 语 法 只 是 由 最 基 本 的 图 像 标 签 组 成 的 , 一 般 图 像 插 入 到 网 页 中 , 都 有 尺 寸 、 位 置 、 边 距 等 等 , 因 此 一 个 图 像 标 签 应 该 包 含 下 列 属 性 :
-
Width= “ X ” : 定 义 图 像 的 宽 度 。
-
Height= “ X ” : 定 义 图 像 的 高 度 。
-
Border= “ X ” : 定 义 图 像 周 围 的 边 框 厚 度 。 X 的 值 可 以 是
任 何 一 个 数 值 。
-
Alt= “ X ” : 表 示 当 图 像 不 能 或 不 准 备 显 示 时 , 就 用 X 的
值 显 示 在 浏 览 器
中 。
若 要 在 图 像 标 签 中 设 置 图 像 的 尺 寸 、 位 置 以 及 边 距 , 标 签 如 下 :
<img src =“ cat.gif ” width =“ 100 ” height= “ 100 ” border =“ 2 ” alt=
“ A photo of a bird ” >
当 定 义 了 图 像 的 宽 度 、 高 度 和 边 框 时 , 浏 览 器 会 事 先 为 图 像 准 备 布 局 。 这样 可 以 改 善 浏 览 器 浏 览 此 网 页 的 速 度 。
- HTML 排 版 技 术
前 面 介 绍 了 HTML 的 一 些 基 本 知 识 , 在 制 作 比 较 简 单 的 网 页 时 , 可 以 将 这 些HTML 作 为 网 页 的 主 体 , 但 是 , 随 着 设 计 变 得 越 来 越 复 杂 , 将 需 要 一 些 排 版 方 面的 技 术 支 持 。
- 表格
在 制 作 网 页 时 , 为 了 使 网 页 中 的 内 容 排 列 整 齐 、 有 序 , 经 常 会 用 到 表 格 。使 用 HTML 创 建 表 格 , 必 须 需 要 3 个 表 格 标 签 :
-
<table>...</table> :在 HTML 文 档 中 , 定 义 一 个 表
格 。
-
<tr>...</tr> : 这 是 表 格 行 的 标 签 , 它 定 义 表
格 单 独 一 行 内 的 单 元 格 。
-
<td>...</td> : 定 义 表 格 中 一 个 单 独 的 数 据 单
元 格 。使 用 这 3 个 标 签 可 以 建 立 一 个 简 单 的 表 格 ( 见 图 12.5) 。
图 12.5 制作基本表格
在 实 际 制 作 网 页 时 , 网 页 中 的 表 格 要 更 复 杂 、 更 灵 活 。 而 且 还 要 用 到 下 列
表 格 标 签 属 性 :
-
align=X: 指 定 表 格 沿 网 页 的 Left 和 Right 对 齐 , 以 便 四 周
的 文 本 围 绕它 显 示 。 X 是 一 个 变 量 , 可 用 Left 或 者 Right 替 换 它 。
-
Border=X: 以 像 素 为 单 位 指 定 表 格 边 框 的 大 小 ( 粗 细 ) 。
X 变 量 的 值 要 求 是
-
个 大 于 等 于 0 的 值 。
-
Cellspacing=X: 指 定 单 元 格 之 间 的 空 白 间 距 , 以 像 素
为 单 位 。 X 变 量 的值 要 求 一 个 大 于 等 于 0 的 值 。
-
Cellpadding=X : 指 定 单 元 格 分 隔 线 与 单 元 格 内 容 之 间
的 空 白 间 距 , 以像 素 为 单 位 。
-
Width=X% 或 Width=X: 可 以 使 用 相 对 宽 度 和 绝 对 宽 度 的
方 式 定 义 一 个 表 格的 宽 度 。
-
相 对 宽 度 是 指 浏 览 器 横 向 空 间 的 一 个 百 分 比 , 而 绝 对 宽 度 是 指 具 体 的 像 素宽 度 。
-
Height=X% 或 Height=X: 可 以 使 用 相 对 高 度 和 绝 对 高 度 的 方
式 定 义 一 个 表格 的 高 度 。 相 对 高 度 是 指 浏 览 器 纵 向 空 间 的 一 个 百 分 比 , 而 绝 对 高 度 是 指 具 体的 像 素 高 度 。
-
Colspan=X: 指 定 一 个 单 元 格 占 用 的 列 数 。
-
Rowspan=X: 指 定 一 个 单 元 格 占 用 的 行 数 。
使 用 这 些 标 签 属 性 可 以 制 作 一 个 比 较 复 杂 的 表 格 ( 见 图 12.6) 。
图 12.6 制作复杂的表格
在 制 作 表 格 时 , 不 仅 要 设 置 表 格 属 性 , 还 要 设 置 单 元 格 的 属 性 。 这 时 会 用到 下 列 标 签 属 性 :
- align=X: 指 定 文 档 在 单 元 格 中 的 水 平 相 对 位 置 ( 见 图
12.7) , 其 中 X 变 量的 值 可 以 是 left 、 right 或 middle 。 X 的 值 为 left 时 , 单 元 格 中 的 内 容 将 左 对齐 ; 为 Right 时 , 单 元 格 中 的 内 容 将 右 对 齐 ; 为 middle 时 , 单 元 格 中 的 内 容 将居 中 对 齐 。
图 12.7 使用 align 标 签
- Valign=X: 指 定 文 档 在 单 元 格 中 的 垂 直 相 对 位 置 ( 见 图
12.8) , 其 中 X 变量 的 值 可 以 是 top 、 middle 或 bottom 。 X 的 值 为 top 时 , 单 元 格 中 的 内 容 在 单
元 格 的 上 端 ; 为 middle 时 , 单 元 格 中 的 内 容 在 单 元 格 的 中 间 ; 为 bottom 时 , 单 元 格 中 的 内 容 在 单 元 格 的 下 端 。
图 12.8 使用 valign 标签
- 框架
当 一 个 网 页 由 几 部 分 组 成 时 , 就 要 使 用 到 框 架 , 建 立 一 个 基 本 的 框 架 网 页至 少 需 要 3 个 独 立 的 HTML 网 页 。 在 建 立 框 架 时 , 首 先 需 要 设 置 框 架 , 即 控 制 框架 布 局 和 由 HTML 代 码 组 成 的 网 页 。然 后 ,每 个 框 架 建 立 起 一 个 独 立 的 代 码 页 面 。
在 设 置 框 架 时 , 首 先 需 要 建 立 行 或 列 , 以 及 填 充 那 些 行 或 列 的 HTML 页 面 , 可 以 使 用 下 列 标 签 来 实 现 。
- <frameset>...</frameset>: 定 义 一 个 框 架 网 页 , 它
的 基 本 参 数 定 义 行
和 列 , 结 束 标 签 </frameset> 用 于 结 束 框 架 网 页 。
- <frame>...</frame>: 定 义 一 个 单 独 的 框 架 。 它 包
括 该 框 架 中 载 入 的 网页 的 位 置 , 可 以 使 用 src=X 来 指 明 这 个 位 置 。 X 是 这 个 HTML 页 面 的 相 对 或 绝 对URL 。
同 表 格 一 样 , 框 架 也 是 通 过 创 建 行 和 列 来 建 立 的 。 但 是 相 对 表 格 而 言 , 框架 更 简 单 , 在 框 架 中 , 列 是 一 个 垂 直 的 控 制 , 行 是 一 个 水 平 控 制 。 而 且 框 架 的语 法 也 十 分 简 洁 , 行 是 rows , 列 是 cols 。 Rows 是 指 定 框 架 网 页 中 行 的 数 量 , 以 及 它 们 的 相 对 或 绝 对 大 小 。 Cols 是 指 定 在 框 架 网 页 中 列 的 数 量 , 以 及 它 们 的相 对 或 绝 对 大 小 。 如 果 想 建 立 4 个 等 百 分 比 的 列 , 可 以 使 用 框
架 语 法 cols= “ 25% , 25% , 25% , 25% ”, 同 样 , 建 立 4 个 等 百 分 比 的 行 使 用rows= “ 25% , 25% , 25% , 25% ” 就 可 以 了 。
建 立 框 架 网 页 行 和 列 的 组 合 , 只 需 把 rows 和 cols 的 值 加 入 到 适 当 的 框 架
标 签 中 。 图 12.9 就 是 使 用 rows 和 cols 建 立 一 个 简 单 的 框 架 。
图 12.9 建立框架
在 <frameset> 和 <frame> 标 签 中 可 以 使 用 下 列 标 签 属 性 设 置 框 架 网 页 的 属
性 :
-
cols=X: 指 定 框 架 网 页 中 列 的 数 量 , 以 及 它 们 的 相 对 或
绝 对 大 小 。
-
Rows=X: 指 定 框 架 网 页 中 行 的 数 量 , 以 及 它 们 的 相 对 或
绝 对 大 小 。
-
Border=X: 由 Netscape Navigator 3.0 以 上 版 本 来 控 制 框 架 网 页
边 框 的宽 度 , 这 个 变 量 值 以 像 素 宽 度 来 设 置 。
-
Frameborder=X: 由 Internet Explorer 来 控 制 框 架 网 页 边 框 的 宽
度 , 这个 变 量 值 以 像 素 宽 度 来 设 置 。
-
Framespacing=X: 由 Internet Explorer 来 控 制 框 架 网 页 边 框 的
宽 度 。
下 列 标 签 属 性 用 于 设 置 框 架 的 布 局 :
-
frameborder=X: 指 定 框 架 周 围 的 边 框 。 在 Netscape Navigator
中 需 要一 个 yes 或者 no , 打 开 或 者 关 闭 一 个 框 架 边 框 ; 在 Internet Explorer 中 需 要输 入 一 个 数 字 像 素 宽 度 值 。
-
Marginheight=X: 以 像 素 为 单 位 指 定 框 架 顶 部 和 底 部 边 距
大 小 。
-
Marginwidth=X: 以 像 素 为 单 位 指 定 框 架 左 侧 和 右 侧 边 距 大
小 。
-
Name=X: 指 定 框 架 的 名 称 , 使 它 能 被 其 他 HTML 页 面 中 的
超 链 接 作 为 目 标 。名 称 必 须 以 一 个 标 准 字 母 或 者 数 字 开 头 。
-
Noresize: 禁 止 框 架 的 大 小 被 用 户 改 变 。
-
Scrolling=X: 用 Scrolling= “ Yes ” , ” No ” , “ Auto ” 打 开 或 者
关 闭 滚动 条 的 显 示 ; Auto 是 缺 省 值 , 它 将 滚 动 条 的 显 示 权 力 交 给 浏 览 器 , 浏 览 器 根 据需 要 是 否 显 示 滚 动 条 。
-
Src=X: 指 定 框 架 中 载 入 网 页 的 URL 。
-
HTML 的 应 用
- 浏 览 HTML 文 件
上 面 介 绍 了 HTML 语 法 的 一 些 基 本 知 识 , 在 编 辑 HTML 语 法 时 , 不 需 要 专 门的 软 件 , 只 要 一 般 的 文 档 编 辑 软 件 就 可 以 了 , 例 如 Windows 中 的 记 事 本 等 。 这是 因 为 HTML 文 件 是 以 文 档 文 件 的 格 式 保 存 的 , 只 要 任 何 能 够 编 辑 文 档 文 件 的 软件 , 都 可 以 作 为 编 辑 HTML 文 件 的 工 具 。
在 FrontPage 2000 中 有 两 种 方 法 可 以 编 辑 HTML 文 件 : 一 种 是 切 换 到 HTML 视 图 模 式 , 在 HTML 页 面 中 对 HTML 文 件 进 行 编 辑 ; 还 有 一 种 是 FrontPage 2000 提 供 了 专 门 的 HTML 文 件 编 辑 器 , 只 要 从 “ 工 具 ” 菜 单 的 “ 宏 ” 子 菜 单 中 选 择“ Microsoft 脚 本 编 辑 器 ” 命 令 , 就 会 出 现 Microsoft 脚 本 编 辑 器 , 可 以 在 脚本 编 辑 器 中 编 辑 HTML 文 件 。
只 要 在 FrontPage 2000 的 编 辑 窗 口 下 方 单 击 “ HTML ” 标 签 , 切 换 到 HTML 视 图 就 可 以 看 到 网 页 的 HTML 内 容 ( 见 图 12.10) 。
图 12.10 HTML 视图
如 果 想 使 用 Internet Explorer 来 浏 览 HTML 文 件 ,在 Internet Explorer 5.0
中 的 “ 查 看 ” 菜 单 中 选 择 “ 源 文 件 ” 命 令 , 打 开 记 事 本 程 序 , 浏 览 当 前 网 页 的HTML 文 件 ( 见图 12.11) 。
图 12.11 用 IE 浏览 H T M L 文件
除 了 上 面 两 种 方 法 可 以 浏 览 HTML 文 件 外 , 还 可 以 用 Netscape Navigator
浏 览 器 浏 览 。 比 较 这 3 种 浏 览 方 式 , 会 发 现 除 了 Internet Explorer 之 外 , 其它 两 种 方 法 :FrontPage 2000 和 Netscape Navigator 都 会 将 HTML 程 序 代 码 用不 同 的 颜 色 显 示 出 来 。 这 样 可 以 方 便 阅 读 , 并 且 比 较 容 易 分 辨 HTML 语 法 中 的 不同 功 能 。
- 加 入 HTML 标 签
随 着 HTML 语 法 技 术 的 发 展 , 不 断 会 有 新 的 功 能 加 进 来 , 因 此 随 时 有 最 新 的版 本 。 目 前 浏 览 器 所 普 遍 支 持 的 HTML 版 本 是 3.2 版 , 但 是 象 Netscape 和Microsoft 这 两 家 浏 览 器 的 主 力 公 司 , 会 陆 续 发 展 出 独 创 而 非 标 准 的 HTML 语 法 。然 而 FrontPage 2000 可 以 支 持 微 软 的 浏 览 器 所 支 持 的 HTML 语 法 , 却 不 支 持Netscape 的 。 这 时 , 便 可 以 直 接 加 入 HTML 语 法 , 让 Netscape 浏 览 器 的 使 用 者也 可 以 看 到 相 同 的 网 页 效 果 。
注 意 : 如 果 想 对 HTML 语 法 的 版 本 有 更 深 入 的 认 识 , 可 以 到http://www.w3c.org 站 点 中 找 到 相 关 的 资 料 , 这 个 网 址 是 个 W3C 的 站 点 , W3C 是 一 个 负 责 制 定 各 种 与 WWW 有 关 标 准 的 机 构 。
- 使用 FrontPage 编 辑 器
在 FrontPage 2000 的 网 页 编 辑 窗 口 中 , 切 换 到 HTML 视 图 , 可 以 象 编 辑 其它 的 文 档 一 样 来 编 辑 HTML 内 容 。 而 且 HTML 视 图 会 根 据 语 法 功 能 的 不 同 , 为 文档 加 上 不 同 的 颜 色 , 以 方 便 辨 认 。
- 在 FrontPage 2000 中 打 开 一 个 网 页 , 在 网 页 中 将 选 取 一 个
图 像 ( 见 图
12.12) 。
图 12.12 选取图像
- 单 击 窗 口 下 方 的 “ HTML ” 标 签 , 切 换 到 “ HTML ” 视 图 , 关
于 选 取 图 形 的
图 像 标 签 属 性 被 选 取 ( 见 图 12.13) 。
图 12.13 突出显示图像标签属性
- 在 图 像 标 签 中 , 将 align =“ Left ” 修 改 成 align =“ Right ” (
见 图 12.14) 。
图 12.14 修改图像标签属性
- 单
击 窗 口 下 方 的 “ 普 通 ” 标 签 , 切 换 到 “ 普 通 ” 视 图 , 选 取 的 图 形 已 经移 到 网 页 的 右 边 ( 见 图 12.15) 。
图 12.15 图像位置被改变
- 使用 HTML 标 记
在 HTML 页 面 中 修 改 HTML 的 内 容 , 让 人 有 眼 花 撩 乱 的 感 觉 , 这 时 , 可 以 使用 插 入 HTML 标 记 的 方 法 , 在 网 页 中 插 入 HTML 语 法 。
使 用 HTML 标 记 可 以 在 “ 普 通 ” 视 图 模 式 下 , 在 网 页 中 插 入 一 段 HTML 标 签 。1) 在 FrontPage 中 打 开 一 个 网 页 , 将 插 入 点 设 置 在 要 加 入 HTML 标 记 的 位 置 。
-
从 “ 插 入 ” 菜 单 的 “ 高 级 ” 子 菜 单 中 选 择 “ HTML ” 命 令 。
-
出现 “ HTML 标 记 ” 对 话 框 , 在 文 本 框 中 输 入 图 像 标 签 (
见 图 12.16) 。
图 12.16 “ H T M L 标记”对话框
- 单击 “ 确 定 ” 按 钮 。
插 入 的 HTML 语 法 效 果 在 “ 普 通 ” 视 图 中 不 会 看 到 , 切 换 到 “ 预 览 ” 视 图 就会 显 示 使 用 HTML 标 记 插 入 的 图 形 ( 见 图 12.17) 。
图 12.17 使用 H T M L 标记插入的图形
切 换 到 “ HTML ” 视 图 , 会 看 到 在 网 页 中 加 入 的 HTML 标 记 内 容 的 结 果 与 HTML 其 他 标 签 有 所 不 同 ( 见 图 12.18) 。 这 是 因 为 使 用 HTML 标 记 加 入 的 HTML 内 容 , FrontPage 会 将 它 作 为 是 一 个 独 立 的 组 件 。
图 12.18 插入的 H T M L 标记