网页设计基础课程教学改革探索

杨秀君

长沙环境保护职业技术学院环境经济与信息学院 湖南长沙 410004

一、概述

网页设计基础课程是计算机专业的基础课程,是Web开发工程师所需掌握的必要技能。在计算机专业人才培养方案中,网页设计基础课程开课时间为大一第二学期,前修计算机相关的课程有计算机文化基础,后续相关课程有JavaScript、jQuery、Vue前端框架技术、Java Web、Java EE。网页设计基础课程的学习可以为学生后续课程的学习打下基础,树立专业信心,为学生从事Web开发工作打下必要的技能基础。

二、网页设计基础课程教学过程中存在的问题和挑战

(一)学生基础和学习能力差异明显

高职学生生源主要由两类构成:高中和中职。中职上来的学生基础较好,计算机操作熟练,相关的基础课程都上过,这部分学生的学习能力较强;高中的学生没有学过相关的计算机课程,计算机操作不熟练。在上课过程中,如果只顾忌基础薄弱的学生,讲解基础知识和基础操作,中职学生会觉得上课不能学到有用知识,对学习失去兴趣。如果只顾中职学生,基础薄弱的学生又会觉得听不懂,操作太难了,这样会出现“难学”情绪,对学习也会逐渐失去学习动力。教师在教学过程中需要考虑如何在上课时兼顾高中和中职两方面的学生。

(二)教学方法单一、教学案例陈旧

传统的网页设计基础教学,以“教”为中心的教学模式,教师按照授课计划备课,理论讲解每一个知识点,讲解完后学生上机练习。学生被动学习,学习目标不明,学习没有兴趣,学习效果不好。上课举的教学案例和知识点陈旧,学生觉得学习的东西没有用,导致学生学习没有动力。在教学过程中需要考虑如何改变传统的教学模式,并且引入当前前端开发中比较常用的教学案例和最新知识的问题。

(三)课程考核单一

传统的网页设计基础课程的考核以期末考试为主,这种应试教育的教育方式会让学生出现平时少学或者不学,考试突击的学习状态。学生为了考试而学习,学生学不到知识,也不能培养能力。如何能够改变单一的课程考核模式,激励学生持续不断学习、改进,给网页设计基础课程教学提出了挑战。

(四)学生解决问题能力有待提高

教师在上课时根据授课知识点列举案例,学生各个知识点是搞懂了,但不能综合起来解决问题。学生遇到问题时,不能将复杂问题分成若干个小问题,无从下手,老师一分析,好像又什么都会。如何有效地提高学生分析问题、解决问题的能力,给网页设计基础课程教学提出了挑战。

三、网页设计基础教学改革实践

(一)学生组建项目团队

网页设计基础课程是一门实践性很强的课程,如果还是用以前老师讲课,学生上机练习的方式上课,学生的学习主动性、积极性不能有效激发,学习效果不理想。这里根据高职学生的生源特点,要求学生自己组建项目团队,团队成员中必须包含高职和中职的学生,学生组建好项目团队后,后续老师布置的学习任务、阶段案例、期末项目都以项目团队的形式来完成。通过项目团队的形式,一方面,中职学生在计算机方面有了一定的基础,可以有效地帮助高中学生,给他们学习计算机提供一些有效的建议,这样少了摸黑过夜路的盲目探索,更快更高效地学习进步;另一方面,每个同学都有优缺点和自己擅长的领域,在任务完成过程中,可能需要搜集资料、制作PPT、编写代码等,老师在布置任务时,团队成员可以整体规划,根据各个成员的特点,分工合作,团队成员遇到了问题,可以共同协商解决,这样可以有效地促进项目团队成员的互帮互助,促进项目团队成员的共同进步。

(二)强调课前预习

以往上课,学生对上课的知识点不清楚,学生学习目的性不强,很被动。更好的学习状态是带着问题上课,在上课之前对老师要讲的知识点就非常清楚,明白哪些知识点是自己明白的,哪些是不清楚或者不懂的,这样上课的时候可以有目的地听课。为了实现这一点,教师会在教辅平台上布置预习视频,预习视频中会有小问题,一方面可以引发学生的思考,另一方面也可以有效检查学生的预习效果。为了更好地督促学生完成预习视频的学习,课堂上课前教师会以项目团队的形式进行检验,如果没有完成的团队,整个项目团队都要减分,没有完成的同学减分更多。都完成的团队都加分,这样可以促进项目团队的互相帮助提醒,更高效地完成老师的任务。为了避免刷屏的问题,上课之前会对每个项目团队提问,进行检验,并对检验结果进行评价和评分,这样下次预习时,预习效果会更好。

(三)强调“学以致用”

在以往的学习过程中,通常会出现,学生各个知识点都明白,但却不明白为什么要学它,学了有什么用也不知道,出现“翻开书什么都知道,关上书什么都不知道”的现象。为此,在课堂上更加强调知识的应用。在上课过程中,将实际网站项目分成各个小案例,在讲各个知识点时,融入这些小案例。这样学生会感觉学习的知识点比较有用,学了的知识立马就可以用上,并且立马就能呈现出效果,学习积极性会有效提高。比如,在讲解white-space这个文本样式属性时,如果是以前讲,就只讲一下它的含义是空白符处理,有3个属性值normal、pre、nowrap,每个属性值都讲一遍,或者演示一遍,这样讲完之后,学生对white-space可能是理解了,但却不知道在网页制作中有什么用。所以在讲解这个属性时,会具体展示一个购物网站的产品列表,指出产品描述不完整,用省略号代替,那么这个功能的实现就要用到white-space,接下来就讲解如何实现省略号标记。这样学生不仅学到white-space这个属性,而且还知道学一个知识的更大的目的是“学以致用”,不是“读死书”。

(四)强调学生学习能力的培养

“授之以鱼不如授之以渔”。当今时代是知识大爆炸的时代,尤其是互联网及自媒体的崛起之后。要改变老师上课、学生听课的传统教学模式,将要学生学变为学生主动学。为了达到这个目的,在网页设计基础课程中进行了让学生项目团队就某个知识点进行授课的教学改革。①老师提前1个星期将要讲的若干小知识点布置出来,项目团队选择一个知识点;②项目团队查找相关资料学懂知识点,然后准备该知识点的PPT、教学案例;③上课时,项目团队推荐一个学生代表讲解知识点,并带着同学一起做教学案例,整个过程15～20分钟;④老师对项目团队的讲解进行点评并进行补充讲解;⑤其他项目团队和老师对该项目团队的讲解进行打分。通过该过程能够有效地提高学生学习知识的能力,锻炼学生发现问题和解决问题的能力。

(五)注重学生发现问题解决问题的能力和创新创造能力的逐步培养

习近平总书记在给袁隆平等25位科技工作者代表的回信中曾指出“创新是引领发展的第一动力”。以往网页设计基础课程上课时学生听老师讲课,老师讲解完案例后,学生跟着老师的思路自己动手再操作一遍,在这样的教学中,学生最多是老师思路的复制,谈不上学生对老师的超越,更难达到学生创新创造能力的培养。

为了培养学生的发现问题、解决问题的能力,在上课讲解完知识点后,老师先不讲案例,而是先根据知识点给学生提出一个要解决的案例,根据案例的复杂程度给一定的时间,让学生分项目团队一起根据刚讲解的知识点解决该案例。在给定的时间到了后,对各个项目团队的完成情况进行点评及评分。这个根据知识点出的案例不会太难,目的是让学生学会利用上课讲的知识点解决问题,在解决问题的同时培养学生解决问题的能力。比如,在讲解完锚点链接的概念后会展示购物网站的购物商品列表页面,在滚动页面时,让学生找出页面在滚动时存在什么问题。学生在老师滚动页面的过程中会发现页面内容太多,导致页面过长,滚动页面和查找对应主题内容的时间过长,学生发现了这个问题,就让学生按项目团队的形式,用10分钟的时间去解决这个实际问题,时间结束后对各个项目团队的表现进行点评及加分。最后,老师具体讲解如何利用锚点链接解决页面过长带来的内容不好找的问题。在讲解完后,会进一步指出实际网站不适用锚点链接来解决这个问题,应通过“电梯导航”的形式来解决这个问题,不过“电梯导航”需要利用下学期将要开设的另外一门课程JavaScript的相关知识来解决,这样也能够激发学生学习后续课程的学习兴趣。

为了更好地培养学生的创新创造能力,在每章完成后会布置一个阶段任务,让项目团队用一周的时间完成任务,项目团队成员一起分析任务、参照类似网站、规划任务进度、搜集相关素材等。在学期期末结束时,也不再是以期末卷面考试结课,而是以项目团队共同完成一个网站的开发。通过阶段任务和期末项目的完成,学生解决问题的能力和创新创造的能力能够得到很好的培养。

(六)多个教学平台的配合使用

学生在课前预习时,会利用教材提供的教辅平台进行预习。此外,老师在讲解完某个知识点后,也会在教辅平台上设置抢答环节,根据抢答的情况对学生平时成绩进行加分。让学生抢答问题,一方面是为了检验学生对知识点的理解程度,另一方面也可以活跃课堂气氛。此外,网页设计基础课程是一门实践性很强的一门课程,如果光靠上课的时间来学习和上机操作,肯定是学不好的,为了更好地激发学生课后学习网页设计基础课程,会在实践平台上根据上课的进度布置闯关任务,在这个实践平台上可以查看学生上机实践的情况。在下次上课时,可以让某个项目团队推荐一个学生上来讲解一下闯关任务,老师对学生的讲解进行补充,并对其他学生实践平台的实践情况进行点评。

(七)建立多元的考核评价机制,促进学生的全面发展

为了打破传统的“唯分数论”“一考定终身”的考核方式,在网页设计基础课程中采用多元的考核评价机制,强调学习过程与学习成效,采用注重学习过程与结果并重的考核方式。课程成绩=平时成绩×70%+期末成绩×30%。其中平时成绩包括课堂考勤、课前预习情况、课内表现、阶段案例等多个方面。阶段案例的分数会从教师对项目团队的任务完成情况评分、团队间互评、团队成员对成员评分等多方面进行考核。

四、网页设计基础课程教学改革总结

网页设计基础课程的教学改革一直在我校生态环境大数据专业稳步推进,通过教学改革,学生的学习态度和解决问题的能力得到明显提高。

下图是某实训平台上大数据22301、大数据22302、大数据22303三个班本学期从开学到现在一个月实训通关率的统计情况,刚开始的实训是“初识HTML:简单的Hello World网页制作”,通关率仅为38%。原因有很多方面,一是刚开始学生刚接触网页设计基础这门课程,不知道如何去解决实训作业上的问题;二是学生学习态度不端正,认为只要做了,没有通关也没有关系。后面通过教学改革的进行、组件项目团队、课前预习、课中实用案例的讲解、阶段案例的布置、多元考核评价机制的实施,学生学习态度明显改善,解决问题的能力明显提高,所以最新的实训创建p标签的实训通关率达到了80%。

学生实训通关率图

结语

网页设计基础课程在多个方面进行了教学改革方面的探索:学生组建项目团队、强调课前预习、强调“学以致用”、强调学生学习能力的培养、强调学生动手解决问题和创新创造能力的逐步培养、建立多元的考核评价机制。通过一系列改革的实践,有效地提高学生的学习积极性、创新创造能力。教学改革虽然取得了一系列的成效,但仍然存在一些问题,比如实训通关率虽然提高到了80%,但仍然还有20%的人没有通关;项目团队成员提交作品的质量还有待进一步提高等。教师需要不断地进行教育教学改革来提高自身的教学水平,促进学生的全面发展。