《HTML与网页设计》课程的过程化考核教学方案研究
庞美玉 耿淼
摘 要:本文阐述了HTML与网页设计课程考核存在的问题,根据应用技术型本科院校的学生特点,提出了HTML与网页设计课程的教学过程化考核的教学模式,对教学方案与评价体系进行重新设计,该教学方案将提高學生实际动手能力,有效提升了教学质量。
关键词:过程化考核; HTML与网页设计; 教学方案
中图分类号:TP393.092-4;G712? ? ? ? ?文献标识码:A? ? ?文章编号:1006-3315(2019)04-135-002
1.引言
高校普遍采取的传统考试,固化评分标准,限定考试范围,这种考核方法无法真正检验教学过程与学习效果是否相辅相成,无法全面衡量学生对知识的掌握程度,无法考查学生的动手能力和创新能力。而过程化考核可以使学生真正理解理论知识的意义,提高学生学习兴趣,改变学生的学习习惯。过程化考核注重的是学生的综合能力,学生不是被动地完成老师布置的课后作业,而是学习更加主动积极。过程化考核方案的实施,将全面提升学生分析解决问题的能力、实践能力、自学能力和创新能力。
《HTML与网页设计》课程具有实用性、简单易学的特点,是计算机专业的一门实践性很强的专业基础课。本课程考核曾采用了平时加期末考核的方式。平时包括了出勤和作业,期末采用了大作业的形式。作业检查后发现有学生相互拷贝的现象,不能反映学生的真实水平。没有课堂表现分,学生上课参与度不高,听课专注度不高。平时成绩的各项比例不够细化,分值差距比较小。平时学得不扎实,期末大作业的完成情况不够理想。因此,如何科学地设计教学方案以及考核评价体系就显得尤为重要。
针对上述情况,本文提出了基于HTML与网页设计课程的过程化考核教学方案,使教学从注重期末考试结果向注重学习过程转变,全面提升学生的学习能力和综合素质。
2.HTML与网页设计过程化考核方案设计
为了提高教学质量和学生的动手实践能力,将HTML与网页设计课程进行过程化考核改革试点,对教学内容和课时安排进行相应调整,最终探索出一套适合我校学生特点的教学方案和考核办法。
学生完成HTML与网页设计课程学习后的总评成绩由平时考核和期末考试两大部分组成。平时考核成绩所占权重为 80%,它由四个部分组成,分别是:出勤分10%、课堂作业分20%、课后作业分20%、阶段测试分30%和课堂表现分(加分项)。
(1)出勤分采用扣分制,全勤满分,迟到一次扣5分,旷课一次扣20分。
(2)课堂作业为课内必须完成的作业,课堂上老师当堂检查登记成绩。课堂时间有限,老师课堂结束时立即检查成果。也可分组,由课堂作业完成优秀的同学担任组长,由组长完成此项工作,老师解答学生遇到的问题。每项课堂作业必须明确,制定详细的评分标准,根据完成效果给分。成绩记为五级分制,A、B、C、D、E或优、良、及格、差。对应的百分制为A-90,B-80,C-70,D-60,E-50。共计16次成绩,最终课堂作业成绩取平均成绩。
(3)课后作业是课后的预习或练习和实验报告,每周布置一次。每周批阅一次,指出学生课后作业中的错误或不足,对后续的学习有很大的帮助。课后作业可以是一些课外的、学生感兴趣的,如雪花飘落效果、菜单弹出效果、贪吃蛇动画效果等,使用最新的CSS3或JQuery结合HTML5实现。鼓励学生查资料完成,并上讲台讲解。成绩也记为五级分制,计算总评时,需转换为百分制。共计11次成绩,最终课后作业成绩取平均成绩。
(4)三次阶段测试重点考察学生的实践能力,考核内容如 下:第一次测试内容为HTML的应用,使用所学的HTML标签制作个人简历表格页面,做到每位学生的内容完全不同,测试在相关内容授课完成后进行;第二次测试内容为CSS的美化和布局,使用所学的CSS属性设置某公司网页的导航和页面文字图片效果,测试在相关内容授课后完成;第三次测试内容为JavaScript特效,使用JavaScript实现时钟特效和图片轮换效果,测试在相关内容授课后完成。测试采用上机考试的方式,安排在平时的上机实验机房,时间为120分钟。考试结束后,学生将电子文档上传至教师机。测试成绩由教师根据评分标准阅卷后给定,此成绩采用百分制。阶段测试成绩取三次成绩的平均分。
(5)课堂表现为加分项,积极举手发言一次加5分,课堂作业完成速度快(前5名)一次加5分,能解决课堂上的一些疑难问题一次加5分,完成附加作业(课外)一次加5分,平时成绩加到100分为止。
期末考试采用大作业的方式,要求学生自行设计并制作个人网站,成绩权重为20%。内容必须包含我的首页、我的简历、我的爱好、我的作品和给我留言五个页面。具体要求如下:
(1)每个页面的设计风格要一致。
(2)每个页面都要有相同的导航条和出版信息。
(3)“我的首页”中主要展示个人最新动态,可以是文字或图片,必须进行CSS布局和美化。
(4)“我的爱好”中主要展示个人的兴趣爱好,如摄影、运动、游戏等,可以是文字或图片,必须进行CSS布局和美化。
(5)“我的作品”中主要展示所学课程的设计成果或优秀作业,可以是文字或图片,必须进行CSS布局和美化。
(6)“给我留言”页面要对表单内容进行验证。
(7)加入一些JavaScript特效,如图片切换、图片滚动效果等。
具体评分规则如下:
(1)独立完成,不得雷同,否则记为0分。
(2)功能要齐全,至少包括我的首页、我的简历、我的爱好、我的作品和给我留言五个板块等。(30分)
(3)界面设计要美观,布局合理。(20分)
(4)代码格式规范,有相关注释。(10分)
(5)书写实验报告,格式要规范,内容详细,逻辑结构清晰,总结合理。(40分)
3.教学方案的修订
通过本課程的学习,使学生掌握网站制作相关的基础知识,能用HTML语言和Dreamweaver制作、修改、编辑简单网页;能用CSS样式进行网页美化和布局;能用JavaScript实现网页交互;培养学生自主学习、合作学习和动手能力;学生通过亲身经历,提高分析和解决实际问题的能力,具备web前端开发的技术,为后续的网站开发类课程打下坚实的基础。
本课程采用的教材是胡军、刘伯成、刘晓强编著的《Web前端开发案例教程——HTML+CSS+JavaScript》,共11章,总课时为48课时,其中理论16课时,实践32课时。根据教学要求和目的,结合过程化考核的全面评价体系来对理论教学内容和实验课时分配进行设计,具体安排如下:
第一阶段理论6课时,实践6课时,具体包含的内容有:第1章HTML基础2课时;实验1 HTML基础练习2课时;第2章 表格和表单2课时;实验2表格布局和表单的应用2课时;第3章框架2课时;实验3框架的应用2课时;第一阶段测试2课时。本阶段的教学目的是掌握WEB基本概念,能使用HTML基本标签创建图文并茂的网页,掌握表单的基本结构和元素,掌握表格的使用技巧和常用属性的设置,学会使用框架结构实现多窗口页面,使用
第二阶段理论4课时,实践10课时;具体包含的内容有:第4章CSS样式表基础2课时;实验4CSS样式表的简单应用2课时;第5章CSS样式表布局2课时;实验5CSS样式表布局页面2课时;实验6Dreamweaver制作网页2课时;实验7网站设计2课时;第二阶段测试2课时。本阶段的教学目的是掌握CSS的基本语法及CSS样式美化常用的属性设置,掌握页面布局的方式:DIV+CSS整体布局,有序列表和无序列表实现局部布局,定义列表标签实现局部布局,表格和表单组合实现局部布局,学会使用Dreamweaver实现图文混编、表格、表单、框架和样式表,掌握网站开发流程。
第三阶段理论6课时,实践10课时;具体包含的内容有:第8章JavaScript基础2课时;实验8JavaScript编程基础2课时;第9章JavaScript对象2课时;实验9JavaScript对象的应用2课时;第10章 DOM编程2课时;实验10DOM编程基础4课时;实验11JavaScript常用特效4课时;第三次阶段测试2课时。本阶段的教学目的是掌握JavaScript的基本语法,掌握JavaScript常用对象的创建和使用方法,掌握DOM对象的常用属性、事件和方法,掌握JavaScript常用特效。
考虑到应用型本科院校学生的实际情况,教师在理论教学的过程中,采用“案例”教学法[3][4],通过实际案例向学生传授知识。例如在讲解框架的使用时,可以以“三国演义”小说为案例,使用内嵌框架实现效果,学生基本都可以完成。在讲解CSS局部布局的时候,可以将“鲜花礼品网站”中的导航栏引入教学中进行设计,在选择案例的时候,选取贴近生活和学生感兴趣的案例。讲解JavaScript特效时,可选取学生感兴趣的时钟特效、图片轮换效果、会员注册时的表单验证效果等案例。
在上机实践时,为了提高学生的课堂动手能力,教师可以采用任务驱动法[5],在设计“任务”时,根据学生的实际水平来设计不同层次的上机任务。例如完成时钟特效,最低层次必须完成数字时钟的特效,较高层次完成绘制时钟,最高层次实现时分秒指针的走动,最高层次的作业由自学能力强、善于思考的学生才能完成,作为加分项,记录到平时成绩的课堂表现分中。再例如完成“鲜花网站”的制作,首页和鲜花详情页面是每位学生必须完成的,是最低层次的要求,最高层次是完成购物车页面和会员注册页面。例如完成超链接的效果,最低层次完成文字的超链接效果,中间层次完成背景图片变换的超链接效果,最高层次完成的超链接效果应用到页面中。成绩的评定原则可以是最低层次成绩为B,较高层次成绩为A,最高层次成绩为A,并给予课堂加分。
在整个教学过程中,贯穿启发式教学法,引导学生深入学习,调动学生的主动性、积极性和创造性。例如在讲解定时函数时,老师讲解了如何使用定时函数实现时钟效果后,提出一个问题:“五张图片的轮换如何实现?”鼓励学生利用所学自行解决此问题,有学生完成后给予表扬,并演示讲解实现过程。极大地增强了讲解学生的自信心,也培养了所有学生的分析问题、解决问题的能力。
4.结束语
本课程原考核方案教学效果不理想,本文中的过程化考核方案已应用到本学期的《HTML与网页设计》课程中。通过课堂作业和阶段化测验,教师及时发现了学生掌握的知识结构和操作能力还存在哪些不足,并对发现的问题给予指导,学生的学习效率和学习热情得到了相应的提高。注重平时,减少期末大作业的比重,实现了从注重考试向注重学习过程的转变,实践证明此过程化考核方案提升了教学质量,激发了学生的学习兴趣。
参考文献:
[1]方二喜,刘学观,谭洪,等.以目标驱动为支撑的课程过程化考核探索与实践[J]实验科学与技术,2016,(4):136-138
[2]耿强,黄雪琴,姜文波,等.基于过程化考核的计算机课程教学模式研究与实践[J]电脑知识与技术,2017,(10):83-84
[3]刘芳,马军.“网页制作基础及HTML”中多种教学法的应用[J]镇江高专学报,2014,(1):106-108.
[4]张芸,韩永奇.《HTML与JavaScript》课程教学的探讨,《科技信息》[J]2011(35):333-333
[5]李丹,杨娜.项目导向任务驱动在《HTML+CSS网页设计》课程中的改革探讨,《电脑知识与技术》[J]2013(33):7507-7509