Microsoft Word - 28935样章.dot

21 世 纪 高 职 高 专 规 划 教 材 系 列 何 福 贵 张 梅 编 著 机 械 工 业 出 版 社 IV

本 书 全 面 地 介 绍 了 网 页 制 作 技 术 及 其 相 关 理 论 全 书 共 分 12 章, 包 括 绪 论 网 站 的 创 建 与 管 理 网 页 基 本 元 素 实 现 网 页 页 面 布 局 实 现 表 单 的 应 用 CSS 与 模 板 使 用 Div 和 AP Div HTML 制 作 网 页 动 态 效 果 XML JSP 基 础 站 点 测 试 与 发 布 等 内 容 本 书 适 合 作 为 高 职 高 专 院 校 的 教 材, 也 可 为 社 会 培 训 班 和 广 大 网 页 制 作 爱 好 者 使 用 图 书 在 版 编 目 (CIP) 数 据 Dreamweaver CS4 网 页 设 计 与 制 作 / 何 福 贵, 张 梅 编 著. 北 京 : 机 械 工 业 出 版 社,2010.3 (21 世 纪 高 职 高 专 规 划 教 材 系 列 ) ISBN 978-7-111-28935-7 Ⅰ.D Ⅱ.1 何 2 张 Ⅲ. 主 页 制 作 图 形 软 件,Dreamweaver CS4 高 等 学 校 : 技 术 学 校 教 材 Ⅳ.TP393.092 中 国 版 本 图 书 馆 CIP 数 据 核 字 (2010) 第 030536 号 机 械 工 业 出 版 社 ( 北 京 市 百 万 庄 大 街 22 号 邮 政 编 码 100037) 责 任 编 辑 : 鹿 征 罗 子 超 责 任 印 制 : 印 刷 ( 装 订 ) 2010 年 3 月 第 1 版 第 1 次 印 刷 184mm 260mm 19.5 印 张 477 千 字 0001 4000 册 标 准 书 号 :ISBN 978-7-111-28935-7 定 价 :32.00 元 凡 购 本 书, 如 有 缺 页 倒 页 脱 页, 由 本 社 发 行 部 调 换 电 话 服 务 网 络 服 务 社 服 务 中 心 :(010)88361066 销 售 一 部 :(010)68326294 销 售 二 部 :(010)88379649 读 者 服 务 部 :(010)68993821 封 面 无 防 伪 标 均 为 盗 版 V

本 书 是 根 据 教 育 部 对 高 职 高 专 教 育 人 才 培 养 工 作 的 指 导 思 想 编 写 而 成 的 全 书 贯 穿 项 目 教 学 的 思 想, 从 网 页 制 作 初 学 者 的 角 度 出 发, 采 用 任 务 驱 动 模 式 进 行 编 写, 通 过 一 个 个 具 体 的 课 堂 任 务 案 例, 由 浅 入 深 循 序 渐 进 地 介 绍 网 页 制 作 技 术 本 书 主 要 针 对 高 职 高 专 院 校 的 特 点 进 行 设 计, 将 教 学 内 容 主 要 定 位 在 静 态 网 页 的 设 计 制 作 和 发 布 方 面 通 过 学 习 本 书, 读 者 能 够 具 备 运 用 Dreamweaver CS4 设 计 中 小 型 网 站 和 制 作 网 页 的 能 力, 为 今 后 从 事 网 站 设 计 与 制 作 工 作 打 下 良 好 的 基 础 本 书 共 分 12 章, 内 容 概 括 如 下 第 1 2 章 介 绍 网 页 制 作 的 前 期 工 作 第 1 章 介 绍 网 页 制 作 工 具 网 站 开 发 流 程 网 页 设 计 原 理 和 网 页 设 计 规 范 ; 第 2 章 介 绍 网 站 的 创 建 与 管 理, 包 括 本 地 站 点 和 远 程 站 点 的 创 建 网 页 文 档 的 基 本 操 作 等 第 3~7 章 主 要 介 绍 网 页 制 作 元 素 的 使 用 方 法 每 章 设 计 一 个 知 识 模 块, 包 括 文 本 图 像 超 链 接 表 格 页 面 的 整 体 控 制 框 架 Spry 布 局 对 象 表 单 CSS 模 板 库 Div 和 AP Div 等 第 8 章 主 要 介 绍 HTML 在 Dreamweaver CS4 中 对 源 代 码 的 操 作 方 法 网 页 的 组 成 元 素 以 及 属 性 设 置 最 终 都 形 成 HTML 代 码, 因 此 有 必 要 对 HTML 语 言 的 语 法 结 构 HTML 标 签 有 一 定 的 了 解 第 9 章 主 要 介 绍 制 作 网 页 动 态 效 果 包 括 JavaScript 制 作 网 页 特 效 的 有 关 知 识 制 作 特 效 的 Dreamweaver CS4 的 各 种 内 置 行 为 和 网 页 中 插 入 各 种 媒 体 的 方 法 第 10 章 主 要 介 绍 XML XML 是 一 种 先 进 的 描 述 数 据 的 技 术, 它 将 数 据 内 容 与 数 据 的 显 示 分 离, 是 未 来 数 据 处 理 的 发 展 方 向 第 11 章 主 要 介 绍 动 态 网 页 制 作 技 术 JSP 第 12 章 介 绍 站 点 测 试 与 发 布 本 书 具 有 下 列 特 点 (1) 面 向 高 职 高 专 本 书 按 照 高 职 高 专 的 特 点 进 行 编 写, 以 案 例 为 主 线 进 行 内 容 的 讲 解 (2) 有 序 分 类 按 照 循 序 渐 进 的 学 习 方 式, 对 学 习 内 容 进 行 了 归 类, 把 属 于 同 一 类 的 内 容 归 到 一 起, 使 得 每 一 章 具 有 独 立 性, 在 整 体 上 又 具 有 完 整 性 (3) 内 容 全 面 包 括 静 态 网 页 制 作 动 态 网 页 制 作 和 XML (4) 采 用 Dreamweaver 的 最 新 版 本 Dreamweaver CS4 讲 解 网 页 的 制 作, 体 现 新 技 术 的 使 用 (5) 主 要 章 节 最 后 都 有 综 合 实 例, 是 对 本 章 知 识 点 的 综 合 应 用 由 于 编 写 时 间 仓 促, 加 之 作 者 水 平 有 限, 书 中 疏 漏 和 错 误 之 处 在 所 难 免, 望 广 大 读 者 批 评 指 正 本 书 免 费 提 供 素 材 和 电 子 教 案, 读 者 可 在 机 械 工 业 出 版 社 教 材 服 务 网 www.cmpedu.com 下 载 作 者 VI

前 言 第 1 章 绪 论 1 1.1 网 页 和 网 站 1 1.2 网 页 制 作 工 具 2 1.2.1 网 页 编 辑 工 具 2 1.2.2 网 页 图 像 与 动 画 制 作 工 具 3 1.3 网 站 开 发 流 程 4 1.3.1 网 站 的 开 发 流 程 4 1.3.2 网 站 规 划 5 1.4 网 页 设 计 原 理 7 1.4.1 网 页 设 计 的 基 本 原 则 7 1.4.2 网 页 版 面 布 局 设 计 8 1.4.3 网 站 LOGO 设 计 8 1.4.4 网 页 色 彩 设 计 原 理 9 1.4.5 网 站 导 航 设 计 11 1.4.6 网 页 页 面 元 素 设 计 13 1.5 网 页 设 计 规 范 13 1.5.1 命 名 规 范 13 1.5.2 目 录 结 构 规 范 14 1.5.3 尺 寸 规 范 14 1.5.4 形 象 设 计 规 范 15 1.5.5 新 技 术 使 用 规 范 15 1.5.6 导 航 规 范 16 1.5.7 数 据 库 使 用 规 范 16 1.6 优 秀 网 站 赏 析 16 1.6.1 国 外 优 秀 网 站 赏 析 16 1.6.2 优 秀 个 人 网 站 19 1.7 同 步 测 试 22 第 2 章 网 站 的 创 建 与 管 理 23 2.1 Dreamweaver CS4 简 介 23 2.1.1 Dreamweaver CS4 的 特 点 23 2.1.2 Dreamweaver CS4 的 新 增 功 能 25 2.1.3 Dreamweaver CS4 的 工 作 环 境 27 2.1.4 Dreamweaver CS4 的 帮 助 系 统 32 2.2 网 站 的 创 建 32 2.2.1 创 建 本 地 站 点 33 2.2.2 创 建 远 程 站 点 36 2.3 网 站 的 管 理 40 2.3.1 使 用 文 件 面 板 管 理 网 站 中 的 资 源 41 2.3.2 使 用 资 源 面 板 管 理 网 站 中 的 资 源 41 2.4 网 页 文 档 的 基 本 操 作 43 2.4.1 创 建 网 页 文 档 43 2.4.2 保 存 网 页 文 档 44 2.4.3 打 开 网 页 文 档 44 2.4.4 关 闭 网 页 文 档 44 2.5 同 步 测 试 44 2.6 综 合 实 例 申 请 远 程 站 点 45 第 3 章 网 页 基 本 元 素 实 现 48 3.1 文 本 操 作 48 3.1.1 输 入 文 本 48 3.1.2 在 网 页 中 编 辑 文 本 50 3.1.3 插 入 相 关 文 本 要 素 50 3.1.4 文 本 的 格 式 化 54 3.2 在 网 页 中 插 入 图 像 54 3.2.1 网 页 图 像 的 基 础 知 识 54 3.2.2 网 页 图 像 素 材 的 搜 集 55 3.2.3 图 像 操 作 55 3.2.4 插 入 相 关 图 像 元 素 58 3.3 设 置 超 链 接 61 3.3.1 超 链 接 概 述 61 3.3.2 创 建 文 本 超 链 接 62 3.3.3 创 建 图 片 超 链 接 64 VII

3.3.4 创 建 电 子 邮 件 超 链 接 65 3.3.5 创 建 空 链 接 和 脚 本 链 接 66 3.3.6 创 建 下 载 文 件 超 链 接 66 3.3.7 链 接 检 查 66 3.3.8 导 航 栏 67 3.4 页 面 的 整 体 控 制 67 3.4.1 设 置 参 数 67 3.4.2 设 置 页 面 属 性 68 3.4.3 设 置 文 件 头 内 容 72 3.4.4 辅 助 工 具 的 使 用 76 3.5 同 步 测 试 79 3.6 综 合 实 例 校 园 风 光 介 绍 79 第 4 章 网 页 页 面 布 局 实 现 82 4.1 表 格 的 应 用 82 4.1.1 表 格 82 4.1.2 表 格 的 基 本 操 作 与 属 性 设 置 83 4.1.3 表 格 的 嵌 套 和 排 序 89 4.1.4 利 用 表 格 布 局 网 页 90 4.2 框 架 92 4.2.1 创 建 保 存 框 架 集 92 4.2.2 显 示 框 架 边 框 和 框 架 面 板 93 4.2.3 插 入 和 删 除 框 架 93 4.2.4 设 置 框 架 与 框 架 集 95 4.2.5 利 用 框 架 设 计 网 页 96 4.3 使 用 Spry 布 局 对 象 98 4.3.1 Spry 菜 单 栏 99 4.3.2 Spry 选 项 卡 式 面 板 100 4.3.3 Spry 折 叠 式 构 件 101 4.3.4 Spry 可 折 叠 面 板 103 4.4 同 步 测 试 103 4.5 综 合 实 例 制 作 学 院 网 站 首 页 105 第 5 章 表 单 的 应 用 108 5.1 表 单 简 介 108 5.2 表 单 和 表 单 对 象 109 5.2.1 表 单 109 5.2.2 表 单 对 象 109 5.3 创 建 表 单 111 5.4 插 入 表 单 对 象 112 5.4.1 插 入 文 本 字 段 112 5.4.2 插 入 文 本 区 域 113 5.4.3 插 入 复 选 框 组 114 5.4.4 插 入 单 选 按 钮 组 115 5.4.5 插 入 列 表 / 菜 单 116 5.4.6 插 入 跳 转 菜 单 117 5.4.7 插 入 图 像 域 118 5.4.8 插 入 文 件 域 119 5.4.9 插 入 按 钮 119 5.5 Spry 类 表 单 对 象 120 5.6 表 单 和 表 单 对 象 的 应 用 122 5.6.1 使 用 表 单 对 象 制 作 注 册 界 面 122 5.6.2 使 用 Spry 类 表 单 对 象 制 作 界 面 127 5.7 同 步 测 试 129 5.8 综 合 实 例 制 作 反 馈 表 单 130 第 6 章 CSS 与 模 板 135 6.1 CSS 的 应 用 135 6.1.1 CSS 的 基 本 语 法 136 6.1.2 CSS 的 定 义 位 置 137 6.1.3 CSS 的 冲 突 138 6.1.4 CSS 操 作 139 6.1.5 CSS 的 应 用 实 例 143 6.2 模 板 150 6.2.1 模 板 概 述 150 6.2.2 创 建 模 板 151 6.2.3 模 板 操 作 152 6.2.4 使 用 模 板 创 建 网 页 154 6.2.5 模 板 的 可 编 辑 区 域 154 6.2.6 更 新 基 于 模 板 的 网 页 文 件 157 6.2.7 页 面 与 模 板 分 离 158 6.3 库 159 6.3.1 库 建 立 160 V

6.3.2 库 操 作 160 6.3.3 在 网 页 中 插 入 库 161 6.3.4 更 新 库 161 6.4 同 步 测 试 161 6.5 综 合 实 例 制 作 旅 游 网 页 162 第 7 章 使 用 Div 和 AP Div 167 7.1 Div 标 签 167 7.1.1 Div 概 述 167 7.1.2 Div 标 签 操 作 167 7.1.3 Div+CSS 169 7.2 AP Div 的 使 用 173 7.2.1 AP Div 概 述 173 7.2.2 AP Div 操 作 174 7.2.3 绘 制 嵌 套 的 AP Div 177 7.2.4 AP Div 与 表 格 互 换 178 7.3 应 用 实 例 使 用 AP Div 显 示 多 层 动 画 180 7.4 同 步 测 试 183 7.5 综 合 实 例 制 作 相 册 184 第 8 章 HTML 190 8.1 HTML 简 介 190 8.1.1 HTML 的 特 点 190 8.1.2 HTML 的 语 法 规 则 192 8.1.3 HTML 标 签 的 类 型 192 8.2 Dreamweaver CS4 的 HTML 源 代 码 功 能 193 8.2.1 Dreamweaver CS4 的 视 图 模 式 193 8.2.2 在 Dreamweaver CS4 中 直 接 编 写 HTML 194 8.2.3 Dreamweaver CS4 的 代 码 编 辑 工 具 195 8.3 HTML 标 签 202 8.3.1 HTML 版 本 信 息 202 8.3.2 HTML 头 部 信 息 203 8.3.3 HTML 主 体 标 签 204 8.3.4 HTML 文 字 与 段 落 标 签 204 8.3.5 HTML 图 像 标 签 206 8.3.6 HTML 超 链 接 标 签 207 8.3.7 HTML 中 的 表 格 标 签 208 8.3.8 HTML 框 架 标 签 208 8.3.9 HTML 表 单 标 签 210 8.3.10 添 加 多 媒 体 元 素 211 8.4 同 步 测 试 212 8.5 综 合 实 例 使 用 HTML 语 言 制 作 公 司 营 销 网 页 213 第 9 章 制 作 网 页 动 态 效 果 219 9.1 JavaScript 简 介 219 9.1.1 JavaScript 219 9.1.2 一 个 简 单 的 JavaScript 实 例 220 9.2 JavaScript 的 基 本 语 法 220 9.2.1 JavaScript 脚 本 的 语 法 格 式 220 9.2.2 JavaScript 的 常 量 和 变 量 221 9.2.3 JavaScript 的 运 算 符 和 表 达 式 222 9.2.4 JavaScript 的 语 句 222 9.2.5 JavaScript 函 数 225 9.2.6 JavaScript 的 事 件 225 9.3 JavaScript 的 对 象 226 9.3.1 JavaScript 的 浏 览 器 对 象 226 9.3.2 JavaScript 的 内 置 对 象 228 9.3.3 JavaScript 对 象 的 引 用 230 9.4 JavaScript 代 码 嵌 入 到 HTML 文 档 的 方 法 230 9.4.1 在 head 部 分 添 加 JavaScript 脚 本 230 9.4.2 在 body 部 分 添 加 JavaScript 脚 本 231 9.4.3 链 接 JavaScript 脚 本 文 件 231 9.5 使 用 JavaScript 制 作 特 效 231 9.6 行 为 应 用 232 9.6.1 行 为 的 概 念 232 VI

9.6.2 使 用 行 为 面 板 233 9.6.3 使 用 常 见 行 为 234 9.7 网 页 中 的 媒 体 应 用 237 9.7.1 插 入 Flash 238 9.7.2 FLV 视 频 238 9.7.3 插 入 Shockwave 影 片 240 9.7.4 插 入 Java Applet 241 9.7.5 插 入 ActiveX 控 件 243 9.7.6 插 入 声 音 245 9.7.7 删 除 媒 体 246 9.8 同 步 测 试 246 9.9 综 合 实 例 制 作 博 客 网 页 247 第 10 章 XML 252 10.1 XML 简 介 252 10.1.1 XML 的 特 点 252 10.1.2 XML 内 容 254 10.2 XML 语 法 255 10.2.1 XML 标 记 语 法 255 10.2.2 XML 文 档 语 法 256 10.3 XML 和 HTML 258 10.3.1 XML 与 HTML 结 合 的 优 势 258 10.3.2 数 据 岛 和 XML 数 据 源 对 象 258 10.3.3 数 据 绑 定 259 10.3.4 结 合 脚 本 语 言 的 XML 261 10.4 Dreamweaver CS4 操 作 XML 263 10.4.1 利 用 CSS 显 示 XML 263 10.4.2 Dreamweaver CS4 实 现 XSL 转 换 264 10.5 同 步 测 试 266 10.6 综 合 实 例 使 用 XML 制 作 古 诗 网 页 267 第 11 章 JSP 基 础 270 11.1 JSP 270 11.1.1 JSP 简 介 270 11.1.2 安 装 配 置 JSP 运 行 环 境 272 11.1.3 JSP 语 法 274 11.2 JSP 的 常 用 对 象 279 11.2.1 request 对 象 279 11.2.2 response 对 象 280 11.2.3 session 对 象 281 11.2.4 application 对 象 282 11.2.5 out 对 象 282 11.2.6 exception 对 象 282 11.2.7 PageContext 对 象 282 11.2.8 config 对 象 283 11.3 JSP 访 问 数 据 库 283 11.3.1 SQL 和 JDBC 283 11.3.2 设 置 数 据 源 284 11.3.3 数 据 库 的 基 本 操 作 285 11.4 同 步 测 试 285 11.5 综 合 实 例 用 户 提 交 信 息 的 确 认 287 第 12 章 站 点 测 试 与 发 布 290 12.1 测 试 站 点 290 12.1.1 测 试 网 站 290 12.1.2 测 试 本 地 站 点 292 12.1.3 用 户 测 试 293 12.1.4 负 载 测 试 293 12.1.5 创 建 网 站 报 告 293 12.2 申 请 域 名 与 申 请 空 间 294 12.2.1 申 请 域 名 294 12.2.2 申 请 空 间 295 12.3 发 布 站 点 296 12.4 网 站 的 宣 传 与 推 广 298 12.5 网 站 的 维 护 与 更 新 299 12.5.1 网 站 的 维 护 299 12.5.2 网 站 的 更 新 301 12.6 同 步 测 试 301 VII

本 章 目 标 掌 握 网 页 基 本 元 素 的 使 用 掌 握 页 面 的 整 体 控 制 方 法 本 章 详 细 地 说 明 了 网 页 中 基 本 元 素 的 使 用 网 页 基 本 元 素 是 制 作 网 页 时 用 得 最 多 最 频 繁 的 页 面 元 素, 是 制 作 网 页 必 须 掌 握 的 内 容 本 章 主 要 介 绍 的 网 页 基 本 元 素 有 文 本 图 像 和 链 接, 并 详 细 介 绍 了 页 面 整 体 控 制 的 各 种 方 法 通 过 本 章 的 学 习, 要 求 熟 练 掌 握 各 种 基 本 元 素 的 操 作, 能 够 使 用 网 页 的 基 本 元 素 制 作 网 页 3.1 文 本 操 作 在 网 页 创 作 中, 网 页 上 的 信 息 大 多 是 通 过 文 字 来 表 达 的 文 字 是 最 基 本 的 元 素 之 一, 具 有 准 确 快 捷 地 传 递 信 息 存 储 空 间 小 易 复 制 易 保 存 易 打 印 等 优 点 其 优 势 很 难 被 其 他 元 素 所 取 代 增 加 文 字 的 易 读 性, 让 浏 览 者 在 短 时 间 内 阅 读 理 解 更 多 的 信 息, 并 达 到 视 觉 艺 术 及 传 达 的 功 能 是 网 页 创 作 者 追 求 的 目 标 在 网 站 学 院 之 窗 中 建 立 文 件 夹 3, 在 文 件 夹 3 中 建 立 网 页 文 件 实 例 1.html, 如 图 3-1 所 示, 然 后 在 该 网 页 中 输 入 一 段 文 字 利 用 按 键 方 式 输 入 一 个 或 多 个 空 格, 并 实 现 文 本 换 行 1. 输 入 文 字 1) 单 击 网 页 编 辑 窗 口 中 的 空 白 区 域, 窗 口 中 随 即 出 现 闪 动 的 光 标, 标 识 输 入 文 字 的 开 始 位 置, 如 图 3-2 所 示 2) 选 择 适 当 的 输 入 法, 在 光 标 所 在 的 位 置 输 入 一 行 文 字 作 为 标 题, 如 图 3-3 所 示 2. 输 入 文 本 空 格 通 过 按 空 格 键 (SpaceBar) 实 现 输 入 文 本 空 格, 这 与 很 多 文 字 处 理 软 件 的 操 作 是 一 样 的 但 是, 在 Dreamweaver CS4 中 输 入 空 格 的 数 量 在 字 符 输 入 的 半 角 和 全 角 状 态 下 是 不 一 样 的 输 入 法 切 换 到 半 角 状 态 时, 按 空 格 键 只 能 输 入 一 个 空 格, 而 无 法 连 续 输 入 多 个 空 格, 即 第 一 次 按 空 格 键 会 输 入 一 个 空 格, 第 二 次 按 空 格 键 则 不 会 再 输 入 空 格 如 果 需 要 输 入 连 续 的 空 格, 可 以 通 过 下 面 两 种 方 法 来 实 现

图 3-1 建 立 实 例 1.html 图 3-2 编 辑 区 域 的 光 标 图 3-3 在 页 面 中 输 入 一 行 文 字 1) 直 接 按 Ctrl+Shift+SpaceBar 组 合 键 2) 单 击 菜 单 编 辑 首 选 参 数, 出 现 如 图 3-4 所 示 的 窗 口 选 择 常 规 选 项, 选 中 允 许 多 个 连 续 的 空 格 复 选 框, 单 击 按 钮, 这 时 按 SpaceBar 键 就 可 以 输 入 多 个 空 格 了 图 3-4 常 规 选 项 窗 口 提 示 : 空 格 有 全 角 空 格 和 半 角 空 格 之 分, 只 有 在 英 文 输 入 状 态 和 中 文 半 角 输 入 状 态 下 才 能 输 入 半 角 空 格, 若 切 换 到 中 文 输 入 全 角 状 态, 则 可 输 入 全 角 空 格 3. 实 现 文 本 换 行 当 输 入 多 行 文 本 时, 就 需 要 换 行, 这 时 可 以 通 过 按 Enter 键 或 者 按 Shift+ Enter 组 合 键 来 实 现 按 Enter 键 换 行 的 行 距 较 大, 按 Shift+Enter 组 合 键 换 行 的 行 距 较 小 如 图 3-5 所 示, 除 了 页 面 标 题 以 外, 还 有 4 段 文 本, 每 一 段 文 本 的 第 一 行 有 两 个 空 格, 第 一 段 文 本 与 第 二 段 文 本 通 过 按 Shift+Enter 组 合 键 换 行, 第 二 段 文 本 与 第 三 段 文 本 第 三 段 文 本 与 第 四 段 文 本 通 过 按 Enter 键 换 行, 标 题 与 第 一 段 文 本 之 间 也 是 通 过 按 Enter 键 换 行 2

图 3-5 文 本 空 格 与 文 本 换 行 在 网 页 中 输 入 的 文 本 与 在 Word 中 输 入 是 一 样 的, 也 可 以 进 行 编 辑 常 见 的 文 本 编 辑 有 以 下 几 种 : 拖 动 选 中 一 个 或 多 个 文 字, 一 行 或 多 行 文 本, 也 可 以 选 中 网 页 中 的 全 部 文 本 按 Backspace 键 或 Delete 键 删 除 文 本 操 作 将 光 标 移 动 到 需 要 插 入 文 本 的 位 置, 输 入 新 的 文 本 实 现 复 制 剪 切 粘 贴 等 操 作 实 现 查 找 和 替 换 操 作 实 现 撤 销 或 重 做 操 作 可 以 使 用 Dreamweaver CS4 主 窗 口 的 编 辑 菜 单 中 的 命 令 完 成 对 文 本 的 这 些 操 作 部 分 操 作 也 可 以 通 过 先 选 中 文 本, 然 后 鼠 标 右 键 单 击, 并 利 用 弹 出 的 快 捷 菜 单 中 的 命 令 来 完 成 1. 插 入 特 殊 字 符 制 作 网 页 时, 需 要 输 入 一 些 键 盘 上 没 有 的 字 符, 如 注 册 商 标 符 号 欧 元 符 号 等 在 Dreamweaver CS4 中, 操 作 步 骤 如 下 : 1) 在 文 档 窗 口 中, 将 插 入 点 放 在 要 插 入 特 殊 字 符 的 位 置 2) 执 行 下 列 操 作 之 一 : 单 击 菜 单 插 入 HTML 特 殊 字 符 命 令, 选 择 字 符 名 称 在 文 本 插 入 工 具 栏, 如 图 3-6 所 示, 单 击 字 符 按 钮 并 从 子 菜 单 中 选 择 字 符 图 3-6 文 本 插 入 工 具 栏 若 要 选 择 其 中 的 某 个 字 符, 选 择 插 入 HTML 特 殊 字 符 其 他 或 者

单 击 插 入 工 具 栏 的 文 本 类 中 的 字 符 按 钮, 然 后 在 下 拉 菜 单 中 选 择 其 他 字 符 命 令, 从 弹 出 的 插 入 其 他 字 符 对 话 框 中 选 择 一 个 字 符, 然 后 单 击 确 定 按 钮, 如 图 3-7 所 示 图 3-7 插 入 其 他 字 符 对 话 框 2. 插 入 文 本 列 表 在 网 页 中 插 入 文 本 列 表, 可 以 使 文 本 内 容 显 得 更 加 工 整 直 观 Dreamweaver CS4 中 有 项 目 列 表 和 编 号 列 表 两 种 文 本 列 表 类 型 在 文 档 窗 口 中 输 入 时, 可 以 用 现 有 文 本 或 新 文 本 创 建 编 号 列 表 项 目 列 表 和 定 义 列 表 定 义 列 表 不 使 用 项 目 符 号 或 数 字 这 样 的 前 导 字 符, 并 且 通 常 用 于 词 汇 表 或 说 明 列 表 还 可 以 嵌 套 嵌 套 列 表 是 包 含 其 他 列 表 的 列 表 例 如, 用 户 可 以 将 编 号 或 项 目 列 表 嵌 套 在 其 他 编 号 列 表 中 使 用 列 表 属 性 对 话 框 可 以 设 置 整 个 列 表 或 个 别 列 表 项 目 的 外 观, 可 以 为 个 别 列 表 项 目 或 整 个 列 表 设 置 编 号 样 式 重 设 编 号 或 设 置 项 目 符 号 样 式 选 项 在 网 站 学 院 之 窗 文 件 夹 3 中 建 立 网 页 文 件 实 例 2.html 输 入 一 段 文 本, 如 图 3-8 所 示, 最 下 面 3 行 使 用 了 Enter 键 换 行 4 图 3-8 文 本 换 行 效 果

选 中 这 3 行 文 本, 在 文 本 插 入 工 具 栏 单 击 项 目 列 表 按 钮, 或 者 单 击 菜 单 格 式 列 表 项 目 列 表 命 令, 所 选 中 的 文 本 就 会 被 设 置 成 项 目 列 表, 并 且 项 目 符 号 为 默 认 的 列 表 标 志, 也 就 是 圆 点, 如 图 3-9 所 示 选 中 已 有 的 项 目 列 表 中 的 任 意 一 项, 然 后 单 击 属 性 面 板 中 的 列 表 项 目 按 钮, 弹 出 列 表 属 性 对 话 框, 如 图 3-10 所 示 在 该 对 话 框 的 列 表 类 型 下 拉 列 表 框 中 选 择 项 目 列 表, 在 样 式 下 拉 列 表 框 中 选 择 正 方 形, 单 击 确 定 按 钮, 则 项 目 列 表 的 列 表 标 志 将 转 换 为 正 方 形, 如 图 3-11 所 示 图 3-9 项 目 列 表 图 3-10 列 表 属 性 对 话 框 图 3-11 正 方 形 的 项 目 符 号 也 可 以 将 文 本 设 置 为 编 号 列 表, 操 作 方 法 与 设 置 项 目 列 表 大 致 相 同 先 选 中 文 本, 在 文 本 插 入 工 具 栏 中 单 击 编 号 列 表 按 钮, 或 者 单 击 菜 单 格 式 列 表 编 号 列 表 命 令, 所 选 中 的 文 本 就 会 被 设 置 成 编 号 列 表 3. 插 入 水 平 线 水 平 线 对 于 组 织 信 息 很 有 用 在 页 面 上, 可 以 使 用 一 条 或 多 条 水 平 线 以 可 视 方 式 分 隔 文 本 和 对 象 在 网 页 中 合 理 地 插 入 水 平 线, 可 以 取 得 很 好 的 视 觉 效 果 (1) 插 入 水 平 线 在 页 面 中 选 中 插 入 的 位 置, 利 用 插 入 工 具 栏 中 的 水 平 线 按 钮, 如 图 3-12 所 示, 或 者 单 击 菜 单 插 入 HTML 水 平 线 命 令, 就 可 以 插 入 一 条 水 平 线 图 3-12 插 入 工 具 栏 中 的 水 平 线 按 钮 (2) 修 改 水 平 线 在 文 档 中 选 中 刚 插 入 的 水 平 线, 其 属 性 面 板 如 图 3-13 所 示 图 3-13 水 平 线 的 属 性 面 板

ID 文 本 框 : 可 用 于 为 水 平 线 指 定 ID 例 如, 图 3-13 中 的 123 宽 和 高 : 以 像 素 为 单 位 或 以 页 面 大 小 百 分 比 的 形 式 指 定 水 平 线 的 宽 度 和 高 度 对 齐 : 指 定 水 平 线 的 对 齐 方 式 ( 默 认 左 对 齐 居 中 对 齐 和 右 对 齐 ) 仅 当 水 平 线 的 宽 度 小 于 浏 览 器 窗 口 的 宽 度 时, 该 设 置 才 适 用 阴 影 : 指 定 绘 制 水 平 线 时 是 否 带 阴 影 不 勾 选 该 复 选 框 将 使 用 纯 色 绘 制 水 平 线 类 : 可 用 于 附 加 样 式 表, 或 者 应 用 已 附 加 的 样 式 表 中 的 类 4. 插 入 日 期 Dreamweaver CS4 提 供 了 一 个 方 便 的 日 期 对 象 该 对 象 可 以 以 用 户 喜 欢 的 格 式 插 入 当 前 日 期 ( 包 含 或 不 包 含 时 间 都 可 以 ), 并 且 可 以 选 择 在 每 次 保 存 文 件 时 都 自 动 更 新 该 日 期 在 文 档 窗 口 中, 将 插 入 点 放 在 要 插 入 日 期 的 位 置, 然 后 执 行 下 列 操 作 之 一 : 单 击 菜 单 插 入 日 期 命 令 在 插 入 工 具 栏 中 单 击 日 期 按 钮, 如 图 3-14 所 示 图 3-14 插 入 工 具 栏 中 的 日 期 按 钮 弹 出 如 图 3-15 所 示 的 插 入 日 期 对 话 框 在 该 对 话 框 中, 选 择 星 期 格 式 日 期 格 式 和 时 间 格 式 如 果 希 望 在 每 次 保 存 文 档 时 都 更 新 插 入 的 日 期, 则 勾 选 存 储 时 自 动 更 新 复 选 框 ; 如 果 希 望 日 期 在 插 入 后 变 成 纯 文 本 并 永 远 不 自 动 更 新, 则 取 消 选 择 该 复 选 框, 单 击 确 定 按 钮 插 入 日 期 最 后 生 成 的 日 期 效 果 为 Thursday, 2009-04-23 23:59 图 3-15 插 入 日 期 对 话 框 提 示 : 插 入 日 期 对 话 框 中 显 示 的 日 期 和 时 间 不 是 当 前 日 期, 也 不 反 映 浏 览 者 访 问 站 点 时 所 看 到 的 日 期 / 时 间 它 们 只 是 说 明 此 信 息 的 显 示 方 式 的 示 例 5. 插 入 注 释 在 页 面 中 可 以 插 入 相 关 的 注 释 说 明 语 句, 便 于 源 代 码 编 写 者 对 代 码 进 行 检 查 与 维 护, 但 6

这 些 注 释 语 句 在 浏 览 时 并 不 会 出 现 在 Dreamweaver CS4 的 主 窗 口 中, 将 光 标 放 置 到 要 插 入 注 释 的 位 置, 在 插 入 工 具 栏 中 单 击 如 图 3-16 所 示 的 注 释 按 钮, 然 后 在 弹 出 的 注 释 对 话 框 中 输 入 注 释 的 内 容, 即 可 插 入 注 释 图 3-16 插 入 工 具 栏 中 的 注 释 按 钮 Dreamweaver CS4 中 专 门 提 供 了 格 式 化 文 本 的 菜 单 和 插 入 工 具 栏, 用 来 设 置 一 些 常 用 的 文 本 格 式, 如 文 本 的 标 题 类 型 字 体 对 齐 方 式 颜 色 等 更 详 细 的 设 置 请 参 考 CSS 部 分 (1) 使 用 文 本 插 入 工 具 栏 设 置 文 本 插 入 工 具 栏 设 置 的 格 式 有 黑 体 斜 体 强 调 段 落 块 引 用 标 题 1 标 题 2 标 题 3 首 先 选 中 需 要 设 置 的 文 本, 然 后 选 择 文 本 插 入 工 具 栏 中 的 对 应 按 钮 即 可 完 成 设 置, 如 图 3-17 所 示 图 3-17 文 本 插 入 工 具 栏 (2) 使 用 菜 单 设 置 在 主 菜 单 中 单 击 格 式 菜 单 可 设 置 选 中 文 本 的 对 齐 方 式 字 体 类 型 标 题 类 型 和 颜 色 等, 如 图 3-18 所 示 图 3-18 格 式 菜 单

3.2 在 网 页 中 插 入 图 像 图 像 在 网 页 中 通 常 起 到 画 龙 点 睛 的 作 用, 它 能 装 饰 网 页, 表 达 个 人 的 情 趣 和 风 格 但 在 网 页 上 加 入 过 多 的 图 片 时, 就 会 影 响 浏 览 的 速 度, 导 致 用 户 失 去 耐 心 而 放 弃 浏 览 页 面 网 页 常 用 的 图 像 格 式 有 JPEG(Joint Photographic Experts Group) GIF(Graphics Interchange Format) 和 PNG(Portable Network Graphic)3 种 其 中,JPEG 和 GIF 两 种 格 式 的 图 片 文 件 比 较 小, 适 合 网 络 传 输, 而 且 能 够 被 大 多 数 浏 览 器 完 全 支 持, 所 以 是 网 页 制 作 中 常 用 的 图 像 格 式 JPEG 是 特 别 为 照 片 图 像 设 计 的 文 件 格 式, 支 持 数 百 万 种 色 彩 JPEG 是 质 量 有 损 的 格 式, 其 压 缩 技 术 十 分 先 进 使 用 有 损 压 缩 的 方 式 去 除 冗 余 的 图 像 和 彩 色 数 据, 在 获 取 极 高 压 缩 率 的 同 时 能 展 现 十 分 丰 富 生 动 的 图 像 图 像 数 据 被 抛 弃 得 很 少, 不 会 在 质 量 上 有 非 常 明 显 的 不 同, 特 别 适 合 在 网 上 发 布 照 片 图 形 交 换 格 式 GIF 是 网 页 图 像 中 很 流 行 的 格 式 虽 然 它 仅 包 括 256 种 色 彩, 但 GIF 提 供 了 出 色 的 几 乎 没 有 丢 失 的 图 像 压 缩, 并 且 可 以 包 含 透 明 区 域 和 多 动 画 它 靠 水 平 扫 描 像 素 行 找 到 固 定 的 颜 色 区 域 进 行 压 缩, 然 后 减 少 同 一 区 域 中 的 像 素 数 量 因 此,GIF 通 常 适 应 于 卡 通 LOGO 图 形 或 带 有 透 明 区 域 的 图 形 动 画 等 一 般 来 说, 图 像 素 材 的 来 源 有 以 下 几 种 : 1 从 网 络 上 寻 找 共 享 资 源 网 络 是 最 新 最 大 的 资 源 库, 通 过 下 载 一 些 共 享 的 图 片 动 画 等 素 材, 既 可 以 学 习 他 人 的 长 处, 又 可 以 丰 富 自 己 的 素 材 库 2 运 用 扫 描 仪 数 码 设 备 获 得 资 源 3 捕 捉 屏 幕 或 视 频 资 源, 即 将 影 碟 电 视 节 目 录 像 等 素 材, 经 过 捕 捉 剪 辑 加 工 处 理 后, 成 为 主 题 突 出 形 象 生 动 的 图 片 收 集 到 图 像 素 材 后, 对 图 像 进 行 优 化, 要 使 图 像 小 而 且 失 真 度 又 不 大, 应 将 图 像 转 换 成 JPEG 和 GIF 格 式 下 面 是 一 些 图 像 素 材 的 网 站 : 中 国 素 材 网 http://www.sucai86.com, 提 供 各 种 网 页 素 材 当 我 吧 素 材 网 http://www.d500.com.cn, 提 供 矢 量 Flash GIF LOGO 等 素 材 映 象 中 国 :http://www.icpress.cn/, 提 供 各 种 时 事 创 意 图 片 素 材 精 品 屋 :http://www.sucaiw.com, 提 供 设 计 素 材 动 画 矢 量 图 片 特 色 图 标 百 万 图 库 :http://www.mypcera.com, 提 供 Flash 动 漫 各 种 类 型 的 图 片 图 片 下 载 :http://www.clipart.com, 提 供 1000 万 张 图 片 下 载 闪 盟 矢 量 图 库 :http://www.flashsun.com, 提 供 各 种 矢 量 图 8

1. 插 入 图 像 在 网 站 学 院 之 窗 文 件 夹 3 中 建 立 网 页 文 件 实 例 3.html 输 入 一 段 文 本, 如 图 3-19 所 示, 在 该 网 页 的 文 本 后 面 插 入 两 幅 图 片 具 体 操 作 如 下 : 1) 将 光 标 放 置 在 网 页 实 例 3.html 文 本 最 后 一 行 的 尾 部, 按 Enter 键 换 行 2) 单 击 菜 单 插 入 图 像 命 令, 或 单 击 常 用 插 入 工 具 栏 中 的 按 钮, 在 列 表 项 中 选 择 图 像, 弹 出 选 择 图 像 源 文 件 对 话 框, 如 图 3-20 所 示 图 3-19 实 例 3 的 文 本 部 分 图 3-20 选 择 图 像 源 文 件 对 话 框 3) 在 选 择 图 像 源 文 件 对 话 框 中, 执 行 下 列 操 作 之 一 : 选 择 文 件 系 统, 以 选 择 一 个 图 像 文 件 选 择 数 据 源, 以 选 择 一 个 动 态 图 像 源 单 击 站 点 和 服 务 器 按 钮, 以 在 其 中 的 一 个 Dreamweaver 站 点 的 远 程 文 件 夹 中 选 择 一 个 图 像 文 件 4) 浏 览 并 选 择 要 插 入 的 图 像, 单 击 确 定 按 钮, 将 显 示 图 像 标 签 辅 助 功 能 属 性 对 话 框 ( 如 果 已 在 首 选 参 数 中 激 活 了 此 对 话 框 ), 如 图 3-21 所 示 如 果 正 在 处 理 一 个 未 保 存 的 文 档,Dreamweaver 将 生 成 一 个 对 图 像 文 件 的 file:// 引 用 将 文 档 保 存 在 站 点 中 的 任 意 位 置 后,Dreamweaver 将 该 引 用 转 换 为 文 档 的 相 对 路 径

10 图 3-21 图 像 标 签 辅 助 功 能 属 性 对 话 框