基于工作过程的《网页设计与制作》教学实践探索
合集下载
《网页设计与制作》课程教学改革的研究与探索
使是完成 的作品也达不到应有的功能效果和视觉效果 。 程 内 课 使学 生 了解 网页设计技术 的基本 概念 、 基础知识 ， 掌握使 用网 容 上重 “ 术 ” “ 计 ” 这 样 导 致 学 生 不 会 从 全 局 的 角度 开 发 页设计 与制作 的基本方法 以及基本技 能 ； 技 轻 设 ， 同时教 学内容按模块
Ｙ ａ ｅ Ｌｉ ｉｏ ｉｏ ｎｇ Ｓ ｎ ｕＸ ａ ｘ ａ
（ ｕｉｅｓ ｌ ｇ ｆＳ ａｘ ｉｅｓｙ Ｔ ｉｕｎ ０ ０ ３ ） Ｂ ｓ ｓ Ｃｏ ｅｅｏ ｈ ｎ ｉ ｖ ｒ ｔ ｎ ｌ Ｕｎ ｉ ａ ａ ３ ０ ｙ １
Ａｂｓ ｒ ｔＡｓｔ ｅ ｔ ｃ ｎｏｏ ｉ ｓａ ｄ ｍｅ ｈ ｄｓａ ｐｅ ｒ ｄ ｉ ｈｅＷ ｅ ｓｇ ｔ ｅ ｎ ｗ ｍａ ｄｓｏ ｅ ｃ ｎｇｒ ｑ ｒ ｍｅ ｔ ｔａｃ ｈｅｎ ｗ ｅ ｈ ｌ ｇｅ ｎ ｔ ｏ ｐ ａ ｅ ｎ ｔ ｂ ｄｅ ｉｎ， ｈ ｅ ｄｅ ｎ ｆｔａ ｈｉ ｅ ｕｉｅ ｎ ｓ
Ｐｏ ｕ ｔ ｎ ｏ ｒ ｒ ａ ｙｙａｓ ｔｅａｔｏ ｌ ｏａ ｓ ｏ ｎ ａ ｃ ｅｔａｈｎ ｆ ｃ ｉ ｔｉ ｃｕｓ ｎ ｏ ｒｄ ｃｉ ）ｃｕｓ ｆ ｎ ｅｒ，ｈ ｕｈ ｒ ａ ｒｔ ｗ ｔ ｅ ｈ ｎ ｅｔ ｃ ｉｇｅ ｅｔ ｎ ｈｓ ｏ ｒｅａ ｄｈ ｗ ｔ ｏ ｅｏ ｍ ｅｂ ｅｈ ｏ ｈ ｅ ｆ ｏ
动 性 、 新 思 维 、 作 精 神 ， 发 其 求 知 欲 望 ， 升 学 生 的就 业 识 和 职业 意 识 ， 高 学 生 的分 析 问题 和 解 决 问题 的 能 力 及 团 队 创 合 激 提 提 能力 ， 笔者们结 合 自己多年 的实践 教学经验对该课程进 行 了初 精神 和合 作能力 。
设计计 ， 并及时更新 ， 而将最新 的技术融人到教学 中， 从 激发
基于工作过程的“网页设计与制作”课程的开发探索
ｉ ａｉｎ ｍｏ ｅ ． ｎ ｔｏ ｄ ｓ
Ｋｅ ｒ ：ｗｏ ｋ ｐ ｏ ｅ ｓ ｔｐｉａ ａ ｋｓ ｗｅ ｅ ｉ ｎ ａ ｄ ｍａ ｉ ｇ； ｃ ｕ ａ ｉｎ ｌａ ｉ ｔ ｙ ｗｏ ｄｓ ｒ ｒ ｃ ｓ ；ｙ ｃ ｌｔｓ ； ｂ ｄ ｓｇ ｎ ｋ ｎ ｏ ｃ ｐ ｔ ａ ｂ ｌ ｙ ｏ ｉ
１课程 改革 思路
随着 Ｉｔ ｎｔ ｎｅ ｅ 的蓬 勃 发 展 ， 会 对 网页 设 计 人 ｒ 社
才 的需求 越来 越大 。 网页设计 师成 了信 息社会 发 展 和实 现媒 体 内容数 字 化 以及 网络 化 的关 键人 才 ， 是
最具 有发 展 潜力 、 会 需求 量 巨大 的职 业 之一 。 社
０ 引 言
似简单 易学 的课 程之 后 ， 不能 胜任 网页设 计工 作 ， 却 如 不能 独立 完成 网站 规 划 和 页 面设 计 ， 网页 的设 计 达 不到应 有 的功 能 效 果 和视 觉 效 果 等 。 因此 ， 结合 高 职学 生 的实 际情 况 以及 就 业 需 求 ， “ 页设 计 对 网 与 制作 ” 程 实施基 于 工作过 程 的改革 。 课
行 了深 入调研 。通 过对 毕业生 的 回访 、 业走访 、 企 调 查 问卷 、 电话 邮件 咨询 、 家研 讨会 等多 种形式 的深 专 入 调研 ， 而 了解 网 页设 计 相关 职 业 的主 要 岗位 需 从
作” 程， 课 并就其 教材 、 学方 法 、 教 考核 模 式等 方 面提 出 了具体 的 改革 实施 方案 。
关键词 ： 工作过 程 ； 型 工作任务 ； 页设 计 与制作 ； 业能 力 典 网 职
中 图分 类号 ： ４ ３ ０ Ｇ ２ ．７
文 献标 识码 ： Ａ
文 章编 号 ：６ １ ５ ８ ２ １ ）４—１３— ４ １７ —６ ５ （ ０ ０ ０ ０ ０
Ｋｅ ｒ ：ｗｏ ｋ ｐ ｏ ｅ ｓ ｔｐｉａ ａ ｋｓ ｗｅ ｅ ｉ ｎ ａ ｄ ｍａ ｉ ｇ； ｃ ｕ ａ ｉｎ ｌａ ｉ ｔ ｙ ｗｏ ｄｓ ｒ ｒ ｃ ｓ ；ｙ ｃ ｌｔｓ ； ｂ ｄ ｓｇ ｎ ｋ ｎ ｏ ｃ ｐ ｔ ａ ｂ ｌ ｙ ｏ ｉ
１课程 改革 思路
随着 Ｉｔ ｎｔ ｎｅ ｅ 的蓬 勃 发 展 ， 会 对 网页 设 计 人 ｒ 社
才 的需求 越来 越大 。 网页设计 师成 了信 息社会 发 展 和实 现媒 体 内容数 字 化 以及 网络 化 的关 键人 才 ， 是
最具 有发 展 潜力 、 会 需求 量 巨大 的职 业 之一 。 社
０ 引 言
似简单 易学 的课 程之 后 ， 不能 胜任 网页设 计工 作 ， 却 如 不能 独立 完成 网站 规 划 和 页 面设 计 ， 网页 的设 计 达 不到应 有 的功 能 效 果 和视 觉 效 果 等 。 因此 ， 结合 高 职学 生 的实 际情 况 以及 就 业 需 求 ， “ 页设 计 对 网 与 制作 ” 程 实施基 于 工作过 程 的改革 。 课
行 了深 入调研 。通 过对 毕业生 的 回访 、 业走访 、 企 调 查 问卷 、 电话 邮件 咨询 、 家研 讨会 等多 种形式 的深 专 入 调研 ， 而 了解 网 页设 计 相关 职 业 的主 要 岗位 需 从
作” 程， 课 并就其 教材 、 学方 法 、 教 考核 模 式等 方 面提 出 了具体 的 改革 实施 方案 。
关键词 ： 工作过 程 ； 型 工作任务 ； 页设 计 与制作 ； 业能 力 典 网 职
中 图分 类号 ： ４ ３ ０ Ｇ ２ ．７
文 献标 识码 ： Ａ
文 章编 号 ：６ １ ５ ８ ２ １ ）４—１３— ４ １７ —６ ５ （ ０ ０ ０ ０ ０
“任务驱动”在“网页设计与制作”教学中的探索实践
科技信息
计 算机 与 网络
‘ 务 驱 动 ’ “ 页 设 计 与 制作 ＂ 学 巾硇 搽 索 实 践 ‘ 任 ’ 网 在 教
李 长鹏 ’ 孙 丽丽 程 涛 （． 岛港 湾职 业技 术 学院计算 机科 学 系 ２青 岛黄海 职业 学 院外语 系） １青 ．
［ 摘 要］ 本文结合 高职 高专院校的特点 ， 出并探 索了在“ 提 网页设计与制作” 学中采用“ 教 任务驱动” 的教学方式 将 网 页设 计 的原 理 和规范等知识融入到各个 网页制作的任务 中进 行分析讲解 。实践证明 ， 在实际教 学中应 用“ 任务驱动’ ’ 模式 在 很 大程 度 上 能 够 激 发 学生学习的主动性和创造性 ， 使学生积极 主动地 获得 网页知识和用 Ｄｒ ｍ 。 ｅ ａ 。 制作 网页的技 能。 ［ 关键词 ］ 网页设计 与制作 任务驱动 Ｄｒａ ｅｍ 。 教学实践
，
，
Байду номын сангаас
１ 引言 ．
２２３任 务 分 析 ．．
“ 网页设计与制作” 是电子商务 、 计算机各专业公共 的专业基础课 ， 该课程是－ ｆ操作性和实践性很强的职业技能主干课程 ， － ｌ 并且与 “ 图形 图像处 理” “ ｌ ｈ动 画制作 ” 、Ｆａ ｓ 等课程相结合 、 使学生掌握 网站设计 的全 过程 ， 能熟练制作 出有专业水准的网站 。由于这门课程的操作性 和实践 性强 ， 教师 的教法和学生的学法对教学效果会产生直接的影响。 传统 的 教学主要是以教师为讲授中心 ， 教师为知识的传播者 ， 处于绝对 的主动 地位 。 学生则通过感官接 受教师呈现的教学信息 ， 主动性受到极 大的压 制， 不利于培养学生的 自学能力 和创新精神 。 “ 任务驱动” 教学法提倡 教师指导下的以学生为中心的学习 。在整 个教学过程中 ， 教师发挥组织者 、 导者和促 进者的作用 ， 指 利用情景 、 协 作、 会话 等 ， 充分发挥学生 的积极性和创造性 ， 最终达到使 学生有效地 实现对当前所 学知识进行构建 的目的 。 ２“ 务 驱 动 ” 网页 设 计 与 制 作 课 程 中 的教 学 设 计 探 索 ．任 在 ２１ 任务驱 动” ．“ 教学方法 的提 出 “ 任务驱动” 教学法是建立在建构 主义学 习理论基础上的一种教学 模式。 适用 于学 习操作类 的知识和技能 ， 尤其适用 于学 习信息技术应用 方面的知识 和技 能。 它强调学生的学习活动必须与任务相结合 ， 以问题 的探索来 引导 和维持学 习者 的学 习兴趣 和动机 ，教师应 创建真实的教 学情境 ， 让学 生带着真实 的任 务去学习 ， 以使学 生拥有学习 的主动权。 学生学习不单是 知识 由外到 内的转移 和传递 ，更 是学生主动建构 自己 知识经验 ， 通过新经验和原有知识经验 的相互作用 ， 充实和丰富 自身的 知识 、 能力 的过程 。任务驱动从浅显的实例人手 ， 动理论 的学 习和应 带 用 ， 而培养学生独立探索 、 从 勇于开拓 、 不断创新 的学 习能力 ， 高学生 提 的学习效率和兴趣 ， 同时培养学生的主动合作 的意识 。 一个任务完成后 学生会有满足感 、 成就感 ， 这种感觉进而激发他们 的强烈 的求知 欲望和 学习信心 ， 良性循环的学习过程逐步形 成。 使 ２ “ ． 任务驱动” ２ 教学法的课 堂组织实施 ２２１ ．．任务设计要具体明确 目标任务 的明确对今后的学习与任务 的最终完成至关重要 。课 堂 教学 中， 教师和学生通过创设问题情境 ， 把所要学 习的知识 巧妙地 隐含 在一个个任务 当中， 使学生在完成任务的过程 中达到理解学科 知识 、 掌 握技能 的目的 。设计精巧的“ 任务” 能充分调动学生 的学 习热情 和求知 欲望 ， 在融洽与和谐的情境中获得 良好 的教学效果 。 任务可以由师生共 同讨论提 出或者 由学生根据 内在的需求去探索和学 习，充分发挥 自身 的积极性 、 主动性 和创 造性 ， 从而培 养出独立探索 、 勇于开拓进取 的 自 学 能力 。 例如 ， 在学习“ 表格布局” 的内容时 ， 教师可通过让学生浏览观察几 个 网站 的页面 ， 激发他们的热情 ， 再提 出任务 。初始任务可 以是较 为简 单 的页面 的制作 ， 中可包含“ 其 表格的插入” “ 、表格的修改” “ 、表格 的属 性设 置” 等知识点 ； 之后 ， 教师就 可给出较为复杂 的页面布局的设计任 务 ， 学生运用“ 让 布局 视图” “ 、布局表格 ” “ 、绘制布局单 元格 ” 等一 系列 知识去实现 ； 最后 ， 可以让学 生用“ 表格布局” 自行设计一个 网站 的页 去 面。在最后的任务 中实际包含“ 页面 布 局 ” “ 面 主 题 ” 多 项 设 计 思 、页 等 想， 让学生根据页面主题 内容进 行页面的布局设计 ， 为后续 的教学 打下 基础 。 这样的教学设计 可以使基础较差 的学生 ， 在前两个任务逐 步完成 后 ， 逐 渐 过 渡 到 最 后 的 创 新 设 计 中 ， 基 础 较 好 的学 生 ， 开 始 就 可 再 而 从 以完成较复杂的任务 ， 大胆地展示 自己的想象力及创造力。
计 算机 与 网络
‘ 务 驱 动 ’ “ 页 设 计 与 制作 ＂ 学 巾硇 搽 索 实 践 ‘ 任 ’ 网 在 教
李 长鹏 ’ 孙 丽丽 程 涛 （． 岛港 湾职 业技 术 学院计算 机科 学 系 ２青 岛黄海 职业 学 院外语 系） １青 ．
［ 摘 要］ 本文结合 高职 高专院校的特点 ， 出并探 索了在“ 提 网页设计与制作” 学中采用“ 教 任务驱动” 的教学方式 将 网 页设 计 的原 理 和规范等知识融入到各个 网页制作的任务 中进 行分析讲解 。实践证明 ， 在实际教 学中应 用“ 任务驱动’ ’ 模式 在 很 大程 度 上 能 够 激 发 学生学习的主动性和创造性 ， 使学生积极 主动地 获得 网页知识和用 Ｄｒ ｍ 。 ｅ ａ 。 制作 网页的技 能。 ［ 关键词 ］ 网页设计 与制作 任务驱动 Ｄｒａ ｅｍ 。 教学实践
，
，
Байду номын сангаас
１ 引言 ．
２２３任 务 分 析 ．．
“ 网页设计与制作” 是电子商务 、 计算机各专业公共 的专业基础课 ， 该课程是－ ｆ操作性和实践性很强的职业技能主干课程 ， － ｌ 并且与 “ 图形 图像处 理” “ ｌ ｈ动 画制作 ” 、Ｆａ ｓ 等课程相结合 、 使学生掌握 网站设计 的全 过程 ， 能熟练制作 出有专业水准的网站 。由于这门课程的操作性 和实践 性强 ， 教师 的教法和学生的学法对教学效果会产生直接的影响。 传统 的 教学主要是以教师为讲授中心 ， 教师为知识的传播者 ， 处于绝对 的主动 地位 。 学生则通过感官接 受教师呈现的教学信息 ， 主动性受到极 大的压 制， 不利于培养学生的 自学能力 和创新精神 。 “ 任务驱动” 教学法提倡 教师指导下的以学生为中心的学习 。在整 个教学过程中 ， 教师发挥组织者 、 导者和促 进者的作用 ， 指 利用情景 、 协 作、 会话 等 ， 充分发挥学生 的积极性和创造性 ， 最终达到使 学生有效地 实现对当前所 学知识进行构建 的目的 。 ２“ 务 驱 动 ” 网页 设 计 与 制 作 课 程 中 的教 学 设 计 探 索 ．任 在 ２１ 任务驱 动” ．“ 教学方法 的提 出 “ 任务驱动” 教学法是建立在建构 主义学 习理论基础上的一种教学 模式。 适用 于学 习操作类 的知识和技能 ， 尤其适用 于学 习信息技术应用 方面的知识 和技 能。 它强调学生的学习活动必须与任务相结合 ， 以问题 的探索来 引导 和维持学 习者 的学 习兴趣 和动机 ，教师应 创建真实的教 学情境 ， 让学 生带着真实 的任 务去学习 ， 以使学 生拥有学习 的主动权。 学生学习不单是 知识 由外到 内的转移 和传递 ，更 是学生主动建构 自己 知识经验 ， 通过新经验和原有知识经验 的相互作用 ， 充实和丰富 自身的 知识 、 能力 的过程 。任务驱动从浅显的实例人手 ， 动理论 的学 习和应 带 用 ， 而培养学生独立探索 、 从 勇于开拓 、 不断创新 的学 习能力 ， 高学生 提 的学习效率和兴趣 ， 同时培养学生的主动合作 的意识 。 一个任务完成后 学生会有满足感 、 成就感 ， 这种感觉进而激发他们 的强烈 的求知 欲望和 学习信心 ， 良性循环的学习过程逐步形 成。 使 ２ “ ． 任务驱动” ２ 教学法的课 堂组织实施 ２２１ ．．任务设计要具体明确 目标任务 的明确对今后的学习与任务 的最终完成至关重要 。课 堂 教学 中， 教师和学生通过创设问题情境 ， 把所要学 习的知识 巧妙地 隐含 在一个个任务 当中， 使学生在完成任务的过程 中达到理解学科 知识 、 掌 握技能 的目的 。设计精巧的“ 任务” 能充分调动学生 的学 习热情 和求知 欲望 ， 在融洽与和谐的情境中获得 良好 的教学效果 。 任务可以由师生共 同讨论提 出或者 由学生根据 内在的需求去探索和学 习，充分发挥 自身 的积极性 、 主动性 和创 造性 ， 从而培 养出独立探索 、 勇于开拓进取 的 自 学 能力 。 例如 ， 在学习“ 表格布局” 的内容时 ， 教师可通过让学生浏览观察几 个 网站 的页面 ， 激发他们的热情 ， 再提 出任务 。初始任务可 以是较 为简 单 的页面 的制作 ， 中可包含“ 其 表格的插入” “ 、表格的修改” “ 、表格 的属 性设 置” 等知识点 ； 之后 ， 教师就 可给出较为复杂 的页面布局的设计任 务 ， 学生运用“ 让 布局 视图” “ 、布局表格 ” “ 、绘制布局单 元格 ” 等一 系列 知识去实现 ； 最后 ， 可以让学 生用“ 表格布局” 自行设计一个 网站 的页 去 面。在最后的任务 中实际包含“ 页面 布 局 ” “ 面 主 题 ” 多 项 设 计 思 、页 等 想， 让学生根据页面主题 内容进 行页面的布局设计 ， 为后续 的教学 打下 基础 。 这样的教学设计 可以使基础较差 的学生 ， 在前两个任务逐 步完成 后 ， 逐 渐 过 渡 到 最 后 的 创 新 设 计 中 ， 基 础 较 好 的学 生 ， 开 始 就 可 再 而 从 以完成较复杂的任务 ， 大胆地展示 自己的想象力及创造力。
“网页设计与制作”课程教学改革实践探究
“网页设计与制作”课程教学改革实践探究[摘要]文章立足于对“网页设计与制作”课程教学现状的分析，指出其问题所在，提出对“网页设计与制作”课程教学的改革探索，从“项目化教学法”“任务驱动教学法”“案例教学法”三种教学方法、作品展示、考核评价几个维度给出了实施路径的建议，并在具体实践中进行了验证。
[关键词]网页设计与制作职业能力教学改革实践[作者简介]周小丽（1973- ），女，浙江江山人，浙江同济科技职业学院艺术系，副教授，硕士，研究方向为数码媒体设计与制作。
（浙江杭州 311231）[中图分类号]g642.0 [文献标识码]a [文章编号]1004-3985（2013）08-0127-02随着互联网的快速发展，越来越多的单位、部门以及个人利用建立网站进行信息的发布、交流和互动。
电子商务在日常生活和工作中越来越普及，社会对网页设计和制作人才的需求越来越大，对人才水平的要求也越来越高。
目前有相当一部分高职院校都开设了“网页设计与制作”课程。
学生通过这门课程的学习，掌握静态网站设计、制作的流程和技法，锻炼静态网站开发能力，既可以确定毕业设计的创作方向，也可以设计和制作个人网站来展示自己的优秀作品，有利于就业率的提高。
一、“网页设计与制作”课程教学存在的问题“网页设计与制作”课程是浙江同济科技职业学院（以下简称“我院”）电脑艺术设计专业的一门专业核心课程，涵盖了站点建立与维护、网页布局、网页元素定位、超链接技术、css样式应用、网页动态效果创建、网站测试与发布等方面的内容，将网页设计与dreamweaver网页制作软件技术紧密结合，主要培养学生网页美工设计和静态网站开发能力。
从学生就业应聘情况和已从事与网站建设相关岗位的毕业生反馈信息来看，目前本课程的教学主要存在以下几个问题：（一）学习被动，学生的实践能力差长久以来，“网页设计与制作”课程多是采用理论课与实践课交替进行的授课方式，老师先讲解专业知识点和软件技术操作示范，然后让学生凭着记忆或是课堂笔记进行模仿操作。
基于工作过程的《网页设计与制作》课程教学探讨与实践
刘 洪 涛
基于工作过程的 《 网 页设 计 与制 作 》课 程 教 学探 讨 与 实践
线 ，注重 课程模 拟 制作 任务训 练 、独立 实践 任务训 练 、综合项 目训 练 、工学结 合项 目训 练 、创新能力
训 练等 五个从低 到 高层 面 的教 学 与训 练．
２ ． ２ 教 育 目标
２ 基 于工作过 程的《 网页 设计与 制作》 课程 的设 计思想 与教 育 目标
２ ． １ 设 计 思 想
目前 《 网页设计 与制作 》课 程是计 算机 系网络 与维护专业 的核 心课程 ，也 是计算 机 网络 技术及相 关 专业 的必修课 程．授 课对 象为计 算机 网络 与维护专业 、计算 机软 件专业 、计算 机动 漫设计 与制作 专
济对信 息技术人 才需 求状 况 的变 化而 发展起来 的． 锦州 师专 于 ２ ０ ０ １ 年 在计 算 机 网络 与 维护 专业率 先
开设 了 《 网页设 计与制 作 》课程 ，尝试 了该 门课 程 的教 学． （ ２ ）课程作 为专业核心课 进人 初步建 设 阶段 （ ２ ０ ０ ３ ￣２ ０ ０ ６ 年） ． 随着 Ｉ ｎ ｔ ｅ ｒ ｎ ｅ ｔ 的高速 发展 和企 业信 息化建设 的普 及 ，《 网页设计 与制作 》课程 的作用和地位也显得尤 为重要 ． 自 ２ ０ ０ ３年对课 程教学进行 了 初步改革 ，把课程 内容分 为基 础模块 、应用模块和综合实践模块 ，课程 建设 进入到 了一个新 的阶段． （ ３ ）课程作 为优质 核 心课程 进 入 重点 建设 阶段 （ ２ ０ ０ ７ ￣２ ０ １ １年） ． 本课 程 于 ２ ０ ０ ７年 被确 立为 优 质核心课 程 ，经 过一 年多 的建设 ，效果 显著 ，课程进入 了重 点建设 阶段 ． （ ４ ）课程作 为校 级精 品课程 （ ２ ０ １ ２年 至 今） ．本 课 程于 ２ ０ １ ２年 被 评 为校 级精 品课程 ，经 过几 年 的建设 和发展 ，校 内 、外 实训基 地建设 已经 比较完善 ，师资 力量 比较雄厚 ，能够满足 教学要 求．
基于工作过程导向的《网页设计与制作》课程的开发与实践
一
应当能够进行 网页设计与制作 ， 包括 ：． １网站规划；． ２
站点建 设 与管理 ；． ３ 设计 首 页 ；． 化首 页 ；． ４美 ５ 设计 二级 页面 ；． ６设计 交 互页 面 ；网 站测试 与 发布 。 ７
针应具 备 的能力 和素质 ，我们将 整 个 网页设计 与制 作课程 分 为 以下 七个典 型工 作任
专业要求完成网页维护 、 修改 、 改版或新网站建设 的静态网页设计与制作工作。网页维护和修改工作
以个人独立工作 ；网页改版或 中小型新网站建设的 静态网页设计工作以小组形式或独立工作 ；大中型 新 网 站 建 设 一 般 以 小 组 形 式 工 作 ，使 用 电 脑 和 Ｄ ｅｍ ｅｖｒ ｒ ｗ ａｅ 工具软件 ， ａ 对文字 、 图象和 Ｆａｈ ｌ 等多 ｓ 媒体素材进行编辑 、 设计与制作 ， 并符合Ｗ３ Ｃ规范 ， 对已完成的工作进行记录存档。 （ ） 习 目标 二 学 学生在教师指导下 ， 制定网页设计与制作工作 计划 、 实施及检查反馈。在网页设计与制作过程中，
《 网页设计与制作》 课程是为高等职业院校电子
商务类专业 的学生开设的一门专业技术课程。本课 程的 目的是让学生在学完计算机基础 、计算机网络 等课 程 的基 础上 进 一 步掌 握 网页 设计 的基 本技 能 ，
为学 习 网络营销 奠定 基础 ，也 为今 后从 事 网页设计 的学生 深入 学 习网站 开发与 建设 奠定 基础 。
发。
网页设
［ 文献标识码 ］Ａ ［ 文章编号 ］ ６ １ ６ ７ （ ０ ０ ０ — ０ １ ０ １ ７ — ６ １２ １ ）１ ０ ７ — ３
［ 作者简介 ］ 韩新 华（ ９ ６ ， ， １７ －）女 吉林 长白人 ， 吉林交通职业技术学院讲 师， 工学硕士 ， 究方向 ： 研 电子商务 网站开
应当能够进行 网页设计与制作 ， 包括 ：． １网站规划；． ２
站点建 设 与管理 ；． ３ 设计 首 页 ；． 化首 页 ；． ４美 ５ 设计 二级 页面 ；． ６设计 交 互页 面 ；网 站测试 与 发布 。 ７
针应具 备 的能力 和素质 ，我们将 整 个 网页设计 与制 作课程 分 为 以下 七个典 型工 作任
专业要求完成网页维护 、 修改 、 改版或新网站建设 的静态网页设计与制作工作。网页维护和修改工作
以个人独立工作 ；网页改版或 中小型新网站建设的 静态网页设计工作以小组形式或独立工作 ；大中型 新 网 站 建 设 一 般 以 小 组 形 式 工 作 ，使 用 电 脑 和 Ｄ ｅｍ ｅｖｒ ｒ ｗ ａｅ 工具软件 ， ａ 对文字 、 图象和 Ｆａｈ ｌ 等多 ｓ 媒体素材进行编辑 、 设计与制作 ， 并符合Ｗ３ Ｃ规范 ， 对已完成的工作进行记录存档。 （ ） 习 目标 二 学 学生在教师指导下 ， 制定网页设计与制作工作 计划 、 实施及检查反馈。在网页设计与制作过程中，
《 网页设计与制作》 课程是为高等职业院校电子
商务类专业 的学生开设的一门专业技术课程。本课 程的 目的是让学生在学完计算机基础 、计算机网络 等课 程 的基 础上 进 一 步掌 握 网页 设计 的基 本技 能 ，
为学 习 网络营销 奠定 基础 ，也 为今 后从 事 网页设计 的学生 深入 学 习网站 开发与 建设 奠定 基础 。
发。
网页设
［ 文献标识码 ］Ａ ［ 文章编号 ］ ６ １ ６ ７ （ ０ ０ ０ — ０ １ ０ １ ７ — ６ １２ １ ）１ ０ ７ — ３
［ 作者简介 ］ 韩新 华（ ９ ６ ， ， １７ －）女 吉林 长白人 ， 吉林交通职业技术学院讲 师， 工学硕士 ， 究方向 ： 研 电子商务 网站开
《网页设计与制作》实训课教学探索
： ： ： ： 。 ： ＝：
职 业 技 术 研 究
Ｃｈｔ ｎ ａ Ｅｄ ｕｃ ａｔ ｊ ｏｎ Ｉ ｎ ｎ ｏｖ ａｔ ｉ Ｏｎ Ｈｅ ｒ ａｌ ｄ
网 页设 计 与 制作 实 训 课 教 学探 索
潘 兰 慧
（ 广 西右江 民族 商业学校 广西 百色 ５ ３ ３ ０ ０ ０） 摘 要 ： 《网页设计 与制 作》 是 中等 职业 学校 计算机 专业 学生的 一 门核 心专 业课 程 。 通 过 这 门课 的学 习 ， 学生 能够 掌握 网 页设 计 与制 作 的基本技 能。 但是 ， 传 统的教 学 方式对 于这样 一 门技 能型课程 来说还 远远 不 够 ， 只 有通过 实 训 才能加深 学生对 于各知 识 点的 了解和 掌握 。 本文 旨在 通过 在《网页设 计 与制作 》 课 程 实训 中运 用多种教 学方 法进行 项 目式教 学的 案 例 ， 对教 学过程 进行 总结 ， 探讨 适合 中
分析 ， 设 计 整 个 网站 的框 架 ， 选 定 要 设 计 和
改革提 出了更 高的要 求。 《 网 页 设 计 与制 解 决 实 际 问 题 的 能 力 ， 从 而 达 到学 以 致 用 作 课 程 是 中 职 学 校 计 算 机 应 用 技 术 和 计 的 目的 。 另 一方 面 ， 让 学 生 了 解 实训 的 目的 算机 网络 专 业 中一 门 创 新性 和 实践 性 很强
前， 学 生 已经 学 习理 论知 识 和 上 机 操 作 ， 对 课 程的 重 点 、 难 点 进 行 了相 关 的 练 习 。 笔 者 在 教 学 中发 现 ， 虽 然 学 生 经 过 指 导 能够 完 成课堂上布 置的任务 ， 但 是 只 能 根 据 规 定 的操 作 步 骤 进 行 ， 学 生 没 有 独 立 设 计 和 制 作 网页 的 能 力 。 学 生的 操 作 依 赖 性 很 强 ， 学
职 业 技 术 研 究
Ｃｈｔ ｎ ａ Ｅｄ ｕｃ ａｔ ｊ ｏｎ Ｉ ｎ ｎ ｏｖ ａｔ ｉ Ｏｎ Ｈｅ ｒ ａｌ ｄ
网 页设 计 与 制作 实 训 课 教 学探 索
潘 兰 慧
（ 广 西右江 民族 商业学校 广西 百色 ５ ３ ３ ０ ０ ０） 摘 要 ： 《网页设计 与制 作》 是 中等 职业 学校 计算机 专业 学生的 一 门核 心专 业课 程 。 通 过 这 门课 的学 习 ， 学生 能够 掌握 网 页设 计 与制 作 的基本技 能。 但是 ， 传 统的教 学 方式对 于这样 一 门技 能型课程 来说还 远远 不 够 ， 只 有通过 实 训 才能加深 学生对 于各知 识 点的 了解和 掌握 。 本文 旨在 通过 在《网页设 计 与制作 》 课 程 实训 中运 用多种教 学方 法进行 项 目式教 学的 案 例 ， 对教 学过程 进行 总结 ， 探讨 适合 中
分析 ， 设 计 整 个 网站 的框 架 ， 选 定 要 设 计 和
改革提 出了更 高的要 求。 《 网 页 设 计 与制 解 决 实 际 问 题 的 能 力 ， 从 而 达 到学 以 致 用 作 课 程 是 中 职 学 校 计 算 机 应 用 技 术 和 计 的 目的 。 另 一方 面 ， 让 学 生 了 解 实训 的 目的 算机 网络 专 业 中一 门 创 新性 和 实践 性 很强
前， 学 生 已经 学 习理 论知 识 和 上 机 操 作 ， 对 课 程的 重 点 、 难 点 进 行 了相 关 的 练 习 。 笔 者 在 教 学 中发 现 ， 虽 然 学 生 经 过 指 导 能够 完 成课堂上布 置的任务 ， 但 是 只 能 根 据 规 定 的操 作 步 骤 进 行 ， 学 生 没 有 独 立 设 计 和 制 作 网页 的 能 力 。 学 生的 操 作 依 赖 性 很 强 ， 学
《网页设计与制作》课程教学的探讨与实践
《网页设计与制作》课程教学的探讨与实践摘要：《网页设计与制作》是一门理论与实践紧密结合的课程，本文结合《网页设计与制作》课程的教学实践,并根据课程自身的特点,从教学内容、教学方法、考核方式几方面阐述了如何提高该课程的教学效果，并探讨了教学中如何培养学生的实践能力、提高学生的综合素质。
关键词：网页设计网页制作案例教学教学方法网络在人们生活中发挥着越来越重要的作用，通过网页向外界宣传个人或单位形象，推广公司产品或开展公关活动已成为一种新的流行趋势。
《网页设计与制作》课程也因而纷纷在各高校进行开设。
《网页设计与制作》是一门高度综合的课程，是一门理论与实践紧密结合的课程。
[1]为了提高课堂教学质量，笔者在教学实践中从教学内容、教学方法、实验内容及考核方式几方面进行了积极的探索与实践，就此谈一谈自己在实践中的一些体会，与大家探讨。
[2]一、明确教学目标，把握教学内容通过本课程的学习，要求学生能够掌握网站设计的全过程，能够利用Dreamweaver设计各种网页，开发一定规模的网站。
根据教学目标，授课时以Dreamweaver为主线，讲授网页设计、HTML语言、JavaScript语言及动态网页设计的基础知识。
[3]对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。
二、激发学生学习兴趣，采用适当的教学方法在教学前期给学生提出明确的任务，以完成任务作为驱动来进行教学。
[4][5]在第一堂课中，提出本学期的任务是每个学生自定主题，根据教学进度逐步进行，最终完成一个网站。
在实际教学中，根据不同的教学内容提出网站建设的具体任务，指导学生一步步完成网站设计。
在实际授课过程中，采用如下的教学方法：1．采用案例教学，让学生变被动学习为主动学习传统的教学方式是教师在课堂上讲授理论内容，学生上机练习,教师辅导。
“网页设计与制作”课程教学探索
之 间的协 作 、 培养解决 实际 问题 能 力等 多种 因 素 。 在 教 学 过 程 中要 注 意 引导 学 生 的 学 习 兴 趣 。 通 过 亲身参与到 实际 的项 目 中来 ， 学 生 在 完成 网 页 的设 计 、 制作 、 测 试 、 发 布和上 传 的过程 中，将理论 知识 与实际操作结合起来 。 使学 习过程成为一 个人 人 参与的创造性实践 活动 ． 可 以更好地培养学生创造 性思 维 和 发 现 问题 、 解决 问题 的能 力 ．培 养 团 结协 作 的 团 队精神 。充分发 掘 了 学生 的创造 潜能 。 完成 案 例和项 目后 ． 学生都会 有一 种成就感和 满足 感 ，这 时 。要有意识 地把学生 作 品在全 班 进行 展 示 让 ， 学 生 一 起 参 与评 价 。 评 价 的过 程 ． 既 是 学 生展 示 自己 的能 力的最佳 时机 ， 又 是 学 生 反 思 自己 的过 程 。 通 过 评 价 。 可 以使 学 生 通 过 别人 的作 品 发现 自己 的不 足 。 总结整理 自 己所 掌握的知识 ． 吸取 别人 的优 点来弥补 自 己 的不 足 。 同 时也 把学 生 在制 作过 程 中发 现 的新技术 、 新技巧 、 新方法与大家共享。 通过 对 学 生 成 果 的评 价展 示 ， 可 激 发 学生 的 学 习 兴 趣 提 ． 高 学 习 的积 极 性 、 主 动 性 ， 促 进 学 生 的个 性发展 ． 这也 是 本课 程 教 学 中非 常重 要 的一 个环 节。
学 过 程 ， 取 得 了 良好的教学效 果 。 本文 结 合教学 实践 中的探 索和实施 情况 与 同行们共 同探讨 。
关键 词 ：网页设 计与 制作 ；教学 ；实践
随着 网络技 术 的飞 速 发展 ． 人 们 从 网 上 传播和获取信息 已 成 为一 种潮流 ． 而 网页是 信 息 的载体 ． 因 此 网 页 的设 计 与制 作成 为学 生 学 习 网络相 关知识 、 信息 传播知识 的重 要 途径。 “ 网页设计与制作 ” 课 程是 高职 高专学 校 中一 门实用 性 、 综 合 性都很 强 ， 兼 有 技 术 基 础课 与 实践课 双 重 特 色 的课 程 ； 也 是 一 门市 场 急 需 ． 受学生 欢迎 的应 用 性课 程 。 本课 程 与 其他课 程教学相 比 ， 无 论是 教学思 想 、 教学 内 容 ， 还 是教学模式 、 教学方法都有其特殊之 处 。 下 面 就这一 课 程 的教学改革 阐述 自己 的 看法。
《网页设计与制作》课程教学反思与探索
《网页设计与制作》课程教学反思与探索在教育教学领域，课程的反思与探索一直是重要的任务之一。
正是通过反思与探索，教师可以不断地优化教学设计，提升课程教学效果。
本文将围绕着《网页设计与制作》课程展开反思与探索，从教学目标、内容安排、教学方法以及学生评价等方面进行讨论。
一、教学目标的设定对于《网页设计与制作》课程，我在教学目标的设定上着重考虑了学生的实际需求和职业发展方向。
首先，我希望学生能够掌握网页设计与制作的基本原理和技能，包括HTML、CSS等技术的应用。
其次，我希望学生能够培养良好的审美能力和设计思维，能够设计出符合用户体验和用户界面设计原则的网页作品。
最后，我希望学生具备独立解决网页设计与制作问题的能力，能够在实际工作中灵活运用所学知识。
二、内容安排的调整在教学内容的安排上，我发现学生对实际案例的需求较大，他们渴望能够通过实际项目来综合运用所学知识。
因此，在这门课程中，我增加了大量的实际案例分析和实践环节，使学生能够将理论知识与实际应用相结合。
例如，我引入了真实企业的网页案例，让学生对实际网页设计项目进行分析和评价，并进行团队合作完成相关实践任务。
三、教学方法的创新在教学方法上，我积极探索灵活多样的方式来引导学生主动参与，并培养其自主学习的能力。
除了传统的课堂讲授和案例分析，我还采用了讨论、小组合作、实践等多种教学方法。
通过小组合作，我鼓励学生互相合作、交流和分享，使他们更好地理解和应用所学知识。
同时，我充分利用网络资源，将在线教学与传统教学相结合，提供更多学习资源供学生参考。
四、学生评价与反馈学生评价与反馈对于课程的反思与探索具有重要意义。
在课程中，我积极收集学生的意见和建议，并根据其反馈进行调整。
通过课后问卷调查和面谈的形式，我了解到学生对于课程内容的理解程度和掌握情况。
根据学生的反馈，我适时调整教学内容的难易程度、加强重点知识的讲解，并提供更多的实践机会来巩固学生的能力。
通过对《网页设计与制作》课程教学的反思与探索，我发现学生的学习积极性得到了明显提高，他们更加主动地参与到课堂活动中。
项目教学法在《网页设计与制作》课程中的实践探索
维普资讯
维普资讯
ห้องสมุดไป่ตู้
上 条 件 的 项 目才能 为 学 生 创设 良好 的 学 习 情 境 ，达 到 最佳 的教 学效 果 。
在实践教学中 ，教师先让学生 分成若 干 个项 目小 组 ，每 个小组 成 员 ３ ４人 ，有 位组长负责 。每组 自由选择 ‘ 个网站主 题 ，上 网查 询 相 关 主题 的 网站 ，接 着 组 ｋ
（ｙ ａ ｃｅ ｕｖ ｌ ｃ ），不难 看 出 ， 些 ｄ ｎ ｍｉ ｑ ｉａｅ ｅ ” ｎ 这 主 张是 相 互 影响 、互 为 补充 、不 断完 善 的 ，
一
流 ，激 发学生 自主 学 习的兴 趣 。 在项 目实施过程中小组 内部强调团队 合 作 ，提 倡知 识 共享 。小 组 内要 分 工合 作 ， 小组之间要竞争合作 ，师生间要密切合作 ， 要 多 交流 ， 多讨 论 。争 取 每 位 同 学都 有 任 务任 做 ， 都 有 经 验 叮以跟 其 他 人 分享 。每 位 同学 都参 与项 目的 计划和 实施 ， 都成 为项 目实施 中必 不可少的一部 分。 （ 四）帅 生共 同评 价项 目成 果 各组项 目在规 定时 间完成后 ，教 师可 以邀请业界专家 、专业教师和学生们一起 来来评价项 目成果。征实践 教学 中．笔者 邀请 了部分 当地网站的负责人 、从事 网络
参 ｜ｌ０ ０ ０ ｌ莺 瀚 ｌ ｌ ｌ
００ ｌ Ｉ
白的 “ 等同溉念” ，到 美国著 名的翻译理 论 家 Ｅ ｇ ｎ Ａ Ｎｉ ａ 的 “ 能 对 等 ｕ ｅｅ ｄ ｒ 功 （ ｎ ｔ ｎ ｌｅ ｕｖ ｌ ｃ ） ｆ ｃｉ ａ ｑ ｉａｅ ｅ ”或 “ ｕ ｏ ｎ 动态 对 等
综上所述 ，项 目教学法就是学生利用 教师创设 的 “ 情境 ” ，自主探究、 分工协作 ， 在老师的指导下， 完成项 目。 在此过程 中可 以激发学生学 习的积极性 、 主动性 。 经过教 学实践 ，笔者发现项 目教学法比传统教学 法更适合 网页设计与制 作 课程的教学 。
维普资讯
ห้องสมุดไป่ตู้
上 条 件 的 项 目才能 为 学 生 创设 良好 的 学 习 情 境 ，达 到 最佳 的教 学效 果 。
在实践教学中 ，教师先让学生 分成若 干 个项 目小 组 ，每 个小组 成 员 ３ ４人 ，有 位组长负责 。每组 自由选择 ‘ 个网站主 题 ，上 网查 询 相 关 主题 的 网站 ，接 着 组 ｋ
（ｙ ａ ｃｅ ｕｖ ｌ ｃ ），不难 看 出 ， 些 ｄ ｎ ｍｉ ｑ ｉａｅ ｅ ” ｎ 这 主 张是 相 互 影响 、互 为 补充 、不 断完 善 的 ，
一
流 ，激 发学生 自主 学 习的兴 趣 。 在项 目实施过程中小组 内部强调团队 合 作 ，提 倡知 识 共享 。小 组 内要 分 工合 作 ， 小组之间要竞争合作 ，师生间要密切合作 ， 要 多 交流 ， 多讨 论 。争 取 每 位 同 学都 有 任 务任 做 ， 都 有 经 验 叮以跟 其 他 人 分享 。每 位 同学 都参 与项 目的 计划和 实施 ， 都成 为项 目实施 中必 不可少的一部 分。 （ 四）帅 生共 同评 价项 目成 果 各组项 目在规 定时 间完成后 ，教 师可 以邀请业界专家 、专业教师和学生们一起 来来评价项 目成果。征实践 教学 中．笔者 邀请 了部分 当地网站的负责人 、从事 网络
参 ｜ｌ０ ０ ０ ｌ莺 瀚 ｌ ｌ ｌ
００ ｌ Ｉ
白的 “ 等同溉念” ，到 美国著 名的翻译理 论 家 Ｅ ｇ ｎ Ａ Ｎｉ ａ 的 “ 能 对 等 ｕ ｅｅ ｄ ｒ 功 （ ｎ ｔ ｎ ｌｅ ｕｖ ｌ ｃ ） ｆ ｃｉ ａ ｑ ｉａｅ ｅ ”或 “ ｕ ｏ ｎ 动态 对 等
综上所述 ，项 目教学法就是学生利用 教师创设 的 “ 情境 ” ，自主探究、 分工协作 ， 在老师的指导下， 完成项 目。 在此过程 中可 以激发学生学 习的积极性 、 主动性 。 经过教 学实践 ，笔者发现项 目教学法比传统教学 法更适合 网页设计与制 作 课程的教学 。
《网页设计与制作》课程教学改革探讨
２ 完 善 学 方 法
２ １ 案 例 教 学 法 ．
模版 １Ｉ Ｉ ＭＩ 模版 ｌ 框架 ｌ ｌ 作品展示台
作 品 展
一
案例教学 法是 《 网页设计 与制 作 》课 程 的
一
种常用 教学方 法 。为此 ，在 开课 之前 ，教 师
应根据课 程安排 下载 素材并 制作 一个 完 整 的 网 站 （ 图 １ ，且 每个 页 面 都 有 教 学 内容 侧 重 见 ） 点 ，这样教师 在教学 过程 中能 够 以案例 网站为 目标进行教学 。实践 表 明 ，采 用 案例 教学 法可
学 与 研究 工作 。
第 ９卷 第 ９期
郭 文 龙 ：《 页设 计 与 制 作 》 课 程 教 学 改 革 探 讨 网
２ ２ 任 务 驱 动 教 学 法 ．
依据 案例 网站 ，对相关 知 识点 可 以采用 任务 驱 动法进 行教 学 。教 师将传 统 的 以传 授 知识 为 主线 的教 学理 念转 变 为 以解 决 问题 、完 成任 务为 主线 的教 学 理念 ，学 生则 在 听课 过程 中按照 任务 的要求 进 行积极 探 索思考 。这样 在轻 松 、互动 的课 堂气 氛 中伴 随着一 个个 学 习任 务 的完成 ，学 生从 中获 得 了极 大 的成 就 感 ，从 而进 一步 激发 其学 习热 情 。
革考 核 方 式 等基 本 措 施 。 实 践 结果 表 明 ，采 用 上述 措 施 能 够 提 高 学 生 学 习的 积 极 性 和 自主 性 ，该 课 程 的
教 学 质 量得 到 明 显 改 善 。
［ 键 词 ］ 网 页设 计 与 制 作 ；教 学 方 法 ；考 核 方 式 关 ［ 图分类号］Ｎ 中 ４ ［ 献标识码］Ａ 文 ［ 文章 编 号 ］ １ ７ １ ０ （０ ２ ９ ６ ３— ４ ９ ２ １ ）０ 一Ｎ１２— ２ ５ ０
基于工作过程的“网页设计与制作”课教学改革与实践
基于工作过程的“网页设计与制作”课教学改革与实践近年来，随着数字化进程的加快，各行各业都开始了“互联网化”进程，网站设计与制作也逐渐成为了一个重要的行业。
而对于网页设计与制作这门课程而言，如何让学生更好地掌握技能，成为一个合格的网站设计师或者开发者，也成为了教师们亟待解决的问题。
因此，基于工作过程的“网页设计与制作”课教学改革与实践逐渐成为了一种新的教学模式。
1.课程特点“网页设计与制作”课程作为一门应用性极强的课程，其要求学生不仅要掌握理论知识，更要能够实际操作并制作出具有实际应用价值的网站。
因此，在教学过程中，采用基于工作过程的教学模式更能让学生真实感受到网页设计与制作的工作流程，培养学生的实践能力，提高学生的创新能力。
2.教学改革与实践策略（1）设计任务角色扮演在教学过程中，教师可以制定策略，让学生角色扮演，充当客户、设计师、程序员等不同的任务，从而深入了解到网页制作各个环节的重要性及相互协调的工作流程。
（2）实践操作环节在课程中，学生可以在实验室进行手动编写html代码、css样式表，更可以在图形界面开发设计工具中进行实践操作，实现网页的设计与开发。
通过实践展示，让学生在熟悉工具流程的同时，更能够结合实际业务任务，让其在实践中不断探索、创新，提高技能能力。
（3）在线资源共享互联网资源共享是现代工作方式的主要特点之一，也更是“网页设计与制作”课程教学的重要策略之一。
教师可以推荐各类优秀网站、优秀文章、视频等资源，供学生使用和分享，从而形成一种在线交流、共享的学习模式。
（4）小组合作小组合作已成为现代教学模式的重要特点之一，尤其对于“网页设计与制作”课程而言，学生间的交流和合作尤为重要。
实际操作的过程中，教师可以根据学生不同的能力和特长组成小组，让他们相互协作，共同完成网站设计和制作的任务，从而激发学生间合作精神，增加了学生对于团队合作的认识和实践。
3. 教师角色转变基于工作流程的教学模式让教师的角色由单纯的知识传授者转变成为一名引领者和辅导者。
基于工作过程的《网页设计与制作》课程教学改革探讨
计பைடு நூலகம்教学组织与实施等 方面探讨 了基于工作 过程 的 《 网页设计 与制 设计 、 决策 、 分析 问题 、 解 决 问题 、 审美 、 团 队合作 等 能力 的
作》 课 程 教学 改革 ， 以 激 发学 生 的学 习兴 趣 ， 提 高 教 师 的 教 学质 量 。 关键词 ： 基于 工作 过 程 网页 设 计 网页 制 作 教 学 改 革
点， 设计 与 制作 网页 ， 然 后进 行 网页 的测试 ， 以便获 得符 合 风 暴 法 。 ３ ． ３ 决 策阶段 技 术要 求 的网页 。
２ ＿ ２ 归纳行 动领域
各 小组 根据 拟定 的工作 计划 ， 进行 概 要 设计和 详 细设
基于工作过程的《 网页设计与制作》 课程教学改革探讨
王 洪 兰 （ 湖南科技工业职业技术学院）
摘要 ： 文 中分 析 了 网 页 设计 与制 作 课 程 的 特 点 与现 状 ， 从 课 程 设 Ｄｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ 软件 的 使用 等。 此外 ， 还 要 注 重学 生策 划 、
培养 。 ２ ． ４ 设计学 习情境 ０ 引言 学 习情境 是 在职 业 的 典 型工作 任 务和 行 动领 域 的背 《 网页 设计 与制作 》课 程 是职 业 院校计 算机 类专业 必 景下， 按照 学 习领 域 的 目标和 内容 ， 进行 教 学转换 ， 是 具体 修 的一 门专 业课程 。 本 课程 以培 养学 生实 际动手 能力 为 目 课 程 的实 施 方案。 学 习情境 的设计 必须 要具 有 针对 性 ， 要 标， 使 学生 具备 网页 设计 、 网页 制作 、 网站建 设与 管理 的 实 体 现 课程 的培 养 目标。 基于 这一 指导 思想 ， 我们 确定 了以 践技能 ， 学 生 毕 业后 可 胜任 网页 设计 师、 网站 管 理 员 等工 企业 典型 真 实任务 为载 体 的个人 网站制作 、 精 品课 程 网站 作 岗位 。 传 统 的教 学方 法和 内容 已不能 实现该 课程 的培养 建设、 企 业 类 网站 建设 、 自主 选题 网站建 设 ４个 具 有典 型 目标 ， 如 学生 不 能 独 立完 成 网 站规 划和 页 面 设 计 、 网页 设 工作 任务 的学 习情境 。 整 个学 习情境 的设计 遵循 从简 单到 计功 能和 视 觉效 果 不理 想等 。 因此 ， 本 文 结合 当前 职业 院 复杂， 由单 一到 综合 的原 则 ， 从 专业 能力 到素 质 能力 ， 再到 校 学生 的 实际情 况及 岗位 需求 ， 探讨 了基 于工作 过 程 的 网 职 业资 格标准 都 纳入到 了课程 里面 。 通过 ４个 情境 的学 习 页 设计 与制作 课程 教 学改 革模式 。 达 到 了教学 效果 与 目的 ， 提 高 了学 生 的学 习兴 趣。 １ 基于 工作 过程 的教 学模式 ３基于工作过程的《 网页设计与制作》 课程 的教学组 德 国劳 耐 尔教 授 等 认 为 ， 工作过程是“ 在 企 业 里 为完 织与实 施 成 一 件 工作 任 务 并 获得 工 作 成 果而 进 行 的一 个 完 整 的工 基 于 工 作 过程 的课 程教 学 组 织 与 实施 是 按 实 际工 作 作程序” 。基 于工作 过 程 的课 程教 学是 通过 整体 的职 业 岗 岗位 的工作流 程 来进行 的 ， 每 一个学 习情境都 是 一个 完整 位 分析 ， 确 定 典 型工作 任 务 ， 归纳 出职业 行 动领 域 ， 按 照 对 包括 资 讯 、 计划、 决策、 实施 、 检查 、 评 估 ６个 职 业 能力 和知 识 领 域 的 分析 ， 形成 学 习领 域 ， 然 后 进 行基 的工作 过 程 ， 步 骤。 于 工作 过程 的 整合 ， 构建 课程 体 系 ， 设计 出学 习情境 ， 整个 ３ ． １ 资讯 阶段 教 学组 织 与实施 以工作 过程 为 导 向。这种教 学模 式要 求打 根 据 任务 的难 易程序 ， 将 学 生 分成 ３ — ６人 的小 组 ， 每 破 传 统 学科 系统 化 的束 缚 ， 将 学 习过 程 、 工作 过 程 与 学生 并 对相 应 内容进 行一 的能力 和 个性 发展 联 系起来 ， 目的 是强调 学 生 的设计 与建 组选 出一名 组 长。 教 师下达 任务 书 ， 定 的描 述 ， 每 个 小组 的学 生依 据 任务 书 ， 对 网 站 中所 需要 构 能力 的培 养 。 的文字 、 图片 、 音视 频 、 动 画等 素材进 行 收集 与整理 。 资讯 ２基于工作过程的《 网页设计与制作》 课程设计 阶 段 即是 让 学生 了解 学什 么 ， 做 什么 的过 程 ， 主 要 采 用 的 ２ ． １ 确 定典 型工作 任务 教 学方法 是任务 驱 动法和 小组 合作 法。 通过 前期 调研 及 对具 体 岗位 （ 群） 分析 ， 明确 了本 门课 ３ ． ２ 计 划 阶段 程 涉 及 的主 要工 作 任 务 包括 ： 一是 网站 的需 求 分析 ， 二 是 各 小 组 分别 进行 分析讨 论 ， 根 据 下 达 的任务 书 ， 对 网 网站 的整体 规 划与 设计 ，三 是 网站 的详细 设计 （ 制作 、 编 讨论 ， 学生 各 自表 达 自己的 辑） ， 四是 网站 的发布 与 推广 ， 五是 网站 的更 新与维 护。 通 站页 面 的框 架 结构 进 行 分析 、 看法与 意见 ， 并讨 论 出每 个小 组 的工作 方案。计 划 阶段 即 过进 一 步 归纳 与总 结 ， 确 定 了该课 程 的典 型工作 任 务就 是 主 要采 用小 组讨 论 法和头 脑 在 规定 时 间 内设计 出网站 的规划 书 ， 并针 对 网页 的不 同特 是 拟定 学 习工作 计 划 的过程 ，
中职《网页设计与制作》课程教学探索
中职《网页设计与制作》课程教学探索摘要：《网页设计与制作》课程是中职计算机相关专业必修的一门课程，旨在培养学生网页设计、网页制作、网站建设与管理的能力。
本文通过对中职网页设计与制作课程教学现状和方法的分析与阐述，结合自身的工作经验，提出了一些改善教学实效的意见和建议。
关键词：中等职业学校网页设计教学教学方法教学实效1、引言网页设计与制作是中职教育中计算机应用专业的学生必须要掌握的一项技能课程，这门课是针对社会上对网站类的专业人才的大量需求而开设的。
网页设计与制作是一门综合性很强的课程，它包括web服务原理、站点的设置与管理、文本与图像等网页元素的插入与调整、超级链接的创建、使用表格与框架进行页面排版、层、时间轴及行为、动态网站开发等。
在对本门课进行了多年的教学研究后，现谈一些有关网页设计与制作教学中的心得体会。
2、中职网页设计课程的教学现状2.1教师专业技能水平有限，缺乏实践教学能力中职学校的教师绝大多数为师范类学校毕业后直接进入学校从事教育工作，所以，具有一定实践经验的专业技能型教师所占的比例不大，而中职开设的计算机专业要动手操作的内容相当多，网页设计课程也不例外，在网页设计教学中，通常以教师和教材为中心，关注的是向学生灌输了哪些知识，但缺乏企业项目的实践经验，很难结合社会的需要，更难把最新的计算机技术市场信息带入课堂，同时忽视了对学生学习潜能的开发，导致学生理论与实践的脱节。
2.2中职学生自律性差，缺乏学习兴趣中职学生的学习基础比较薄弱、学习习惯有待加强、自律性较差。
绝大多数的中职学生年龄偏小，知识体系不够健全，对于新知识的领悟和接受能力普遍不强，综合素质也存在着很大的差异，一些学生尽管完成了九年制义务教育的学业，然而实际的情况是有部分学生尚未达到初中毕业生的要求。
不仅综合素质比较薄弱，专业知识能力也较低，而计算机应用水平则存在着更大的差距，部分学生无法认识到系统的学习计算机课程对于其自身水平的影响，当面对系统的计算机网络等相关知识的学习时往往力不从心，缺乏学习兴趣。
基于工作过程的网页设计与制作课程教学改革探索与实践
一
、
及Ｉ Ｔ技术 日新 月异 的影 响 ． 页 的设计 与 制 作 方法 也 网站 建设 项 目中业 务员 、 页设计 师 、 网 网 美工 等 。 以完 成 在 进行着 翻 天覆 地 的变化 ．只有及 时 掌握 网页设 计 与 个 简单 的 网站首 页 制作 为例 ． 生接 到任 务 之后 。 学 首 制作 的技 术 动态 以及 市场需 求 ．并 顺 应技 术 发 展方 向 先就应 该 以业务 员 的身份 与老 师 沟通 ．了解 任 务要 求 调 整课程 内容 ．才 能 够让学 生 学 到工 作过 程 所需 的有 及 应该 做 哪些 知识 的准备 ．再 以网页设 计 师 的身份 理
化。
法。 根据 职业 技 能的 形成 规律 。 将技 能训 练分为 ４个 逐 目前 ， 实 际 的教学 改 革实 践 过 程 中 ． 在 研究 的热点 步提升 层次 ： 堂 实施 任务 （ 师讲解 。 生模 仿在 于不 同专业 、不 同课 程 该 如何 体 现工 作过 课 堂训 练 任 务 （ 生 独 立 操作 ） ＋ 元 训 练任 务 （ 学 －单 提 程导 向这 一概 念 ． 面我 将 以网络 专 业所 开 设 的” 下 网页 高 应用 能 力 ）÷ 合 实 训 任务 （ 习 、 流 、 新 、 ＿综 学 交 创 协作
一
效 知识 。
解、 应用 进 而 扩 展 知 识 ， 能 够熟 练使 用 Ｄ ｅｍ ｅｖｒ 如 ｒａ ｗ ａｅ
通 过 对一 些 专业 招聘 网站 的人 才 招 聘 信息 进行 分 软件创 建站 点 ． 用站 点管 理 网站 文件 。 应 能够 创 建 网页
析后 ． 将课 程 的职业 岗位定 位为 以下 五个 方 面 ： 网页设 并 使用 网页元 素 。 如文本 、 图片 、ａｈ等等 ， ｌ ｆｓ 以及 会设 置 计 与 制作 、 网站 管理 、 网站编 辑 、 网站 运 营及 Ｗｅ ｂ前 端 页面 文本 、 景 样式 ， 创 建各 种 超 级链 接 ， 背 会 掌握 表 格 通 找 开发 然 后再 进一 步针 对职 业 岗位 了解 详 细 的工 作 过 的用法 等 ． 过 不 断 的尝试 和创 新 。 出最优 的解 决 方 程 。 据学 生 的学 习规律 设计 教学 案 例 。 成 与工作 过 案 ．即使 用 Ｄ ｅ ｍ ｅｖ ｒ 件创 建 站 点 ，创 建 网页 文 根 形 ｒａ ｗ ａｅ 软 绘制 表格 ， 录入 文字 ， 入 图片 ， 插 最后 以美 工 的身 份 程 相对 应 的课 程及专 题组 合 ． 包括 内容 和顺 序 。 后让 件 。 最
、
及Ｉ Ｔ技术 日新 月异 的影 响 ． 页 的设计 与 制 作 方法 也 网站 建设 项 目中业 务员 、 页设计 师 、 网 网 美工 等 。 以完 成 在 进行着 翻 天覆 地 的变化 ．只有及 时 掌握 网页设 计 与 个 简单 的 网站首 页 制作 为例 ． 生接 到任 务 之后 。 学 首 制作 的技 术 动态 以及 市场需 求 ．并 顺 应技 术 发 展方 向 先就应 该 以业务 员 的身份 与老 师 沟通 ．了解 任 务要 求 调 整课程 内容 ．才 能 够让学 生 学 到工 作过 程 所需 的有 及 应该 做 哪些 知识 的准备 ．再 以网页设 计 师 的身份 理
化。
法。 根据 职业 技 能的 形成 规律 。 将技 能训 练分为 ４个 逐 目前 ， 实 际 的教学 改 革实 践 过 程 中 ． 在 研究 的热点 步提升 层次 ： 堂 实施 任务 （ 师讲解 。 生模 仿在 于不 同专业 、不 同课 程 该 如何 体 现工 作过 课 堂训 练 任 务 （ 生 独 立 操作 ） ＋ 元 训 练任 务 （ 学 －单 提 程导 向这 一概 念 ． 面我 将 以网络 专 业所 开 设 的” 下 网页 高 应用 能 力 ）÷ 合 实 训 任务 （ 习 、 流 、 新 、 ＿综 学 交 创 协作
一
效 知识 。
解、 应用 进 而 扩 展 知 识 ， 能 够熟 练使 用 Ｄ ｅｍ ｅｖｒ 如 ｒａ ｗ ａｅ
通 过 对一 些 专业 招聘 网站 的人 才 招 聘 信息 进行 分 软件创 建站 点 ． 用站 点管 理 网站 文件 。 应 能够 创 建 网页
析后 ． 将课 程 的职业 岗位定 位为 以下 五个 方 面 ： 网页设 并 使用 网页元 素 。 如文本 、 图片 、ａｈ等等 ， ｌ ｆｓ 以及 会设 置 计 与 制作 、 网站 管理 、 网站编 辑 、 网站 运 营及 Ｗｅ ｂ前 端 页面 文本 、 景 样式 ， 创 建各 种 超 级链 接 ， 背 会 掌握 表 格 通 找 开发 然 后再 进一 步针 对职 业 岗位 了解 详 细 的工 作 过 的用法 等 ． 过 不 断 的尝试 和创 新 。 出最优 的解 决 方 程 。 据学 生 的学 习规律 设计 教学 案 例 。 成 与工作 过 案 ．即使 用 Ｄ ｅ ｍ ｅｖ ｒ 件创 建 站 点 ，创 建 网页 文 根 形 ｒａ ｗ ａｅ 软 绘制 表格 ， 录入 文字 ， 入 图片 ， 插 最后 以美 工 的身 份 程 相对 应 的课 程及专 题组 合 ． 包括 内容 和顺 序 。 后让 件 。 最
基于丁作过程的教学实践研究——以《网页设计与制作》课程为例
Ｎ ｅ ｗ Ｃ ｕ ｒ ｉ ｒ ｃ ｕ ｌ ｕ ｍ Ｒ ｅ ｓ ｅ ａ ｒ ｃ ｈ ＞ ＞４ ４｛课程 风 向 标
基 于工 作 过 裎 的 教 学 实 足 蓑 研
以 《 网 页设 计 与 制作 》 课 程 为例
◇北 京 市石 景 山区 业余 大学 李 毅
木
摘要 ：根据石景 山业余大学基 于工作过程导 向的教改思路 ，以 《 网页设计与制作》课程设计与教
相 关 公 司 ．对 职 业 需 要 、岗位 要 求 、工 作 任 务 进 行 分
本文系北 京市石景 山区业余 大学 “ 基 于工作过 程的教学 实践改 革” （ 编号 ： 石业大 【 ２ ０ １ ２ １ ２ 号） 的阶段性成 果 。
４ ５ ＜＜ Ｎ ｅ ｗ Ｃ ｕ ｒ ｒ ｉ ｃ ｕ ｌ ｕ ｍ Ｒｅ ｓ ｅ ａ ｒ ｃ ｈ
思。
主 ，如 表 １ 。由 浅 人深 ，逐 渐 引 导学 生 进 入 工 作 环 节 ， 并在 每个 环节 设计 必要 的工作 任务 ，以 岗位人 员 实现 阶 段性 任务 为 引导 ．帮 助学 生建 立工 作 情境 ， 自主 完成 工
作 任务 。
１ ． 课 程 目标 设 计 。课 程 目标 设 计 是 课 程 改 革 的 前 提 。改 革前 期 ，在学 校 的大力 支 持下 ，教 研 室教 师走 访
以基 于工 作 过程导 向课 程体 系 开发 模式 为 主导 的职 业教 育课 程 建设 与改革 ，通 过 示范 校建 设 、精 品课 建设 和教学 团 队建设 等工 作 的应用 和推 广 ．使 其在 理论 研 究 和实践 应用 上取 得 了重 大成效 ，成 为 引领 当今 和 未来 中
岗 、担 任 网 页制 作 等 工作 而无 须 企业 重 新 培 训 为 目标 ，
基 于工 作 过 裎 的 教 学 实 足 蓑 研
以 《 网 页设 计 与 制作 》 课 程 为例
◇北 京 市石 景 山区 业余 大学 李 毅
木
摘要 ：根据石景 山业余大学基 于工作过程导 向的教改思路 ，以 《 网页设计与制作》课程设计与教
相 关 公 司 ．对 职 业 需 要 、岗位 要 求 、工 作 任 务 进 行 分
本文系北 京市石景 山区业余 大学 “ 基 于工作过 程的教学 实践改 革” （ 编号 ： 石业大 【 ２ ０ １ ２ １ ２ 号） 的阶段性成 果 。
４ ５ ＜＜ Ｎ ｅ ｗ Ｃ ｕ ｒ ｒ ｉ ｃ ｕ ｌ ｕ ｍ Ｒｅ ｓ ｅ ａ ｒ ｃ ｈ
思。
主 ，如 表 １ 。由 浅 人深 ，逐 渐 引 导学 生 进 入 工 作 环 节 ， 并在 每个 环节 设计 必要 的工作 任务 ，以 岗位人 员 实现 阶 段性 任务 为 引导 ．帮 助学 生建 立工 作 情境 ， 自主 完成 工
作 任务 。
１ ． 课 程 目标 设 计 。课 程 目标 设 计 是 课 程 改 革 的 前 提 。改 革前 期 ，在学 校 的大力 支 持下 ，教 研 室教 师走 访
以基 于工 作 过程导 向课 程体 系 开发 模式 为 主导 的职 业教 育课 程 建设 与改革 ，通 过 示范 校建 设 、精 品课 建设 和教学 团 队建设 等工 作 的应用 和推 广 ．使 其在 理论 研 究 和实践 应用 上取 得 了重 大成效 ，成 为 引领 当今 和 未来 中
岗 、担 任 网 页制 作 等 工作 而无 须 企业 重 新 培 训 为 目标 ，
基于项目牵引式《网页设计与制作》教学的实践与探究
随着原教 育部长周济关于“ 大力 发展职业 教育 ” 的讲话及 相关政 策的 类 ： 学生迫切需要理论知识解决实践过 程所产生 的问题和在实践过程 中遇 颁 布实施 ， 新一轮的职业教育课 程改革轰 轰烈烈地展 开了。笔者有 幸参加 到 的 问题 。 了本次课 改工作 ， 并作为 主讲教 师担任 “网页设计 与制作 ” 学 科 的课 改工 ２ ． 教师是精选项 目的引导者 。项 目的选取 是项 目教 学成 功的 关键 ， 教 授” 转 为“ 导” 。项 目来源于市场 或工业 的第 一线 ， 如： 网站的 作 。项 目牵引式 实践过 程 ， 给 笔 者所 在 团队带 来 的是新理 念 、 新 方法 、 新 师的角色 由“ 定位 。 制作 、 首页动画的制作 、 网站 Ｌ Ｏ Ｇ Ｏ的设计 ， 等等。专业教 师要广泛深 入生
一
、
紧扣新理念 。 指 导 项 目教 学
产一线调查研究 ， 在 自己熟悉 的专业 领域内 引导学生 收集、 精选学 习项 目。
整个教学过程 中， 笔者 严格遵 循“ 以能 力为本位 、 以职 业实 践为 主线、 学 习项 目满足 以下要求 ： （ １ ） 与企业生产和工作过 程具有直接关 系， 最 好将 以项 目课程 为主体 的模 块化专 业课程体 系” 的 总体 设计 思想 ， 以形成具 有 企业实际工作任务引进来作为学 习项 目。（ ２） 能进 行理论与实践一体 化学 让学生在实旋项 目中训练操 作技 能、 团队合作和 沟通技能、 工作能 力和 制作专业水准 网站 的能力为基本 目标 。彻底打破 学科课程 的设计思路 ， 紧 习， 紧 围绕 网站设计 、 制作 的需 要来选 择和组 织课 程 内容 ， 突 出网站设 计 的友 方法能力。 （ ３ ） 项 目成果具有可展示性 ， 如网站、 语 言、 图片、 动 画等 。 好性和完善性 ， 让学 生在设计 、 制作 网站活动 的基 础上掌握知 识 ， 增强课 程 内容与职业 岗位 能力要 求的相 关性， 提 高学生 的就业 能力。 二、 采取新方法 。 重 现 课 堂 活 力 ３ ． 教师是项 目实施的管理者 。项 目实施 是项 目教学 的核 心 内容 ． 有效 地管理项 目、 按制定的项 目计划顺利 完成项 目实施 过程 ， 是教 师教学 的基 本任务 ， 是教师担当的主要角色 。传统教学教 师的管理角色主要是 “ 面” 的
网页设计与制作职业岗位的教学探索与实践
ｍｅ ｈ ｄ ｏ ａ ｈ ｎ ， ｅ ｅ ｔ ｎ ｏ ｏ ｔ ｎ ｓ ａ ｄ ｔ ｅ ｉ ｒ ｖ ｍｅ ｔ ｔ ｏ ｆｔ ｃ ｉ ｇ ｓ ｌ ｃｉ ｆｃ ｎ ｅ ｔ， ｎ ｈ ｍｐ ｏ ｅ ｎ ｅ ｏ
ｏ ｏ ｃ ｐ ｔ ｎ ｂｌ ｙＳ ｔ ａ ｏ ｒ ｅ ｃ ｉ ｇ ｐ ｒ ａ ｈｍａｃ ， ｆ ｃ ｕ ａｉ ａ ｉ ｔ ， ｏ ｉ Ｏ ｈ ｔ ｕ ｔａ ｈ ｎ ａ ｐ ｏ ｃ ， ｔｈ ｓ ｔ ｆ ｅ ｍａ ｋ ｔ ｅ ｄ ｆ ｒａ ｐ ｉ ｄ ｔ ｅ ｔ ａ ｉ ｙ ｔ ｒ ｅ ｎ ｅ ｐ ｌ ａ ｎ ． ｓ ｈ Ｓ ｏ ｅ ｌ
ｍａ ｅ ｔ ｅ ｓｕ ｅ ｔ ｃ ｎ ｒ ｌ ｔ ｅ ｔ ｃ ｎ ｃ ｂ ｌ ｙ ｔ ａ ｅ ｉ ｎ ｏ ｋ ｈ ｔ ｄ ｎ ｏ ｔｏ ｈ ｅ ｈ ｉ ａ ａ ｉ ｔ ｈ ｔ ｄ ｓｇ ｆ ｌ ｉ
ｗｅ ｓｔ ，ｎ ｅ ｖ ｒ ｆｒ ｔ ｅ ｓ ｃｅｙ Ｔ ｉ ｅ ｔｉ ｉ ｆ ｒｓ ｅ ｃ ｂ ｉ ａ ｄ ｓ ｒ ｅ ｏ ｈ ｏ ｉ ｔ ？ ｈ ｓ ｔｘ ｓ ａｍ ｏ ｋ ｔ的 快速 传 递 与数 量庞 大 、 内容 丰 富
产第 一线的高级技术型 、 用型人才 。要 达到这一 目的 ， 应 他
多 彩 的 网站 有 密切 的关 系 如 何 让 学 生 掌握 网 站 的 设 计 与 制 作这 一 职 业 所 需 要 的技 能 ． 为 社 会 服 务 呢 ？本 文 针 对 高 并 等 职 业 技 术 学 院 图形 图像 制 作 专 业 网 页 设 计 与 制 作 职 业 岗
Ｄｒａ ｅ ｖ 、 ｉ ｗｏ ｋ 、 ｌｓ Ｐ ｏｏ ｈ ｐ、 ｏ ｅｄ ａ Ｆ ｏ ｔ ｅ ｍｗ ａ ｅ Ｆ ｒ ｒ ｓ Ｆ ａ ｈ、 ｈ ｔｓ ｏ Ｃ ｒｌ ｒ ｗ、 ｒ ｎ－ ｅ
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
２２培养学生 的职业素养和学习能力 ． 在学习初 级阶段，可以通过设计 生动有趣 的项 目实例 ， 充分调动 学生的学习兴趣 ，并激 发他们的工作热情 ，从而培 养学生对网页设计课程的 自发主 动学 习能力 ， 种工作热情 这 也能够激 励学生在 日后的工作 岗位上不 断探索 ，不 断进步 。 既要培养 学生模仿 的能力， 又要注 意启发学生的创新 思 维。 如在进行网页建模 和布局设计 时， 以应用灵活表格 ， 例 可 层 ，这 时要鼓励学 生多思考 ，尝试利用不 同的方法设计 ，让 学生既 能把 基本知识 的基础打好 ，又能举一 反三地思考 问
第３ ２卷
第 ６期
湖 北 ／－ 电 视 大 学 学 报 －播
Ｊ ｕ ｎ ｌ ｆ Ｂｅ Ｕｎ ｖ ｒ ｉ ｏ ｒ ａ Ｈｕ ｉ ｏ ＴＶ ｉ ｅ ｓ ｙ ｔ
Ｖｏ ．２ Ｎｏ６ １ ， ． ３ Ｊｎ ．０ ２ ０ ０ ０ ｕ ｅ ２ １ ， ３ ￣ ３１
２１ ０ ２年 ６月
基于工作过程的 《 网页设计与制作 》教学实践探索
２１ ． 培养学生的专业工作能力 ，分析典型工作任 务 网页设计制作：要求具 备开发和制作 网站 的操作技 能， 能完成对中小型网站整 体规划和 网页具体 设计制作 ， 美化 等
工作任务。 网站 编辑：要求掌握基础 的网页 知识 和操作技 能，能完 成 中小型网站的 内容建设，包括 网站 内容 的编 辑、更新和维 护等 工作 任务。 网站 管理 ：要 求具 备较 高的网页制作经验和管理能力 ， 能完成对 中小型网站的后台维护 、网站 的改版等工作任务 。
“ 由易到难 ，由浅到深 ，由表及里 ”的学习认知规律选择 合 适 的教学 内容进行讲述 ， 还必须合理排序所要讲述 的课程 内 容， 并融入生动有趣 的教学情境 中进行练 习， 让学生更容易
［ 收稿 日期］０ ２０ —２ ２ １—４１ 作 者系肇 庆 科技职 业要求学生对 网页设计工 具有一个基本 了解 ， 初步掌握 网页设计 的基础知 识和 一般方法 。 第 ２单元：要完成网页规划设计的任务 ， 过实例讲 解 通 和实际操作，讲述 网页色彩搭配、网页布局和网页字体的运 用及 设计技巧，ＣＳ Ｓ 样式层的设计。 第 ３单元 ：主要讲述如何进行 网页美化 ， 括网页视 频 包 与音效的添加 ，导航栏的制作，层和行 为的使用等 。 第 ４单元：主要介绍更新及维护网页的技术 ， 括模 板 包 和库 项 目制作技术 。 第 ５单 元 ： 绍 网站 测试 和 网 页 上 传 的 基 本 方法 及操 作 介 实例 。 该课程 内容安排以 Ｄ ｅｍｗｅｖｒ软件应用为主线， 内 ｒａ ａｅ 容涉 及网页布局，网页美化 ，网站测试等知识，强调 从实践 应用 出发 ， 绍网页设计和制作 的技术 ，突 出学 以致用 。通 介 过该课程的学习，使学生掌握网页制作的基 本知识，熟悉网 站设计的全过程，并能熟练 制作 中小型网站 。 ３１ 学情境 的设计 。 ．教 教学情境 设置 的好 坏直接影 响到学生对 学习单元 的掌 握Ｉ。一个好 的教学情境首先要注意与当前企业的实际工作 ３ 】 过程相结合，知识 点循序渐进 ，由易到难 ； 次要能尽可能 其 自然 、 有机地结合学习单元 中的多项知识点；最后教学情境 难易程度要适中， 学生在通过教师的帮助和 自己的努 力能够 完成 ，能获得成就感。 在 《 网页设计 与制 作》的教学 中，所设置的教学情境可 以来源于企业开发的真实项 目、 企业或个人发布的网站外接 承包项 目以及各类技能大赛 的仿真项 目。下面 以第 ２单元 网站规划教学过程 为例 ， 详细讲解基于工作导向学习情 境的创设与具体实施。 本单元选择 了小型物流公司网站规划 这个项 目作为载体进行教学情境设计。 设 计 项 目： 小 型物 流 公 司 网 站规 划 。 基本 内容 ： 公司简介、企业动态、 品介绍、 产 人才招 聘、 联系方式 。 规划要求 ： （ ）网站规划要反应 出本网站的主题 ，简约 ，大气 ，具 １ 有视觉吸 引力 ，网页要 做到重点突出，首页尤为重要 ，要达 到广告宣传效应。 （ ）便于管理维护 ，易于更新或添加页面 内容 ，有一定 ２ 的扩展性 。 （ ）网页的字 体要 美观 ，不 同页面 的风格要统一 ，字体 ３ 的组合要协调 ，图与文字和谐 ，内容丰富 ，能支 持几种常用 浏览器。
群。
掌握Ｉ。 按照 网页 设计的典型 工作任务 ，将 课程 内容分为 了 ５
个学习单元：
网页 设计 制 作 ：精 通 Ｐ ｏｏｈ ｐ ｏｌｒｗ，Ｆｏ ｔａ ｅ ｈ ｔｓｏ ，Ｃ ｒ ａ ｄ ｒｎｐｇ ， Ｄｒａ ｅｖ ｒ 多 项 网页 设 计 工 具 。 ｅｍｗ ａ ｅ 等 网站编辑 ：具备基本 的网页编辑和修 改能力 。 网站管理 ：具备较 高的网页设计制作和维护 的能力 。 这些 工作 岗位群不仅要 求学 生透彻理解 《 网页设计 与制 作》课程 的基本 知识与操作技 能，还要 求学生掌握网页设计 与制 作 的工 作过程 以及方 法 ，同时更要具备 良好 的职业道 德 、团队精神和敬业精神 。但在实际教学过程中，有 的学 生 在完成课程 学习之后 ， 是很难 掌握好课程知识 。为了进 一 还 步体现职业 院校 的教育理念 ， 高职业教育 的教学质量 ，必 提 须围绕 实际的工作过程进行 《 网页设计与制作 》课程开发 ， 才能使课程教学适 应行 业发展 的需要 【。 ｌ 】 ２ ．根据 岗位需求和专业培养 目标 ，明确课程培养 目标
题。
同时在教学过程中必须 贯穿培养 学生的团结协作 能力。 对一些复杂的项 目可以通过 分组合作 ， 让他 们对 一些难题进 行相互交流和讨论，互相取长补短 ，一齐分工合作，共 同完 成任 务。 ３ ．基于工作任务 ，合理选择课程 内容 ，设计教学情境 为了更好 的培养学 生的综合工作 能力 ， 不只要按照学 生
向 志华
（ 肇庆科技职业技术学院，广东 肇庆 ５６ ２ ） ２ ００
［ 内容提要］ 本文基于工作过程 ，对职业 院校 的 《 网页设计与制作 》教学课程开发进行探索，分析 了如 何基 于 岗位需求确立课程培养 目标 ，根据 工作过程设计课程 内容、选择教学方法和改革考核方式 ，进一步提 高学 生的 岗位工作能力 。 ［ 关键词］ 工作过程 ：课程开发 ：实践 ：教学方法 ［ 中图分类号］ Ｇ７ １ ［ 文献标识码］ Ａ ［ 文章编号］ １０ －４ ７（ ０ ２ ６０ ３ －２ ０ ８７ ２ ２ １ ）０ ０００ １ ．研 究背景 根据 对肇庆科技 职业技术 学院 的毕 业生进行 岗位跟踪 和 回访发现 ， 我校计算机 专业 的毕业 生在 网页设计方面 的岗 位主 要有 ：网页设计与制作 、网站编辑、网站管理 ３大 岗位