基于OBE模式下的《网页设计与制作》教学探索与实践

业领域和主要就业岗位，根据市场企业需求修改《网页设计与 制作》的课程目标，并在基于 OBE 模式下在教学进行了一定 的探索与实践。
1. 以学习结果为导向，优化课程教学内容 OBE 强调学生从学习的一开始就有明确目标和预期表 现，学生清楚所期待的学习内涵，教师更清楚如何协助学生学 习。根据 OBE 理念，《网页设计与制作》课程在第一节课通过 教师介绍和讲解，让学生明确课程预期网页设计的效果，并向 学生明确在本课程的基本进度及需要完成的课程任务。《网页 设计与制作》课程以 Dreamweaver 软件为主线，通过设计情境 来优化课程内容，将课程的知识点及扩展内容从简到难融入 项目的子任务中，让学生在工作的情境中循序渐近的巩固旧 知识，学习新知识了解网页设计与制作的实际过程，在操作过 程中产生兴趣并有效的学习。本学期课程项目为“鲁南花卉 市场网站的设计与制作”，“畅游工作室网站的设计与制作”， 两个项目的知识点有交叉，教学体系经过实际的授课实践，受 到学生的普遍欢迎。项目具体情况如表 1 所示。 2. 以学习结果为导向，改进教学方法，提高学生的动手和 独立思考能力 OBE 的 核 心 理 念 是“ 以 学 生 为 本 ”，“ 以 学 习 成 果 为 导 向”。根据《网页设计与制作》课程理论与操作兼具的特点，教 学方法由传统的演示法、讲授法向多样式教学方法改进。 初始阶段：该阶段的内容基本是教学中基础内容或者设 计的初始阶段。例如网站的需求规划，布局等内容。此阶段 多采用启发式、讨论式教学方法，通过欣赏国内外优秀网站， 让学生在享受中感受网页设计领域的奇妙同时激发自主学习 相关内容，通过团体协作讨论对客户需求进行分析，设计网页 风格等，教师在项目进程中是过程的“引导者”，是企业“项目 经理”，是知识“指导者”。 综合阶段：该阶段主要在学生熟悉 Dreamweaver 环境下的 基本功能和操作时综合操作的阶段。例如“畅游工作室”网页 制作，“畅游工作室”网页特效制作。在此阶段使用项目驱动 法、讨论法、讲授法等。根据不同的工作情景大多需要学生分 工协作，学生小组在项目过程中需要互相沟通，通过模拟工作 情景让学生具备团队协作的能力，能够服从项目组长的统一 安排,按时完成项目任务；在自己的项目任务完成的情况下,能 够辅助其他成员完成项目任务。此时教师是“项目经理”，更 像一个任务中的“协调者”。 3. 改革课程的考核方式 仅仅通过一张试卷、一个分数进行考核的方式对于本课 程过于简单，难以体现学生学习的结果。OBE 中的“结果”反 映到网页设计的教学中即是学生学习所获得的能力，这种能 力可以表现为对 HTML、CSS 和 JavaScript 的理解掌握能力、运 用 Dreamweaver 及 Photoshop 等软件解决实际问题的能力、个
关键词：OBEபைடு நூலகம்学习结果；网页设计与制作
一、引言 基 于 学 习 结 果 的 教 育 模 式（outcomes- basededucation，简 称 OBE）最初起源于 20 世纪 90 年代西方国家的基础教育改 革。1994 年，美国学者 William G. Spady 对 OBE 作出如下解 释：“对教育系统中的每个环节进行清晰地聚焦和组织，确定 一个学习的目标，围绕这一目标使学生在完成学习过程之后 能够达到预期的结果”。 OBE 教育理念促进教师更好地优化教学环节和教学内 容，更新教学方法，重视对学生学习效果的评价，进而提高教 学质量。笔者以《网页设计与制作》课程为例，从微观的角度， 在网页设计课程建设中引入 OBE 教育理念，探讨提高操作系 统课程建设的新的有效途径。 二、《网页设计与制作》课程特点及现状分析 《网页设计与制作》课程是我校计算机专业的专业基础课 程。本课程基于 Dreamweaver 软件的静态网页设计，主要内容 包括 HTML 语言学习，文本、图像、表单等页面元素的插入，超 链接的设置，页面布局，DIV+CSS 页面布局，使用库和模板维 护网页等内容，并将以前学过的课程如《Photoshop 平面设计》、 《动画设计》等基础融入其中。通过本课程能够让学生掌握网 页设计的概念和方法，能够运用专业的网页设计工具和脚本 语言，具备网页设计岗位的职业技术能力。 传统的网页设计课程教师只关注课程内容的本身，课程 内容被切割成了一个个相对独立的课程单元，也忽视了课程 与前导课程、后续课程的联系，授课时大多以演示法或讲授法 来讲授，注重把 Dreamweaverr 的编程知识与操作技能传授给 学生，学生只是掌握了 Dreamweaver 软件工具的使用。传统的 《网页设计与制作》课程考核以知识的累积记忆为目标，操作 题目只是机械操作而已。这导致学生的对知识理解往往是 “只见大树、不见森林”，不利于培养学生分析问题和解决问题 的能力，在一定程度上扼杀了学生在设计时的创新意识，忽视 了学生的个性发展。 三、OBE 模式下的《网页设计与制作》课程教学模式 为适应市场经济发展需要，掌握社会现有计算机网络技 术专业人才状况，了解社会未来对计算机应用技术、计算机网 络专业人才的需求和培养要求，我校计算机专业通过对本市 20 余家与计算机网络技术专业相关的企事业单位进行了市场 调研，如神州数码有限公司、联想公司等，筛选出本专业的职
神州教育
基于OBE 模式下的《网页设计与制作》教学探索与实践
伦萍萍 汪鹏程
山东省临沂职业学院信息工程系
摘要：《网页设计与制作》课程是高职院校计算机专业的 专业基础课程，课程实践操作性强，文章从微观的角度总结了 《网页设计与制作》课程引入 OBE 理念后在教学内容、教学方 法和考核方式，提高了课程的教学质量，提高了学生操作实践 能力和独立思考能力。
64
神州教育
人的表达能力、团结协作能力等。
课程考核总评成绩由综合素质评价、过程性考核、终结性
考核三部分组成。其中，综合素质评价占总评 20%（综合素质
评价包括平时表现和通用能力考核）、过程性考核占占总评
40%（课堂实践考核 60%、课后实践考核 40%），终结性考核占