理论课采用案例驱动教学法，现场实际操作为主，全面讲解教学知识点，将设计页面过程经常需要注意的地方和知识点进行重点讲解和分析，帮助学生消化和吸收。

实验课采用项目驱动式教学法，先根据项目的难易度、所需知识点和可采用技术的分析，帮助学生找到解决问题的方法，然后老师亲自操作一次、粗略地讲解项目实现的过程（启发式、引导式），然后学生进行限时操作，分组进行“比学赶拼”，每次每个项目记录前30名完成的学生，这样激励他们按时完成实验内容，发现编程水平、编程思路比较好的学生，让学生上来给学生讲解他的编程思路和实现过程。

多媒体教学+机房上机实际操作

泛雅网络教学平台：http://nustti.fanya.chaoxing.com

乐学网http://lexue.nustti.edu.cn/claroline-latest/

教学改革主要举措：

1.教学方法案例化。课程教学过程中遴选真实的商业实例进行案例化教学，通过分析与讲授真实的商业网站构建技术，让学生掌握主流Web页面设计技术，从学习中自主地去构建知识，并实现知识的迁移。

2.实验内容项目化。根据Web前端开发工程师岗位和能力的需求，将全部实验内容规划成两大组成部分：实验（课内实验）和实践(课程设计)，其中实验部分由HTML基础、页面布局技术、JavaScript、Web前端开发工具等四部分组成。除Web前端开发工具外将教材中14个章节的知识进行综合，精心设计了12次实验36个实验项目。采用项目驱动式教学法进行实验教学，将真实案例融入到项目中，让学生在项目实训中掌握所学的知识，实现教学做一体化。

3.班级管理小组化。根据班级总人数进行分组，分组原则是每组8人，男、女生合理搭配，组长自推；组长负责管理小组内各类学习事务安排、学习检查、实验考核等工作。通过小组内互帮互学，营造团队合作意识。小组长还需要负责论坛发帖管理，课程结束后根据小组发帖数量评选课程学习活跃分子。

4.优秀代码示范化。上实验课时先由教师采用启发式、引导式教学方法对项目进行分析和引入，提出最基本的解决方案，然后由学生自主去练习和小组内讨论，提出最佳解决方案。在学生实验过程中教师进行巡查指导，教师在巡查指导过程中挖掘代码设计优秀的学生，适时地由优秀学生代表通过多媒体教学软件实时地网络广播，让其展示自己的编程思路及过程。在交流学习过程中学生的能力得到赏识，成就感倍增，学习积极性提升，比学赶超的风尚再现。

5.实验成果网站化。根据实践性较强的课程的特点，主要是通过项目将所学知识进行综合运用，学生在分析和讨论过程中运用所学技术完成项目的代码编写任务。学生除了完成每次实验项目外，还需要在期末将整个学期所完成的全部实验项目的设计成果(网页文件)做成一个网站，并由3位组长根据网站的设计效果和实验完成情况进行相互打分，最后进行集体综合评分，公平合理，考核到位，学生认可度高。

6.作业测验在线化。由于构建了网络教学平台，该课程实行无纸化作业与考试，所有作业和测验均通过网络学习平台发布。学生可以凭账号登录网络教学平台进行在线作业和课程练习。作业由老师在线批阅，课程练习由平台自动给出成绩，平台能够将每个学生的每次作业完成情况和测验成绩记录在案，便于日后分析与统计。

7.讨论答疑网络化。利用网络教学平台开设学习讨论、聊天、学习小组、协作资源等板块为学生学习提供在线帮助平台。学生可以将学习过程中遇到的难题和困惑或者学习体会和经验通过平台进行实时发布，教师可以在线给学生答疑，学生可以小组间互相讨论。同时还通过班级QQ群、邮件等方式进行在线答疑。讨论形成的信息资源可以供所有学生参考与交流。

8.考核评价过程化。根据“理论考核与实践考核并重、过程考核与结果并举、教师主导与学生主体并行”的综合考核评价原则，加大对平时考勤、作业、课程练习和实验过程考核，积极推行综合、多层次、多渠道的考核机制，考核比例分布为过程考核占50%(其中作业与考出勤占20%、实验成果及过程管理30%)、理论考核(期末考试)占50%。

9.学业跟踪自主化。学生组长管理学生，教师只考核各位组长，组长负责考核组员。实行平时实验项目成绩组长考核制，组长对组员的实验项目完成情况进行逐项考核与验收，并给出每次实验成绩，同时记载扣分原因。网络教学平台在学生完成规定作业、课程练习次数后可以浏览作业、课程练习的答案，便于学生自我纠正和提高。通过网络教学平台学生可以自主地对自己的学习、作业、课程练习完成情况进行追踪，实时地掌握自己的学习进度和学习效果。

教学改革项目：

教学改革论文：

1.Web前端开发技术课程教学改革与实践,计算机教育，2014第14期，2014.07.

2.项目驱动式实践教学教材建设与探索，实验室科学，2014.4期，2014.08

考试改革：实行课程无纸化考试

此套教材2013年7月由清华大学出版社作为“21世纪高等学校计算机基础实用规划教材”正式出版，理论教材2015年12月第7次印刷，实验教材2015年6月第4次印刷。

任课教师和学生普遍反映教材编写得通俗易懂、内容全面、图文并茂、讲解详细、案例丰富、资源充足，是一本理论与实践结合得很好的教材，教学使用效果很好。

近2年来，教材已被武汉理工大学（教育部直属211）、北京邮电大学（211）、北京理工大学（985/211）、西北农林科技大学（985/211）、东北师范大学（211）、南京师范大学（211）、首都师范大学、西安科技大学、西安建筑科技大学、中南林业科技大学、辽宁师范大学、杭州电子科技大学、上海工程技术大学、广东工业大学、哈尔滨商业大学、南华大学、东北电力大学、安徽工程大学、长春师范大学、吉首大学、江西理工大学、成都学院、青岛农业大学、郑州轻工业学院、信阳师范学院、邢台学院、山东工商学院、安康学院、唐山学院、河池学院、河南工程学院、三明学院、德州学院、常熟理工学院、景德镇陶瓷学院、华中科技大学武昌分校、北京理工大学珠海学院、西北工业大学明德学院、南京理工大学泰州科技学院、河北师范大学汇华学院、潍坊职业学院、长春职业技术学院、安徽工业职业技术学院、合肥职业技术学院等100多所学校选作教材，还被许多高校图书馆馆藏。我院计算机科学与技术、信息管理与信息系统、软件工程等3个专业10级、11级、12级、13级、14级共计850人使用此套教材。

教材使用地域覆盖辽宁省、吉林省、黑龙江省、河南省、河北省、湖南省、湖北省、山东省、安徽省、江苏省、云南省、广东省、广西壮族自治区、福建省、陕西省、江西省、北京市、上海市等26多个省、市、自治区。教材使用学校层次覆盖全国一本、二本、独立学院和高职高专四个层次的高等院校。

该套教材已经被清华大学出版社推荐参评“第四届中国大学出版社图书奖（优秀教材二等奖）”。

使用此套教材的江苏高校有南京师范大学、江苏大学、江苏科技大学、徐州医学院、盐城师范学院、泰州学院、南京理工大学紫金学院、南京理工大学泰州科技学院等。

附件1：理论教材出版及使用证明（清华大学出版社）

附件2：实践教材出版及使用证明（清华大学出版社）

附件3：理论教材使用证明（西北农林科技大学）

附件4：理论教材使用证明（常熟理工学院）

教学用书：

1.储久良编著，《Web前端开发技术-HTML、CSS、JavaScript》,清华大学出版社，2013

2.储久良编著，《Web前端开发技术实验与实践-HTML、CSS、JavaScript》,清华大学出版社，2013

参考文献：

1.本书编委会.HTML+CSS+JavaScript标准教程实例版（第3版）.北京:电子工业出版社.2011

2.郑娅峰,张永强.网页设计与开发.北京:清华大学出版社.2011,第2版。