《动态网站开发技术》精品课程申报

《动态网站开发技术》精品课程申报

一、课程设置

（一）申报理由（阐述课程的引领和示范作用）

“动态网站开发技术”课程在本校已经开设了超过5年，积累了一定的教学经验和成果，教学内容在校企合作项目中不断根据信息技术的发展而更新，并形成了相对稳定的教学模块和知识结构，编写了校本实训教材，所选择的教学项目全部来自于真实的企业网站项目，或企业网站项目的某个模块，在同类课程中具有技术前沿、项目真实、校企合作等优势。

本课程所采用的教学方法充分发挥学生的主体地位，让学生在真实项目教学中体会软件开发的流程，逐步熟悉和掌握软件开发及测试的技巧，课程教学目标非常明确并由企业软件工程师参与教学。同时，本课程的考核方式进行了重大改革，一改以往一张试卷定成绩的模式，注重学生实践能力的过程性评价，这种做法非常受学生欢迎，也能让学生重视锻炼自己的动手能力，是一种真正适合高职学生的考核方式。

总之，本课程的教学内容、教学方法、考核方式等在同类课程中都具有引领和示范作用。同时，本课程第一负责人是自主培养的具有高级职称的双师型骨干教师，长期工作在教育第一线，并有1整年的企业（软件公司）践习经历，加之上海市优秀教学团队与企业工程师共同参与课程建设，为把本课程建设成市级精品课程提供了保证。

（二）课程性质与作用（注明课程的属性：A、B、C类之一）

“动态网站开发技术”课程是一门理论与实践相结合的课程，在课程属性方面属于具有典型职业教育特征的B类课程，是本校计算机多媒体技术、计算机信息管理、物联网应用技术专业学生的必修考试课程，也是新闻与出版、媒体传播等专业的必修/选修课。

“动态网站开发技术”课程在“高级网页设计制作员/三级”职业鉴定考试中占据25%份额，是职业资格考证的主要内容之一。

“动态网站开发技术”课程是计算机多媒体技术的主要技能课程之一，是一门综合型的应用类课程，其知识点主要包括：

网站的构成元素：HTML标记、网页、链接、CSS样式表等

动态网站各服务器端控件的应用（重点）：标签、文本框、单选按钮、复选框、下拉列表、数据控件、数据验证控件等；

网页的客户端脚本应用；

1

网页与数据库的连接；

数据库信息在网页上的显示、添加、修改、删除和查询；

具有信息管理功能的动态网站的设计、开发、测试及发布。

技能目标：通过该课程的学习，学生可以在多项实训以后有能力设计制作一个具有后台管理的动态网站，并能对已完成的网站进行系统测试

本课程的前修课程有计算机基础、C语言程序设计、静态网页制作、Flash动画制作、网页脚本语言、数据库应用技术等。

（三）课程设计的理念与思路

1.明确课程教学与职业岗位之间的关系

根据上海《关于大力发展职业技术教育的决定》（沪府发[2006]10号）精神，本课程教学目标定义为动态网站设计开发与测试维护岗位顶岗能力培养。

本课程对应的岗位群是：各企事业单位的网站管理岗位、软件公司的网站设计开发、测试发布岗位等。

2.注重“职业技能”教育，特别注意了“技能教学”与“职业技能”之间的关系。

例如：动态网站的服务器端控件中的文本框和下拉列表控件都能实现文本的输入操作，但在具体案例中到底应用哪一种控件有更好的用户体验呢？这就需要在平时训练中锻炼学生的“职业技能”，提高“职业素养”，让开发出来的作品不是简单的技术堆积，而要具有很强的实用性。

3.结合考查方法改革，体现岗位能力

考查要求每一学生制作一“有主题”的动态网站（例如，学生成绩管理网站，在线购物网站、新闻管理发布网站等），自己讲解网站的主要功能、制作的过程、讲述作品中应用了哪些控件、哪些技术？遇到了哪些困难？如何解决的？把职业岗位考核办法搬到教室。

4.实际工作岗位任务与课程教学对应

课程教学视学生如同新录用的“岗位员工”，课程教学过程就是培养一新到岗位员工、直到可以顶岗的过程。

课程设计思路是：针对动态网站开发技术岗位，设计课程教学内容；用体现职业技能的企业真实实训项目（或分解后的模块项目）完成教学。

二、教学内容

（一）教学内容的针对性与适用性

2

本课程主要针对计算机多媒体技术、计算机信息管理等计算机相关专业应用岗位群中的网站设计、网站开发、网站测试、网站维护等岗位进行应用能力的培养。

本课程是“高级网页制作员/三级“职业鉴定的主要考试项目之一，也是部分非计算机专业，如新闻出版等专业的技能必修/选修课程。

课程目标：

根据高职学生形象思维能力较强，而逻辑思维能力较弱的特点，本课程的教学目标不是着力于培养具备网站开发能力的软件设计人员（Designing），而是落脚于能进行模块代码编写的“技术工人”（Coding）或者能进行系统功能测试的“测试人员”（Testing）。

（二）教学内容的组织与设计（围绕能力、知识和素质三大目标）

本课程教学内容围绕知识、技能和职业素养三大目标进行组织和设计，具体如下表所示。

课程目标

知

识

目

标

职业能力培养

了解动态网站开发技术的现状和发展趋势

掌握动态网站开发软件的系统环境

掌握动态网站开发软件应用在各岗位工种需要的服务器类型和安装技能

熟悉各行业使用动态网站开发技术的侧重点

熟悉各行业使用动态网站开发技术的侧重点

具备读懂HTML标记、并应用其进行网页布局、css美化、控件添加等能力

技

能

目

标

具备独立进行网站开发后测试、修改完善网站功能、并进行服务器网站发布的能力

具备独立撰写网站开发技术文档、测试文档及运行维护文档的能力

体验理论知识在实际动态网站开发中的应用，积累实践经验

职

业

素

养

培养自主学习能力、交流沟通能力、创新能力。课程刻意安排学生间相互帮教

创作一自选内容、自主创作的动态网站，通过公开讲评（答辩），总结学习效果

培养对动态网站作品的实用性、稳定性、安全性等方面的要求，并能有较好的用户体验，体现普适职业精神

（三）教学内容的具体表现形式

3

具备熟练应用visuostidio开发平台的服务器端控件进行网站开发的能力

1．教材

本课程教材：动态网站开发实训教程系校本教材，由本课程教研组教师共同编写。

本教研组在编写本教材前充分研究了高职学生的特点、知识结构以及教学规律、培养目标等内容，本着理论知识够用为度、加强实践环节、注重职业技能培养的精神进行编写，教材符合技能教学的实际需要。全书包括27个具体项目，全部源自于企业真实项目（或项目的某一模块），取材恰当，基本知识概念融于项目之中，浅显易懂；分析方法步骤明确，易于掌握；举例联系岗位实际；该教材与我们的课程设计理念相吻合，适合本课程选用。

2.辅助教材

辅助教材：网页设计制作员（高级），系上海市职业技能鉴定指导中心指定培训用教材。围绕高级职业鉴定开展本课程实训教学，选用职业技能培养教材是一项与培养目标相一致，与课程教学目标“岗位技能培养”相一致的课程建设成果。

3.动态网站开发技术课程考查方法和评分标准

课程考查评分标准是学生学习目标的向导。评分标准体现了岗位技能和职业素养。

动态网站开发技术考试要求和评分标准：

网站具有3个以上功能模块，如用户注册、用户登录、页面呈现数据库信息、数据库信息管理等。网站内容自定，但必须有特定功能，如学生成绩管理、在线购物、新闻发布等；网站作品经过讲评（类答辩），确定学生学习效果给与学分。（评分标准见附表）

网站结构要求：

首页（可设置登录或注册模块）—内容呈现—后台管理—数据库

网站作品的评分原则是：功能模块数量达到要求，网站功能完全实现，运行稳定、界面美观、用户体验好。

评分表：

姓名 学号 专业

得分 网站名：

主要功能描述：

评分要点

模块

评分标准

网站具有3个或以上模块

网站具有2个模块

分类得分 得分

30

20

4

网站具有1个模块

每个模块的功能完善，能完整运行

功能 部分模块的功能存在一定问题

大部分模块的功能不能正常运行

多次运行程序不报错

稳定性 多次运行程序偶尔报错

运行程序时经常报错

各页面布局合理、美观，网站结构清晰

界面 页面布局效果一般，能体现网站结构

页面布局效果差，网站结构比较混乱

用户体验等综合因素

注重用户体验方面细节的处理，用户使用顺畅

注重用户体验的处理，用户使用基本顺畅

仅实现网站基本功能，对用户体验方面考虑少

三、教学方法与手段

（一）教学模式的设计与创新

1.技能传授：作业+讲评，按照教学进度逐步完成

10

30

20

10

10

6

2

20

10

5

10

6

2

根据高职学生学习特点，本课程安排：多作业（小项目），少讲，多检查；要求学生懂原理；每个作业（小项目）要求通过2种不同的途径完成，一种途径是按照教材和教师指点步骤完成，另一种完成作业途径要求与教材或教师指点步骤不同，有自己见解的方法完成。

具体做法：

上课演示案例→分解步骤→讲解知识点→布置作业（小项目）→轮流部分批改→讲评作业→请有创意学生到讲台演示→在课堂日志上记录每个学生的特点→点名安排学生间互学互帮→轮换着对学生作业发表教师鼓励点评。

效果：

通过详细记录每个学生的学习能力，大量表扬和鼓励学生，把需要批评的事放在可以表扬的时候，取得了有实际意义的效果：提高学习积极性，避免学生产生厌学情绪。（本课程还在尝试邀请学生参与评分方法探索）

2、课程考查采取自主创作，逐个讲评（答辩）方法

课程考查形式和评分标准写成文档，用电子文档形式发给学生。

5

考查要求学生自主制作一有主题的动态网站，例如学生成绩管理，新闻发布，在线购物等有后台数据库支持的作品，给2-3周准备，每个学生逐个讲述制作过程（类答辩），考查学生应用动态网站开发技术进行信息组织和管理的能力。

把课程教学要达到的知识点和技能点都体现在评分表中、量化，发给每一个学生，学生按照评分表中的各项分值，对照自己的动态网站，就可以知道大致自己考试成绩。

（二）多种教学方法的运用

在教学方法上，根据不同的教学内容采取不同的教学方法，如现场教学法、习题讨论教学法、情景教学法等，现举例说明。

1.现场教学方法

现场教学法就是在真实环境中进行教学。本课程有对应的校企合作企业，除聘请工程师到学校开设讲座以外，还会安排学生到企业软件开发现场参观，同时参与一个网站的需求分析讨论会，从这些表面的现场教学，使学生了解动态网站开发的实际工作环境，在这方面现场教学有无可替代的效果。

2.“习题讨论、安排学生间互当老师”教学方式提高教学有效性

高职学生不善于听老师讲课，本课程采取多作业，多检查模式；上课演示案例→分解步骤→讲解知识点→布置作业（小项目）→轮流部分批改→讲评作业→请有创意学生到讲台演示→在课堂日志上记录每个学生的特点→点名安排学生间互学互帮→轮换着对学生作业发表教师鼓励点评。

3.用情景教学方法激发学习兴趣

本课程教学分为27个具体项目，每个项目上都引入岗位实例作分析，要求学生模仿。例如在讲解“webService“项目时，把银行转账系统作为案例分析，然后要求学生制作一个类似的网站，在运行调试过程中，故意使程序发生错误（在转出账户和转入账户两个操作中间出错，如断电等导致转账金额的消失），从而让学生体会“回滚”技能在程序中的作用。在哈哈笑声中，学生会体会到课程教育的必要性。

（三）教学中信息多元化设计

本课程教学采用多种信息呈现方式，实现信息的多元化设计。

1． 演示文稿：主要以文字及图片的方式呈现课程主要知识点，并对课程进行回顾、总结及课后作业的布置。

2．

3．

网站：呈现项目的最终结果，使学生明确某节课的具体教学目标。

电子文档：作为实验报告，培养学生在软件设计、开发及测试过程中的文档6

编写能力。

4． 视频：记录项目开发的具体步骤，供学生课前预习及课后复习。

（四）现代信息技术手段的应用(注重利用移动技术进行课程教学有效管理)

1.电化教学手段，投影+计算机+音响，这是每个教室标准配备

2.应用校园网络平台，把示范作业（作品）发布在课程网站上，把考试考查评分标准公布在课程网站上

3.加入教学班级学生群，在群解答学生提问，发布特别强调的学习要求。加入学生群是近年本教研组认为比较实用的课外教学手段，因为学生可随时通过手机等移动端设备了解课程相关要求等信息。

6-5网络教学资源和硬件环境

1.课程教学大纲和课程安排资料

2.学生作业展示和优秀作品展示

3.教学CAI课件

4.课后习题及模拟试题

5.学校已经建立了有独立网址和域名的校园网络。

6.教学录像（部分）

学院教室全部配备多媒体教室和多媒体教学机房，各类计算机近400台，实训课开出率为100%。

四、实践教学

（一）校内外实训基地建设与利用

1.计算机多媒体技术专业原有实训机房3间，390平米，通用计算机150台。

2.2012年度获得中央财政400万人民币资助，建立了“计算机应用技术实训中心”，实训中心下设4个实训实验室，分别是：网络应用实训室（120平方米），综合布线实训室（120平方米），物联网技术应用实训室（100平方米），计算机应用实训室（140平方米）。2013年3月18日，经过中央政府采购程序，实训设备已陆续到货，目前实训基地已建成。

3.校企合作实习基地：兴汉计算机技术有限公司。2011年与签署“校企合作实训基地”协议，企业欢迎计算机多媒体技术专业学生去该公司实习，并且指派了2位项目经理作为学生实习带教导师。人事处聘请实习基地带教导师为学院专业指导委员会委员。

2015．11-2016.2，2013级20名学生按照校企合作技师学院培养方案在该实习基地

7

“顶岗实训”，截止2016年5月，在该实习基地实习学生中11人与该企业签订了毕业就业合同。

该实习基地主要实习内容是：国内银行仿真培训解决方案，用多媒体技术（动画技术）讲解银行的各种客户端设备使用，然后使用动态网站技术将这些动画内容呈现给用户。

该实习基地主要实习内容是：计算机软件产品研发及销售，实训基地协议已经签署，校企合作关系已经确立，教师和工程师层面的合作已经开展（例如，学院教师兼职该企业软件工程指导），这是一适合计算机相关专业的实习基地，尤其是学习了本课程后的一个重要的实践机会。

进一步校企合作是请企业工程师来校，把企业的主营内容植入学校的课程。

（二）实训项目的设计及教学模式、考核方式等创新

本课程的实训教学项目采用企业真实网站案例或其中的某个模块，具体实训项目的名称如下所示。

项目1 简单问卷调查

项目2 简易计算器

项目3 静态用户登录

项目4 静态用户注册

项目5 统计在线人数

项目6 广告控件

项目7 日历控件

项目8 图片文件上传

项目9 用户注册验证

项目10

项目11

项目12

项目13

项目14

项目15

项目16

项目17

项目18

连接数据库

单选按钮应用

复选框应用

下拉列表应用

数据库信息显示

用户登录（数据库）

用户注册（数据库）及验证控件

数据管理

WebService应用

8

项目19

项目20

项目21

项目22

项目23

项目24

项目25

项目26

项目27

应用程序配置

Repeater控件应用

DataList控件应用

GridView控件应用

综合项目：商品展示网页

综合项目：投票系统

综合项目：用户注册网页

综合项目：购物车网站

综合项目：新闻发布网站

本课程教学模式采用教师演示-学生练习-教师引导-学生完善-教师总结的过程开展教学。考核方式一改以往一张试卷定结果的方式，注重学生实践能力的过程性评价，以平时成绩为主，辅以期末大作业项目成绩，是对传统考核的方式的颠覆性改革，实践证明，这是一种非常适合于高职学生的考核方式。

同时，本课程作为高级职业资格考证的一个模块，也非常重视对学生最终能否获得高级职业资格证书的考核，即过程性评价与目标考核相结合，使学生既学到实际的操作技能，又能获得职业资格证书这块职场“敲门砖”。

五、特色与创新

本课程的特色与创新点（在课程建设、课程改革和课程教学上的突破及独创性成果，对同类课程建设具有积极引导意义和实际借鉴作用）

1.课程设计上把学生作为新到岗人员培训，少讲多做。

2.课程以项目为教学内容，所有项目均来自于企业真实案例或其中的某个模块，项目组织按从简单到复杂的工作过程来安排。

3.按照动态网站开发技术岗位员工能力鉴定方案开展教学和组织考查，按照是否有能力用动态网站开发技能开发“有主题的网站”作为考查成绩。

4.给予比较长的准备答辩时间（2周，作品讲评），逐个学生讲述和评价自己制作的网站作品。给学生有表现自己成就和自己想法的场所，充分体现学生是教学任务的中心。

5、高级职业资格鉴定列入教学计划。

根据国家中长期教育发展纲要要求高职学生在取得毕业证书同时应该取得高级职业资格证书，本课程按照“网页设计制作员高级/三级”职业资格证书考证要求开展实训教学，既培养了学生网站开发技能，又提高了学生高级职业资格证书持证率，2010级毕业

9

生高级职业资格证书持证率达73%，2011级毕业生高达91%，2012级毕业生历史性的达到了100%，2013级毕业生的获证率为84%。

六、课程建设规划

（一）本课程的建设目标、步骤及五年内课程资源上网时间表

1、本课程的建设目标

教学资源数字化、共享化，形成由纸质教材到数字化的电子教案，组成教学网络。

2、本课程建设内容：

①电子CAI课件

②课程练习题库

③教学网站（部分完成）

3、课程资源上网时间

2016.9～2016.12：教学录像（部分）

2017.1～2017.6：网络教学中学习园地建设

2017.7～2018.2：电子CAI课件上网

2018.3～2019.6：课程练习题库上网

（二）三年内全程授课录像上网时间表

2016年10月主讲教师说课及部分授课录像；

2017年12月课程分章节授课的全部录像；

2019年6月课程实验(实训)教学全部录像。

（三）本课程已经上网资源（网上资源名称列表）

1、课程介绍：课程简介、课程特色、教材选用和考核方式；

2、申报材料：申报表内各相关资料展示；

3、教学安排：教学大纲、教学进度、电子教案、考试说明、校企合作等；

4、师资队伍：教学团队、课程负责人、主讲教师简介；

5、在线教材：课程教材的分项目电子版；

6、教学录像：说课、授课录像在线播放；

7、项目实例：教材中涉及的所有项目的简单说明及效果展示，其中大部分为学生完成的作品；

8、网上测试：在线题库系统，随机抽取10道单选题、5道多选题、5道判断题，提交后实时评分并反馈具体结果。

10

（四）学生学习评价及参考答案链接（仅供专家评审期间参阅）

本课程学生作品及评价详见课程网站“项目实例”栏目，其中包含了部分较好的学生作品以及项目参考实例，原则上项目不设标准及参考答案，能实现相应功能、并稳定运行即可，更高要求则是用户在使用过程中有好的体验。

11