中文Dreamweaver_CS5网页设计 教学课件 沈大林 张伦 第2 插入文字图像和表格以及超级链接.pptVIP

* 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第 2 章 插入文字、图像和表格以及超级链接 第?2.1?节 在网页中插入文本和编辑文本 2.1.1 插入文本的方法 1． 导 入 Word 文 档 （ 1 ）打 开? Microsoft?Word，再 打 开 要 转 换 的? Word? 文 档 ，然 后 单 击“ 文 件 ”→“ 另 存 为 ” 命 令 ，调 出“ 另 存 为 ”对 话 框 ，在 该 对 话 框 的“ 保 存 类 型 ”下 拉 列 表 框 中 选 择“ 网 页 ”或“ 筛 选 过 的 网 页 ” 选 项 ， 将 打 开 的? Word? 文 档 存 成 网 页? HTML? 格 式 文 件 。 （ 2 ）在? Drea mwea ver? CS5? 中 打 开 用? Word? 编 辑 的 网 页 文 件 ，单 击“ 命 令 ”→“ 清 理? Word? 生 成 的? HTML” 命 令 ， 调 出 “ 清 理? Word? 生 成 的? HTML” 对 话 框 ， 如 图? 2-1-1? 所 示 。 （ 3 ） 单 击 “ 确 定 ” 按 钮 后 ， 系 统 自 动 对? Word? 生 成 的? HTML? 格 式 文 件 进 行 清 理 和 优 化 。 然 后 调 出 一 个 如 图? 2-1-2? 所 示 的 信 息 对 话 框 。单 击“ 确 定 ”按 钮 。完 成 文 件 清 理 和 优 化 任 务 。 这 样 可 以 使 网 页 文 件 的 字 节 数 减 少 （ 大 约 可 以 减 少 一 半 ）。 图? 2-1-1? “ 清 理? Word? 生 成 的? HTML ” 对 话 框 图? 2-1-2? 信 息 对 话 框 “ 2． 创 建 网 页 文 字 的 其 他 方 法 （ 1 ）键 盘 输 入 和 复 制 粘 贴 文 字 ：最 简 单 和 最 直 接 的 输 入 方 法 是 键 盘 输 入 ，也 可 以 在 其 他 的 程 序 或 窗 口 中 选 中 一 些 文 本 ，按? Ctrl+C? 键 ，将 文 字 复 制 到 剪 贴 板 上 ；然 后 回 到? Drea mwea ver? CS5? 设 计 ”视 图 的 文 档 窗 口 中 ，按? Ctrl+V? 键 ，将 其 粘 贴 到 光 标 所 在 位 置 。在? Drea mwea ver?CS5? 中，对从外部导入文字不仅可以保留文字，还可以保留段落的格式和文字的样式。 在“ 设 计 ”视 图 文 档 窗 口 中 ，直 接 按? Enter? 键 的 效 果 相 当 于 插 入 代 码 p（ 从 状 态 栏 的 左 边 可 以 看 出 ），除 了 换 行 外 ，还 会 多 空 一 行 ，这 表 示 将 开 始 一 个 新 的 段 落 。如 果 觉 得 这 样 换 行 后 间 距 过 大 ，可 在 输 入 文 字 后 ，按? Shift+Enter? 键 ，可 以 插 入 代 码 br ，表 示 将 在 当 前 行 的 下 面插入一个新行，但仍属于当前段落，并使用该段落的现有格式。 在 “ 设 计 ” 视 图 窗 口 中 ， 对 文 本 的 许 多 操 作 与 在? Word? 中 的 操 作 基 本 一 样 。 （ 2 ） 使 用 “ 插 入 ”（ 文 本 ） 面 板 ： 单 击 “ 插 入 ” 工 具 栏 中 的 “ 文 本 ” 标 签 ， 切 换 到 “ 文 本 ” 面 板 ， 如 图? 2-1-3? 所 示 。 图? 2-1-3? “ 插 入 ” （ 文 本 ） 面 板 19? 20? 3． 文 字 的 复 制 与 移 动 在 网 页 文 档 的 窗 口 内 ， 拖 曳 选 中 的 文 字， 可 以 移 动 文 字 ；按 住? Ctrl? 键 的 同 时 用 拖 曳 选 中 的 文 字 ， 可以复制文字。还可以采用剪贴板进行复制与移动。 2.1.2 文字属性的设置 文本的属性（标题格式、字体、字号、大小、颜色、对齐方式、缩进和风格等）可以由 文 本 “ 属 性 ” 栏 和 “ 格 式 ” 菜 单 来 设 定 。 单 击 按 下 “ HTML” 按 钮 后 ， 文 本 “ 属 性 ” 栏 如 图? 2-1-4? 所 示 ； 单 击 按 下 “ CSS ” 按 钮 后 ， 文 本 “ 属 性 ” 栏 如 图? 2-1-5? 所 示 。 单 击 “ 属 性 ” 栏 内 右下角的按钮 ，可以使面板收缩；单击“属性”栏内右下角的按钮 ，可以使面板展开。 （ 1 ）单 击“ 字 体