个人介绍
Web前端技术 汤明伟等
提供学校: 江阴职业技术学院
院系: 计算机科学系
专业大类: 计算机类
专业: 软件技术、网络技术、多媒体应用、电子商务等
课程英文名称: 高职高专院校
课程编号: 081103
学分: 6
课时: 96
    根据江阴职业技术学院人才培养模式——“现代班组长型新型人才”,本课程在原先精品课程的基础上,实时跟企业岗位和行业标准的人才需求进行调研,按照现代班组长的人才培养需求,进行大力改革,按照基于工作过程和行业标准技术要求,进行的教学内容和教学方法的改革,导入“叮当网上书店”电子商务平台项目,将项目分成13个教学任务模块,精心组织教学内容,采用项目化和学生项目组教学模式,采用现代多媒体和实训室教学手段进行教学,做到让学生在项目实践中学,在项目实施过程中掌握本课程的相关知识、技能和能力,通过学生项目组让学生自己管理自己,培养学生的团队精神和团队领导能力。本课程的整个教学过程都按照行业标准化流程和标准化web2.0技术标准进行教学,“以生为本,以师为辅”,教师在教学中只起到客户和项目负责人的角色,在基本的教学任务后,主要就是帮学生解答疑问和帮助学生能够实施完整个项目。旨在把学生培养成符合“现代班组长”人才培养模式的人才,能够让学生完全适应本课程人才培养的岗位,比如:网页设计师、UI设计师、web前端工程师和web前端高级工程师等。
    本课程的教学内容知识包括:photoshop图像处理、XHTML语言、CSS样式表、AJAX和jQuery等前端技术,用一个大项目“叮当网上书店”有机的整合在一起,按照软件工程的标准化开发流程组织实施。本课程的教学重点是静态网页的设计和制作能力的掌握(包括PS、XHTML、CSS),教学难点是静态网页的兼容性问题和交互性问题(包括各种浏览器的显示统一和jQuery)。
教师团队

汤明伟 讲师

单位:江阴职业技术学院

部门:计算机科学系

职位:软件技术教师

郑伟 副教授

单位:江阴职业技术学院

部门:计算机科学系

职位:多媒体技术教师

崔蓬 讲师

单位:江阴职业技术学院

部门:计算机科学系

职位:多媒体技术教师

何隽 讲师

单位:江阴职业技术学院

部门:计算机科学系

职位:多媒体技术教师

坎香 讲师

单位:江阴职业技术学院

部门:计算机科学系

职位:网络技术教师

董洪亮 工程师

单位:江阴华企信息技术有限公司

部门:技术部

职位:经理

刘海波 中级

单位:江阴市金正传媒有限公司

部门:技术部

职位:技术部经理

教学方法

1、采用项目导入和基于工作过程的教学模式设计教学内容教学方法 












2、现场教学结合法

对操作性比较强的知识,我们都是采用机房现场教学,让学生在新知识的学习过程中,能够通过老师设计的项目案例或任务让巩固和加强对新知识的理解,真正做到举一反三。

3、学生虚拟公司第二课堂教学指导法

通过按照标准化企业工作过程的学生虚拟公司的运行方式,由教师指导学生项目开发和技能培训指导,通过帮助社会企业开发相关企业网站和软件项目,让学生在课堂中学,在项目中学,充分掌握课程的专业知识和技能,从而缩短学生与企业岗位之间的差距,培养学生的项目开发和团队协作开发的能力。

教学条件

1、在江阴及周边地区进行广泛的调研,通过合作企业相关技术人员的指导,以此为依据制订、修订和完善教学大纲;

2、教材建设

本课程在课程组老师全体努力下,按照项目导入模式,开发编写一本适合高职高专学生的基于企业岗位开发工作流程的项目化教程——《WEB前端开发项目化教程》已于2015年2月由清华大学出版社正式出版发行,学生目前都采用本教材作为课程教材。

3、实践性教学环境

《Web前端技术》课程的综合训练都在专门的实验机房完成,确保每人一台电脑,并且购置了专门的素材书籍和光盘资源。

4、网络教学环境

随着校园网络的不断优化,以及无线wifi遍及校园每个角落,我们自主研发多媒体课件(PPT及视频教程)及在线学习、答疑系统,让学生可以通过网络自主学习。目前课程组正在积极录制微客课件,为反转课堂的实现,打下坚实的基础。

教学效果

课程全体教师和学生虚拟公司都积极投入到为社会企业、院校的服务和开发,通过项目的研发,不断提升课程组教师的真实项目开发经验,然后再将开发经验应用到课程的设计和教学中去,让学生能够充分得到项目开发的机会和能力,提升学生的项目开发经验,为企业岗位输送优良的员工。

课程组教师和学生虚拟公司开发项目一览表

序号项目名称访问网址
1江阴盛大图文制作有限公司企业网站http://www.jysd2008.com
2江阴盛大图文制作有限公司diy自主设计系统http://www.jysddiy.com
3江阴市8方网络科技有限公司在线食品城电商平台
4江苏申凯集团仓储管理系统
5江苏绿城房地产开发有限公司企业门户网站http://www.jslcfc.com/
6江阴职业技术学院化学纺织工程系系部网站
7江阴学院高分子材料应用技术专业
8江阴市公安局安防协会网站
9江阴市体育大汇网站http://www.jy008.com.cn

附件1:江阴市8方网络科技有限公司在线食品城电商平台


附件2:江苏申凯集团仓储管理平台

附件3:江阴职业技术学院化学纺织工程系系部网站


附件4:江阴学院高分子材料应用技术专业网站


附件5:江阴市公安局安防协会网站




由于篇有限,只是例举了部分课程组教师和学生虚拟公司开发的真实项目,课程组和学生虚拟公司还开发了全院20多门课程的精品课程网站及其他企事业单位的网站及系统平台,得到了广大师生和企业同行的一致认可,学生毕业后,都能熟练并轻松胜任企业的岗位,收到了广大企业的好评。这些都说明了《Web前端技术》课程的实施效果相当的好,学生能通过真实的项目真正得到锻炼,实现向网页设计师、web前端工程师、web前端高级工程师、UI设计师等岗位的迈进。

学生虚拟公司的运行模式,还得到了地方电台的重点关注,还专门制作了节目,进行电台宣传,效果良好。


江阴电视台《百姓茶坊》节目组采访我系精灵多媒体学生虚拟公司

参考教材

1、《Web前端开发项目化教程》 汤明伟 主编 清华大学出版社(2015-2)

2、《精通CSS+DIV网页样式与布局》前沿科技 曾顺 编著  人民邮电出版社(2007-8)

3、《CSS网站布局实录:基于Web标准的网站设计指南(第二版)》李超 编著 科学出版社(2007-9)

课程评价

教学资源
课程章节 | 文件类型   | 上传时间 | 大小 | 备注
1.5.1 PPT课件
文档
.ppt
2015-09-24 3.14MB
1.5.2 视频课件
视频
.mp4
2015-10-09 929.03MB
 
视频
.mp4
2015-10-09 1.31GB
 
视频
.mp4
2015-10-09 1.12GB
2.5.1 PPT课件
文档
.ppt
2015-09-24 4.28MB
2.5.2 视频课件
视频
.mp4
2015-10-09 1.53GB
3.5.1 PPT课件
文档
.ppt
2015-09-24 1.96MB
3.5.2 视频课件
视频
.mp4
2017-03-06 1.03GB
 
视频
.mp4
2017-03-06 670.93MB
 
视频
.mp4
2017-03-06 1.33GB
4.5.1 PPT课件
文档
.ppt
2015-09-24 709.50KB
4.5.2 视频课件
视频
.mp4
2015-10-09 733.21MB
 
视频
.mp4
2015-10-09 607.88MB
5.5.1 PPT课件
文档
.ppt
2015-09-24 2.63MB
5.5.2 视频课件
视频
.mp4
2015-10-09 197.77MB
6.5.1 PPT课件
文档
.ppt
2015-09-24 2.60MB
6.5.2 视频课件
视频
.mp4
2015-10-09 875.53MB
 
视频
.mp4
2015-10-09 833.75MB
 
视频
.mp4
2015-10-09 99.73MB
 
视频
.mp4
2015-10-09 104.29MB
7.5.1 PPT课件
文档
.ppt
2015-09-24 1.06MB
7.5.2 视频课件
视频
.mp4
2015-10-09 1.01GB
8.5.1 PPT课件
文档
.ppt
2015-09-24 2.11MB
8.5.2 视频课件
视频
.mp4
2015-10-09 1.15GB
 
视频
.mp4
2015-10-09 924.84MB
 
视频
.mp4
2015-10-09 104.37MB
9.5.1 PPT课件
文档
.ppt
2015-09-24 496.50KB
9.5.2 视频课件
视频
.mp4
2016-04-27 1.26GB
 
视频
.mp4
2016-04-27 958.42MB
10.5.1 PPT课件
文档
.ppt
2015-09-24 589.00KB
10.5.2 视频课件
视频
.mp4
2016-04-27 991.44MB
 
视频
.mp4
2016-04-27 1.10GB
11.5.1 PPT课件
文档
.ppt
2015-09-24 901.00KB
11.5.2 视频课件
视频
.mp4
2016-11-07 1.07GB
 
视频
.mp4
2016-11-07 1.25GB
12.5.1 PPT课件
文档
.ppt
2015-09-24 412.00KB
12.5.2 视频课件
视频
.mp4
2016-04-27 1.14GB
 
视频
.mp4
2016-04-27 878.02MB
13.5.1 PPT课件
文档
.ppt
2015-09-24 644.00KB
13.5.2 视频课件
视频
.mp4
2015-10-09 925.41MB
 
视频
.mp4
2015-10-09 1.08GB
14.1 课程大纲
文档
.doc
2015-09-24 90.50KB
14.2 考核大纲
文档
.doc
2015-09-24 42.00KB
14.3 教学计划表
文档
.doc
2015-09-24 109.50KB
14.4 实训计划表
文档
.doc
2015-09-24 127.00KB
14.5 教学教案
文档
.doc
2015-09-24 508.00KB
14.7 项目库
文档
.docx
2015-09-24 165.12KB
 
文档
.docx
2015-09-24 538.03KB
 
文档
.docx
2015-09-24 600.60KB
 
文档
.docx
2015-09-24 451.36KB
 
文档
.docx
2015-09-24 200.22KB
 
文档
.docx
2015-09-24 2.31MB
 
文档
.docx
2015-09-24 303.53KB
 
文档
.docx
2015-09-24 316.46KB
 
文档
.docx
2015-09-24 136.25KB
 
文档
.docx
2015-09-24 584.07KB
14.8.1 试卷库1
文档
.doc
2015-09-24 107.00KB
14.8.2 试卷库2
文档
.doc
2015-09-24 85.00KB
14.8.3 试卷库3
文档
.doc
2015-09-24 80.00KB
14.8.4 试卷库4
文档
.doc
2015-09-24 319.00KB
14.8.5 试卷库5
文档
.doc
2015-09-24 466.00KB
14.8.6 试卷库6
文档
.doc
2015-09-24 228.00KB
课程章节
提示框
提示框
确定要报名此课程吗?
确定取消