借力课程教学网 提高中职“网页设计与制作”教学效果

◆孙开坤

借力课程教学网 提高中职“网页设计与制作”教学效果

◆孙开坤

随着互联网越来越普及，网页制作也成了一门比较热门的课程，而中职网页制作课程在实际教学中的成效并不是很理想。尝试以项目教学法为基础，对教学内容进行重组和整合，制作课程教学资源，并通过搭建课程教学网站，帮助学生更好、更方便地学习，同时减轻教师的备课压力，帮助教师整体教学技能和水平的提高，促进中职“网页设计与制作”课程有效教学，并对其他课程教学也有所借鉴和启发。

网页设计与制作；课程教学网；项目教学

一、课程背景

“网页设计与制作”是计算机专业的一门必修课程，涉及的知识点繁杂，需要通过反复操作训练才能熟练掌握课程要点，学会网页制作。

现如今中职学生存在如下情况：理论知识较薄弱，学习主动性不高，遇到挫折，少有迎难而上的精神；教师在授课的过程中多数仍遵循传统的教学模式，学生不容易掌握基础知识，学习激情也逐渐丧失，从而加剧了课堂教学的恶性循环。

造成上述情况发生的原因是多方面的，但其中最主要的原因是中职学校的教学课程多已与社会的发展脱节，不能很好地满足于社会发展的需求，课程教学研究与课程改革也显得尤为重要。

现在，网站建设方面人才的需求也越来越大。“网页设计与制作”是一门综合性要求较强的课程，在计算机专业教学过程中占有非常重要的位置，在教学过程中不仅仅是要求对书本知识的全面把握，更为重要的还是对实际操作的熟练掌握，不断提升自己的实际操作能力。

当今时代的中职生也具有一些特点，比如喜欢动手操作，有一定协作精神、探究能力，喜欢上网，好展示自我，如果能正确引导，加以利用，对专业学习将大有裨益。

二、教学内容的选取与安排

“网页设计与制作”课程主要任务是学会静态页面的制作，图片和小动画是网页设计中很常用的元素，需要有一定的图片处理和动画制作能力，故在开设该课程之前，需要开设一些相关课程作为辅助，如Photoshop、Flash、美术等。另外，同时可开设数据库、C语言课程等，为后续的创建动态网站打下基础。

本门课程知识点繁杂，如果采用以知识点讲解为主的授课模式，课堂易陷入枯燥无味，学生不易掌握，会渐渐对该课程失去信心，导致越学越困难，最后放弃学习。本课程参照实际的网站开发流程，以项目的形式进行教学，把各个零散的知识点进行归类，放到不同项目中，把一个项目分成几个模块，再对模块进行任务细分，完成各个任务；把各个具体的知识点放到每一个小任务中，并在每个任务后面开设一个版块，对任务中所设计的新知识点予以总结和拓展；把一个较庞大的项目最终分解成若干易于实施的小任务，以利于完成，培养学生的信心。学生完成了一个个小任务，最终也就完成了一个大项目。

本课程通过十个项目把网页制作中的知识点贯穿其中，由建立一个简单网页开始，然后创建一个简单个人网站，接着学习网页的三种布局方式、超链接和多媒体元素、CSS+DIV、表单等，接着让学生完成一个具体的项目，达到学以致用、融会贯通的目的，最后通过创建学生信息管理系统网站学习简单动态网站的制作，为后续动态网站制作埋下伏笔。项目的安排由易到难，每个项目下再分若干个模块，每个模块下分若干的子任务，如项目四 “江南美食”网站制作内容设计如下：

项目内容 模块子任务项目四“江南美食”网站制作模块一：插入与编辑图像任务一：建立站点任务二：添加图像任务三：设置图像属性任务四：插入对象任务五：编辑图像模块二：创建超级链接模块三：插入多媒体元素任务一：设置链接任务二：检查链接任务一：插入flash元素任务二：插入其他多媒体元素任务三：插入音频与图像查看器

三、搭建课程学习平台，提高教学效果

以往的教学过程中采取的多是传统的教学方式，教学的重心放在理论知识的学习，在学习过程中老师与学生、学生与学生、学生与网络群体的交互较少，学生的实践操作能力较低，学习的知识比较零散，没有形成一个完整的系统，学生在学习的过程中积极性较低且比较懒散，学习的整体效率低下，效果不太好。在当前的教学之中可以对原有的教学方式进行适当改进，通过课程教学网这个平台，利用便利的网络互通，将老师学生和其他有共同学习兴趣的群体连在一起，同学习、共进步。

1.课程教学平台的搭建

课程教学平台可根据学校情况采购现有成熟的课程教学系统，也可以是学校自行开发，或二者相结合的形式：在成熟的课程教学系统的基础上，根据教学的需要增添其他功能。在学校专业教师参与开发的情况下，后期的维护和教学系统的功能拓展应该更有保障。

网站应以HTML5为规范开发，这样可以大大方便多终端的使用，特别是在手机上也可以很方便地使用课程教学平台。

若是直接购买课程教学平台软件，除了功能的完善之外，也要注意在手机终端的使用效果。实际上，按照HTML5规范开发的教学软件，也无须再单独开发手机APP,在手机上浏览时，可以通过添加到手机桌面，就相当于安装了APP一样，使用时直接触碰该图标就可以进入学习系统，也免去了安装和以后进行更新的麻烦，因为这一切都直接在服务器端完成了。

2.课程资源的制作

对于课程资源的制作，学校应形成相应的激励机制，多人组成一个团队负责课程的资源创建。在课程资源制作上应注意如下几点：

课程学习资源类别丰富，包含教案、课件和同步操作视频录像任务书、资源包、最终效果图、部分源代码等资源。

教学视频以微课的形式录制，一般情况下每个子任务一个视频，时间在10分钟左右，方便学生自学，对于不清楚的地方，学生可以反复观看视频，在前面课程知识点的规划中，一个任务就安排1～2个新知识点，这样也是为了让视频的制作时间上可以尽量短些。长时间观看视频，学习太多的内容，很容易让学生失去耐心，失去兴趣，导致学习效果降低。

电子教案和视频最好保持同步，学生在学习时在实战训练时可以边看教案的同步指导，边进行操作练习，自由把握课程的学习进度。

另外，对于课程资源的建设，应本着共建共享的原则，减少资源浪费，让好的课程资源得到推广，让中职的课程教学得到整体的效果提升。

3.课堂的翻转

现在多数中职学校校园内已实现无线网全覆盖，学生也人手一部手机，这些为翻转课堂提供了很大便利。学生可以很方便地对网络课程进行预习，课中进行同步训练，课后还可以针对自己的学习情况，选择性地复习巩固。

课前，学生通过教学平台中任务单的指引进行初步的学习训练。课堂教学中，实行小组合作，共同完成项目。在实际的网站制作项目中，很少由一个人单独完成的，大部分都是一个团队合作完成的。为了取得更好的学习效果，并培养学生的团队合作精神，在学生自学探究的基础上，课堂上实行小组合作的学习方式。在全班学生分成若干小组，每组人数不宜过多，每组3～4人，小组成员可根据学生自身的学习能力、性格与学习成绩等因素来进行划分。在各小组内选择一个学习成绩、学习能力、性格等较为突出的学生担任组长。小组教学的学习方式不仅有助于提升了学生的学习积极性，还有助于加强学生的沟通能力，培养学生的团队合作意识。

网页课程的学习场安排在多媒体网络机房，电脑屏幕选用大尺寸液晶屏。方便一般观看课程资源，一边同步操作训练。每台电脑配备耳机。

在教学中，有些学生对知识点的掌握比较快，可在课程学习资源中，在基本任务的基础上，设立相应的拓展训练，让所有学生在课程都有事做，让学习领悟能力强的学生也能吃得饱。

教师在课堂上针对学生出现的共性问题以及较难的知识点进行讲解，对于非共性的问题，尽可能让学生自己自学探究，或小组内协作解决。

课后，学生可通过课程学习网对学习的知识技能进行复习巩固提高。

4.学生作品展示，展示个性风采

在课程学习网上添加作品展示的功能，在班级主页上创建学生作品展示页面，学生通过自学、小组合作学习，最终将个人的作品上传至展示区，学生可以看到自己的和其他同学的作品，可以进行相互评价、借鉴、改进。中职时期学生多喜欢展示自我，通过展示平台，让学生获得成就感，获得信心，学生会更积极主动地去学习，想方设法地弄懂不会的知识，并相互借鉴，取得更好的学习效果。

四、转变考核方式，推进课程改革

在传统的教学模式中，考核主要是在期中期末对学习的理论知识与实践操作能力进行一次检验，忽视了课程学习过程中的检测。学生的学习过程之中也应作为考核的重点，对每一项目的训练都应该计入考核之中，这样能引起学生对每一个项目的重视，从而最终掌握本门课程。

考核的方式除了把平时的训练成绩加入之外，将学生参与校内校外的比赛活动也作为考核内容纳入其中，鼓励学生多参加比赛和社会实践。

五、教学中存在的问题与改进措施

利用便捷的网络，通过课程教学网进行教学可以大大提高教学效果，但也存在一些问题。中职学生自控力不强，易受丰富多彩的网络环境所影响，在课余时间多数都在聊天、看电影、玩游戏，甚至在课堂上也有学生上网玩游戏。

针对这种情况需要从多个方面去努力：从思想上让学生认识到学好本专业对自身的必要性；课堂上网络采取半开放状态，即课堂上只在需要时开放网络；加强课堂管理，实行屏幕监控，把课堂表现也纳入考核之中。

随着时代的不断发展与进步，中职课程教学方式也应不断地进行改进和发展。一切的教学改革都应以学生的发展为最终目的，教师应在分析学生特点的基础上，因势利导，利用不断发展的信息技术方便教学，让师生之间有共同兴趣爱好的群体间增加沟通与交流，顺应时代的发展要求，不断提升中职学生的综合素质。

[1]刘海鹏.基于项目教学法的“网页设计与制作”课程教学[J].信息系统工程,2014,(1):157-158.

[2]陈木兰.中职基于项目“网页设计与制作”的有效教学[J].电脑知识与技术,2012,(20):4926-4928+4952.

（编辑：秦俊嫄）

孙开坤，男，江苏省宿豫中等专业学校讲师。研究方向：网络管理。

G712

A

1671-0568（2015）32-0104-02