HTML网页设计-教学大纲.pdf

1、1【 HTML 网 页 设 计 】 教 学 大 纲课 程 性 质 ： 专 业 课学 时 ： 80学 时 （ 面 授 学 时 ： 16 实 验 学 时 ： 16 自 学 学 时 : 48 ）适 用 专 业 层 次 ： 高 起 专一 、 课 程 教 学 基 本 要 求 ：本 课 程 内 容 新 颖 实 用 并 处 于 逐 步 形 成 过 程 之 中 ， 还 未 具 有 相 应 系 统 的 理 论 ， 且 变 化 相 对比 较 快 。 目 前 ， 基 本 以 网 站 建 设 和 网 页 设 计 的 实 践 为 线 索 来 确 定 课 程 的 知 识 结 构 。 根 据 课 程具 有 实 用 性 的

2、特 点 ， 实 践 环 节 在 教 学 过 程 中 占 有 重 要 地 位 。 通 过 本 课 程 的 学 习 与 实 践 ， 学 生应 达 到 ：1 掌 握 互 联 网 基 本 知 识 ， 及 有 关 Web 网 站 建 设 的 基 本 概 念 与 方 法 。2 掌 握 网 页 设 计 制 作 的 基 本 概 念 ， HTML 超 文 本 标 记 语 言 的 基 本 知 识 。3 主 要 掌 握 网 页 制 作 工 具 Dreamweaver、 Flash 和 Firework 的 使 用4 掌 握 有 关 计 算 机 网 络 信 息 的 收 集 、 加 工 、 处 理 、 发 布 与 维

3、护 的 基 本 框 架 与 工 作 流 程 ，能 建 设 中 小 型 网 站 。5 了 解 本 课 程 相 关 技 术 的 发 展 趋 势 。二 、 课 程 教 学 大 纲 说 明1.课 程 的 性 质 ： HTML 与 网 页 制 作 课 程 是 计 算 机 网 络 方 向 必 修 的 一 门 专 业 基 础 技 能课 程 。 学 生 在 学 习 本 课 程 之 前 应 当 具 有 计 算 机 网 络 和 计 算 机 操 作 的 预 备 知 识 和 能 力 。2.课 程 的 任 务 ： 作 为 计 算 机 网 络 技 术 专 业 的 学 生 ， 应 该 具 备 网 页 设 计 的 相 关 知

4、 识 ， 并 有专 业 化 网 站 的 构 建 能 力 ， 能 够 策 划 、 设 计 、 实 现 和 维 护 中 小 型 网 站 （ 如 公 司 网 站 、 电 子 商 务网 站 等 ） 。 学 习 完 本 课 程 后 ， 学 生 应 该 能 够 形 成 网 站 策 划 和 设 计 的 基 本 知 识 结 构 并 具 有 创 建一 个 中 小 型 的 个 人 网 站 ， 并 将 其 发 布 到 Internet 上 运 行 的 能 力 。3.教 学 条 件 ： 由 于 该 课 程 注 重 学 生 的 实 际 操 作 能 力 ， 因 此 要 求 所 有 课 程 在 计 算 机 房 进 行 ，要

5、 求 为 每 个 学 生 配 备 一 台 高 性 能 计 算 机 ， 操 作 系 统 ： Windows 2000 Server,并 安 装 MacromediaDreamweaver Mx、 Flash Mx、 Fireworks Mx， 并 具 备 Internet 上 网 条 件 。4.教 法 说 明 ： 在 理 论 教 学 上 ， 采 用 “ 案 例 分 析 ” 的 方 式 ， 引 导 学 生 发 现 问 题 、 分 析 问 题 ，掌 握 网 站 建 设 的 基 本 概 念 和 流 程 。 在 实 践 教 学 上 ， 采 用 “ 实 例 引 导 ， 项 目 驱 动 ” 的 方 式 讲

6、授常 用 软 件 的 使 用 ， 通 过 实 现 相 关 实 例 ， 在 实 例 基 础 上 改 造 拓 宽 ， 真 正 实 现 “ 学 以 致 用 ” 。 在教 学 过 程 中 ， 注 重 对 学 生 各 方 面 素 质 的 培 养 ， 注 重 培 养 学 生 的 动 手 能 力 、 表 达 能 力 、 协 作 能力 和 学 习 能 力 等 。三 、 各 章 教 学 结 构 及 具 体 要 求 （ 每 章 的 教 学 内 容 及 具 体 的 教 学 目 的 和 要 求 ）第 1章 网 页 设 计 理 论1.1 认 识 网 页 与 网 站1.2 网 页 设 计 与 制 作1.2.1 基 本 概

7、 念1.2.2 网 页 设 计 的 主 题 与 风 格 定 位1.2.3 网 站 开 发 的 流 程1.2.4 网 站 前 端 开 发 环 境1.2.5 相 关 术 语1.3 习 题教 学 目 的 和 要 求 ： 主 要 掌 握 文 档 标 记 的 使 用 ， 头 部 标 记 title， 主 体 标 签 body， 标题 标 记 等 ， 了 解 和 掌 握 HTML 文 档 的 结 构 。第 2 章 HTML表 格22.1 表 格2.1.1 创 建 表 格2.1.2 添 加 表 格 内 容2.1.3 表 格 基 本 操 作2.1.4 表 格 和 单 元 格 的 属 性 设 置2.2 与 表

8、格 相 关 的 css 属 性 及 其 应 用2.2.1 表 格 类 css 属 性2.2.2css 表 格2.3css 知 识 积 累2.3.1 浮 动2.3.2 定 位2.4 商 用 案 例 “ 中 秋 节 电 影 ” 活 动 页 面 的 设 计 与 实 现2.4.1 页 面 规 划2.4.2 页 面 的 具 体 实 现2.5 实 训2.6 习 题教 学 目 的 和 要 求 ： 表 格 章 节 主 要 学 习 设 置 表 格 的 边 框 、 表 格 的 背 景 颜 色 、 表 格 边 框 颜 色 、设 置 表 格 高 度 和 宽 度 以 及 设 置 表 格 背 景 图 像 等 。 掌 握

9、表 格 间 距 设 置 ， 表 格 水 平 对 齐 设 置 ，表 格 标 题 的 设 置 ， 行 标 签 和 单 元 格 背 景 颜 色 的 设 置 ， 掌 握 表 格 跨 行 跨 列 的 设 置 以 及 表 格 的 嵌套 ， 用 于 今 后 利 用 表 格 进 行 网 页 布 局 。第 3 章 静 态 网 页 制 作3.1html、 xhtml 和 html5 概 述3.1.1html3.1.2xhtml3.1.3html53.2 网 页 文 件 的 创 建 过 程3.3 常 用 标 签3.3.1 标 题 标 签 、 段 落 标 签 与 换 行 标 签3.3.2 超 链 接 标 签 与 图

10、像 标 签3.3.3 列 表 标 签3.3.4 表 格 标 签3.3.5 表 单 标 签3.3.6html5 新 增 标 签3.4 简 单 实 例3.4.1 创 建 和 保 存 网 页3.4.2 预 览 网 页3.5 实 训3.6 习 题教 学 目 的 和 要 求 ： 通 过 框 架 页 示 例 ， 学 习 网 页 框 架 的 基 础 知 识 ， 掌 握 框 架 边 框 的 设 置 、框 架 边 距 的 设 置 、 设 置 框 架 缩 放 、 设 置 框 架 滚 动 条 、 设 置 框 架 边 框 的 颜 色 ， 对 框 架 进 行 上 下分 割 窗 口 、 左 右 分 割 窗 口 来 设 计

11、 框 架 页 面 ， 设 置 浮 动 框 架 的 高 度 和 宽 度 ， 设 置 浮 动 框 架 的 对齐 方 式 等 。第 4章 CSS基 础4.1css 语 言 概 述34.1.1css 概 述4.1.2css 规 则4.1.3css 的 命 名 规 则4.2css 与 html 文 档 的 结 合 方 法4.3 结 合 css 创 建 简 单 网 页4.3.1 页 面 布 局 分 析4.3.2 编 写 html 文 档4.3.3 美 化 与 修 改 文 档4.4 实 训4.5 习 题教 学 目 的 和 要 求 ： 本 章 节 将 学 习 使 用 CSS 进 行 网 页 样 式 风 格 的

12、 设 计 。 要 使 学 生 掌 握 使用 CSS 的 基 本 语 法 ， 以 及 在 HTML 中 使 用 CSS 的 几 种 方 法 。 达 到 网 页 美 化 的 目 的第 5 章 Photoshop CS2网 页 制 作5.1 初 识 Photoshop CS25.1.1Photoshop CS2 的 工 作 环 境5.1.2 工 具 栏 与 面 板 介 绍5.1.3Photoshop CS2 的 参 数 设 置5.2 创 建 与 管 理 站 点5.2.1 创 建 站 点5.2.2 创 建 第 一 个 网 页 文 档5.2.3 站 点 内 文 件 管 理5.2.4 站 点 的 管 理5

13、.3css 在 Photoshop CS2 中 的 运 用5.3.1css 的 链 接 类 型5.3.2 盒 模 型 概 述5.3.3css 选 择 符5.4 商 用 案 例 使 用 “ div+css” 模 式 制 作 旅 行 社 网 页5.4.1 页 面 规 划5.4.2 实 现 过 程5.5 实 训5.6 习 题教 学 目 的 和 要 求 ： 通 过 初 识 了 解 Photoshop CS2 的 工 作 环 境 ， 学 会 操 作 Photoshop CS2的 面 板 ， 利 用 简 单 的 知 识 模 板 制 作 简 单 的 网 页 以 及 应 用 到 实 例 中 。第 6 章 Ja

14、vaScript 基 础6.1JavaScript编 程 基 础6.2JavaScript工 作 原 理6.3如 何 在 Html页 面 中 使 用 JavaScript教 学 目 的 和 要 求 ： 讲 述 Internet、 HTML、 JavaScript及 JavaScript 程 序 的 编 辑 与 调 试 。重 点 ： WWW、 HTML、 JavaScript 概 念 ； JavaScript程 序 的 编 辑 与 调 试 方 法 。第 7 章 JavaScript 对 象7.1 内 置 对 象 (String、 Math、 Date)7.2 浏 览 器 对 象 (Window、

15、 Document、 History,Forms、 )7.3 用 户 自 定 义 对 象教 学 内 容 ： 讲 述 String 对 象 、 math 对 象 、 data 对 象 以 及 其 他 对 象 。4重 点 ： String 对 象 、 math 对 象 、 data 对 象 以 及 其 他 对 象 的 概 念 ；难 点 ： 以 上 对 象 的 使 用 方 法 。第 8 章 DOM技 术8.1 DOM 概 念8.2 JavaScript 在 DOM 中 的 应 用8.3 DOM 客 户 端 编 程 。教 学 目 的 和 要 求 ： 补 步 了 解 DOM技 术 及 应 用 。第 9

16、章 JavaScript 事 件 处 理9.1 JavaScript事 件 认 识9.2 JavaScript事 件 应 用教 学 目 的 和 要 求 ： 了 解 JavaScript事 件 ， 学 会 JavaScript事 件 的 使 用 。第 10章 HTML网 页 设 计 实 验10.1 规 划 与 分 析10.1.1 相 关 概 念10.1.2 规 划 设 计10.2 设 计 与 实 现10.2.1 登 录 页 面 的 实 现10.2.2 后 台 页 面 的 实 现10.3 实 训10.4 习 题教 学 目 的 和 要 求 ： 进 一 步 深 入 学 习 HTML 制 作 网 页 ，

17、 设 计 与 实 现 制 作 自 己 的 网 页 。第 11章 HTML5音 频 和 视 频 技 术11.1 HTML5音 频11.2 HTML5视 频 技 术11.3 综 合 应 用教 学 目 的 和 要 求 ： 音 频 和 视 频 技 术 在 HTML5 中 的 应 用 。第 12章 HTML5本 地 数 据 存 储教 学 目 的 和 要 求 ： 简 单 了 解 HTML5 本 地 数 据 存 储 。四 、 各 教 学 环 节 学 时 分 配 表 （ 以 高 等 数 学 为 例 ）章 序 授 课 内 容 自 学 学 时 面 授 学 时 小 计第 一 章 网 页 设 计 理 论 4 2 6第

18、 二 章 HTML 表 格 4 0 4第 三 章 静 态 网 页 制 作 4 0 4第 四 章 CSS基 础 4 2 6第 五 章 Photoshop CS2网 页 制作 4 0 4第 六 章 JavaScript 基 础 4 2 6第 七 章 JavaScript 对 象 4 2 6第 八 章 DOM技 术 4 2 6第 九 章 JavaScript事 件 处 理 4 2 6第 十 章 HTML网 页 设 计 实 验 4 0 4第 十 一 章 HTML5音 频 和 视 频 技 术 4 2 6第 十 二 章 HTML5本 地 数 据 存 储 4 2 6合 计 48 16 645五 、 教 材

19、及 主 要 参 考 书教 材 : 网 页 设 计 与 制 作 案 例 教 程 （ HTML+CSS+Dreamweaver） 张 晓 蕾 主 编 ， 清 华大 学 出 版 社 ， 2013 年 4 月 1 日 版参 考 书 ：1. Flash Mx,Fireworks Mx ， Dreamweaver Mx 三 合 一 实 用 教 程 袁 建 洲 等 编 著 ， 电子 工 业 出 版 社2. 互 联 网 实 用 技 术 与 网 页 制 作 余 苏 宁 聂 哲 王 静 霞 编 著 ， 西 安 电 子 科 技 大 学 出 版社 ， 20003. Dreamweaver Mx 网 页 制 作 贾 春 红 编 著 ， 人 民 邮 电 出 版 社 ， 2002 年