《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基本标签创建图文并茂的网页,掌握表单的基本结构和元素,掌握表格的使用技巧和常用属性的设置,学会使用框架结构实现多窗口页面,使用