高职《网页设计》课程教学改革探析

前言：想要写出一篇引人入胜的文章？我们特意为您整理了高职《网页设计》课程教学改革探析范文，希望能给你带来灵感和参考，敬请阅读。

摘要：网页设计课程构建真实应用驱动下的高效的课堂教学项目、灵活的教学模式以及个性化的教学评价；教学过程中以学生为主体，以教师为主导，进行教学做一体化教学；对学生的学习成绩进行个性化的教学评价，调动所有学生的学习积极性。教学实践表明，该理论改革有效提高了学生的职业能力。

关键词：网页设计；真实应用驱动；教学做一体化

0引言

当前，国家推动创新驱动发展，实施“一带一路”、“中国制造2025”、“互联网＋”等重大战略，以新技术、新业态、新模式、新产业为代表的新经济蓬勃发展，对职业院校培养技术性人才提出了更高要求，迫切需要加快高职课程改革和创新。高职院校在专业课教学中应促进学以致用、用以促学、学用相长，增强学生的可持续发展能力。《网页设计》是高职计算机应用技术专业非常重要的一门专业基础课程，涉及HTML语言、CSS、JavaScript、Jquery等技术。随着网页设计制作技术的发展，山东信息职业技术学院（以下称“学院”）不断更新教学内容，相应的教学模式也在不断变革，力求使学生学会最新最接近社会需求的网页设计知识。

1教学现状及问题分析

在高职《网页设计》课程教学中，这些年学院虽然一直在探索使用各种教学方式进行教学改革，先后使用过案例教学法、任务驱动教学法、项目教学法等，这些方法注重应用，达到理论适度够用，注重学生的实践技能培养，在一定程度上提高了课堂教学效果。但仍然普遍存在教学所用案例或项目与实际应用有差距，太简单或者不实用，学生没有学会真正应该掌握的内容等问题。另据调查，高职学校毕业班中普遍存在这样的情况：学生在最后一学期毕业实习时，有一部分毕业生想从事计算机专业方向的工作，但又苦于达不到用人单位的招聘要求，他们会花费1～2万元培训费到北京、上海、杭州等大城市进行半年左右的专业技能培训，再上岗就业。这也说明高职院校培养的毕业生并没有与企业很好地无缝对接。学生要额外花费金钱和时间来完成技能提高和培训。这给高职院校的专业教学无疑敲起了警钟。因此，针对这些情况，学校以真实应用驱动为前提，以真实项目为载体，合理安排教学内容，让学生有针对性地学习网页设计课程知识，学做从实际应用中得来的真实项目，从中得到训练和提高。

2教学模式改革

2．1自主编写教材

在《网页设计》课程教学中，基于真实应用驱动，学院编写了《网页设计与制作案例教程》教材，2017年由人民邮电出版社出版，教材中的典型项目就是学院正在运行的网站。课堂学习在多媒体一体化教室进行，教师边教边做，让学生在做中学，教师在做中教，教学做真正一体化。一学期学习完成的主要目标就是实现学院的静态网站，然后在此基础上，再制作学生自己的网站作品［1］。教学环节除了讲解基础知识外，将学院网站项目进行分解：网站规划———使用Photoshop制作效果图并切片导出图片———建立站点———完成网站主页中的一个通知公告块、再完成导航条———完成学院要闻一个大块———完成主页———添加主页中的JavaScript或JQuery脚本实现动态效果———完成新闻列表页和新闻详情页。层层递进，作品逐渐成型。学生在学习过程中可以随时看到自己的学习成果，产生不断完成作品的成就感，成就感会激发学生进一步学习的兴趣，促使学生更加努力学习，完成更好作品。通过真实项目作品的学习，使学生由被动学习变为主动学习，学习目标明确，极大调动了学生的学习积极性［2］。

2．2双师型教师

由于受传统教学模式的影响，目前仍然有许多教师在课堂上以课本为纲，对照课本提供的PPT进行讲解，学生难免会昏昏欲睡，提不起学习的兴趣。教师只是讲解课本知识，缺乏实际网站的真实建设经验，教给学生的也只能是一些泛泛的理论，或者是离实际应用相差太远的案例或项目。学生虽然学过了该门课程，但真正让学生自己开发设计一个网站还是很难。真实项目一般涉及两门或更多的课程，课程之间的融合也变得尤为重要。网页设计课程要涉及到用Photoshop做网页效果图、用Javascript或Jquery做网页特效等，这就需要任课教师精通相关课程，而且教师不仅会传统讲课，还要会做实际应用的研究和开发，所以教师首先要成为“高手”，才有可能培养出学生中的“高手”［3］。也就是说真正会做网站的教师才能胜任网页设计课程的教学。目前学院教授《网页设计》课程的教师都至少做过1～2个真实运行的网站。学院网站、系部多个网站都由教师带领学生开发完成。另外，部分教师成立了网页设计工作室，带领学生承接完成了社会上许多企事业单位的网站。教师实践中的经验反过来又应用于教学，更加促进了课堂教学的生动性和实用性。

2．3灵活的课堂教学模式

教学过程中以学生为主体，以教师为主导，以完成项目为主线，以应用为目的。学生以小组为单位组织学习，教师首先展示课堂要完成的项目任务，然后在与学生一起完成项目的过程中，进行课堂引领、激励和点拨。学生以完成规定的“项目”作品为目标，重视创新能力的培养。若发现问题，学生共同讨论、分析和解决，最后各个小组的疑难问题则由教师当场解答或由学生课后继续研究解决。课堂上师长变学长，教师变教为启、变教为帮，学生成为学习的主人，变被动接受为主动探求，学生的质疑力、观察力、协同力、领导力等多种素质都能得到很大提高，会大大增加今后取得创新成果的机率［4］。课堂上学生好的做法可以即时推广，使学生变身为教师，让学生教学生，更能调动学生学习的兴趣。现在互联网资源丰富，学生的学习兴趣被激发后，只要愿意学，他们会从网上学习到更多的知识，反过来会改进教师提供的项目，做到教学相长，学生学到更有用的知识，教师的业务水平也能有很大的提高。互联网时代，教师和学生更应该互相学习，共同提高。

2．4个性化教学评价

改变传统的评价方式，对学生进行过程性评价。每个学生的成绩由两部分构成：平时成绩（50％）＋期末网站作品（50％）。平时成绩由学生出勤、作业、项目作品以及在完成项目作品时的动手能力、团队协作能力、遇到问题解决问题的能力等构成。期末网站作品则由每个小组期末完成的网站作品来评定，每个学期期末，由每个小组选一个学生代表进行作品的展示和答辩，教师根据作品和答辩情况当场评分，这样避免了学生抄袭别人的作品，并且学生之间也便于找出自己的不足，学习到别人的优势，取长补短，找到今后努力的方向。整个教学评价过程中，既重视学生的学习过程，也重视学生的个性评价，还要重视学生自身的差异性，根据实际情况对不同层次的学生适当采取不同的评价标准［5］。既考察学习的技能，又考察学生的职业素质、人品、协作能力、抗压能力等，进行综合全面的个性化教学评价。这更有利于学生的发展，有助于教学，也是对学生评价更加人性化的体现。通过个性化的评价，发掘每个学生的学习潜能，及时进行表扬肯定，激发所有学生的学习积极性。

3结语

《网页设计》课程教学的改革，在学院已实施了二年多的时间，效果良好。激发了学生学习的兴趣，提高了学生的职业能力，为毕业与就业接轨、上岗即顶岗工作奠定基础，对于突出高职院校特色、提升教学质量、提高办学满意度、保证高职教育持续发展具有重大意义。

参考文献：

［1］李志云．网页设计与制作案例教程（HTML＋CSS＋DIV＋JavaScript）［M］．北京：人民邮电出版社，2017．

［2］龙勇．高职《Dreamweaver网页设计与制作》课程教学改革与实践［J］．软件导刊•教育技术，2016（6）：16－18．

［3］杨颖．高职“网页设计与制作”课程教学改革探索［J］．职教通讯，2015（18）：11－15．

［4］李奇．论《网页设计课程》教学改革的必要性［J］．信息技术与信息化，2014（9）：22，25．

作者：李志云 单位：山东信息职业技术学院