《JSP网页设计》教学设计.docx

《JSP网页设计》教学设计.docx

《《JSP网页设计》教学设计.docx》由会员分享，可在线阅读，更多相关《《JSP网页设计》教学设计.docx（13页珍藏版）》请在冰点文库上搜索。

《JSP网页设计》教学设计

-CAL-FENGHAI-（2020YEAR-YICAI）_JINGBIAN

《JSP网页设计》教学设计

XX职院2017年青年教师教学竞赛

《JSP动态网页设计》

教学设计

技师学院

XXX

2017.4

教学设计

（1）：

WEB程序设计模式与运行原理

课题名称

WEB程序设计模式与运行原理

课程

JSP动态网页设计

课时

1课时

班级

五年制网络技术1301

授课方法

讲授

【教材内容分析】

本节内容为高职高专计算机系列立体化教材《JSP编程技术》中第一章第一节的内容，目的是使学生了解和掌握WEB服务器与动态网页的基础知识，对JSP与其他WEB开发技术有一个大概的了解。

【学习者特征分析】

授课对象为咸阳职业五年制计算机网络技术1301班学生。

该班学生经过计算机基础、C语言、Java语言等前期课程的学习，对计算机编程有了一定的了解。

通过本课的学习，学生将在Java语言的基础上了解JSP网络编程语言的开发流程与运行效果。

【教学目标】

知识目标

能力目标

1．理解B/S模式的Web应用程序构架

2．了解B/S与C/S模式的区别

3．掌握JSP技术的优点

4．了解其他Web开发技术

1．能够阐述Web服务过程中“请求-响应”的具体过程

2．能够说出B/S与C/S模式的区别与联系

【教学重难点】

1．重点：

Web服务中“请求-响应”过程

2．难点：

B/S与C/S模式的区别

【教学资源】

实验（演示）教具

多媒体教室机房

教学支持资源

幻灯演示课件

网络资源

互联网中用于演示“请求-响应”的网站

【教学过程】

步骤

教学内容

教师活动

学生活动

时间分配

内容告知

（教学内容、目的）

Web程序设计模式与运行原理

告知教学目标要求

讲授

听讲

5min

课程引入

（项目任务）

打开“XX”网站，能够分析“请求-响应”过程

打开XX网站

分析过程

引发提问

个别回答

集体思考

5min

讲授操练

（掌握基本能力）

Web服务器

静态网页与动态网页

B/S与C/S模式

JSP与其他WEB开发技术

教师演示

要点提示

重点讲解

个别回答

集体讨论

25min

知识深化

（加深对基本能力的体会）

JSP技术的优点（跨平台、高效性、可重用性、代码分离）

启发思考

集体思考

5min

训练巩固

（拓展检验）

ASP/PHP/ASP.NET优缺点

讲授

听讲

5min

课堂总结

B/S模式的优点

难点提示

重点总结

听讲

3min

课后作业

查看JSP代码内容

讲授

听讲

2min

备注

结合上课所用教学软件，讲解C/S模式构架，更易于理解

（技师学院XXX）

教学设计

（2）：

JSP页面与JSP运行原理

课题名称

JSP页面与JSP运行原理

课程

JSP动态网页设计

课时

2课时

班级

五年制网络技术1301

授课方法

讲授+上机

【教材内容分析】

本节内容为高职高专计算机系列立体化教材《JSP编程技术》中第一章第2节、第3节的内容，目的是使学生掌握搭建JSP运行环境的方法，并且开发第一个JSP页面，对JSP网络编程有一个总体的感性认知。

【学习者特征分析】

授课对象为咸阳职业五年制计算机网络技术1301班学生。

该班学生经过计算机基础、C语言、Java语言等前期课程的学习，并对Web程序设计模式和运行原理有了一定的了解。

通过本课的学习，学生将开发第一个JSP页面。

【教学目标】

知识目标

能力目标

1．熟练掌握安装和配置JDK的方法

2．熟练掌握安装和配置Tomcat的方法

3．编写一个简单的JSP页面，并演示“HelloWorld”程序

4．掌握设置Web服务目录的方法

5．理解JSP的运行原理

1．能够熟练安装和配置JDK、TomcatWEB服务器，并对问题具有解决能力

2．能够编程开发第一个JSP程序，并且能够调试、运行。

【教学重难点】

1．重点：

编写第一个JSP页面“HelloWorld”并调试运行

2．难点：

JSP的运行原理

【教学资源】

实验（演示）教具

多媒体教室机房

教学支持资源

幻灯演示课件

网络资源

服务器中“ch1”章节内容

【教学过程】

步骤

教学内容

教师活动

学生活动

时间分配

内容告知

（教学内容、目的）

JSP页面与JSP运行原理

能够独立开发第一个JSP页面

讲授

听讲

5min

课程引入

（项目任务）

编写一个“HelloWorld”JSP页面并运行

演示

集体思考

5min

讲授操练

（掌握基本能力）

安装和配置JDK

安装和配置Tomcat

第一个JSP页面

设置WEB服务目录

JSP运行原理

教师演示

要点提示

启发提问

集体回答

集体思考

30min

知识深化

（加深对基本能力的体会）

JAVA_HOME/CLASSPATH/PATH环境变量的设置

WEB子目录、虚拟目录的设置

教师演示

启发诱导

集体讨论

个别回答

20min

训练巩固

（拓展检验）

在虚拟目录下运行第一个JSP页面

辅助指导

上机操作

分组讨论

30min

课堂总结

JSP运行环境的搭建注意事项

总结问题

重点强调

听讲

5min

课后作业

编写一个JSP页面，显示“欢迎来到JSP世界”

演示

启发操作

听讲

5min

备注

结合第一个JSP页面，讲解JSP的运行原理，加深巩固。

（技师学院XXX）

教学设计（3）：

常用的HTML标记

课题名称

常用的HTML标记

课程

JSP动态网页设计

课时

2课时

班级

五年制网络技术1301

授课方法

讲授+上机

【教材内容分析】

本节内容为高职高专计算机系列立体化教材《JSP编程技术》中第二章第2节的内容，目的是使学生掌握开发Web网页常用的HTML标记的基本知识，为后面章节打下基础。

【学习者特征分析】

授课对象为咸阳职业五年制计算机网络技术1301班学生。

该班学生经过计算机基础、C语言、Java语言等前期课程的学习，并在学习第一章绪论的基础上进入到Web开发的学习，为后续章节学习JSP奠定理论基础。

【教学目标】

知识目标

能力目标

1．掌握HTML标签相关知识

2．掌握HTML的关键字、段落、换行、hr等文字标记

3．理解空格、注释标记

4．掌握超级链接标记

1．能够综合应用所学HTML标签制作Web页面

2．能够对Web页面编辑相关属性

【教学重难点】

1．重点：

超级链接标记

2．难点：

 和"标记

【教学资源】

实验（演示）教具

多媒体教室机房

教学支持资源

幻灯演示课件

网络资源

Tomcat服务器中“ch2”章节内容

【教学过程】

步骤

教学内容

教师活动

学生活动

时间分配

内容告知

（教学内容、目的）

常用HTML标记；

能够应用HTML标记开发web页面；

讲授

听讲

5min

课程引入

（项目任务）

提出制作一个web页面的任务要求

启发演示

思考

5min

讲授操练

（掌握基本能力）

学习HTML标签相关知识；

学习HTML的关键字、段落、换行、hr等文字标记；

讲授空格、注释标记；

学习超级链接标记；

理论讲授

教师演示

强调重点

讨论

思考

35min

知识深化

（加深对基本能力的体会）

图片超级链接；

邮件地址超级链接；

对比分析

个别回答

15min

训练巩固

（拓展检验）

例题2.4；

例题2.5；

辅助指导

总结问题

个人操作

分组讨论

30min

课堂总结

标签的书写规范；

各标记的属性及属性值含义说明；

重点强调

听讲

5min

课后作业

制作例题2.5页面；

讲授

听讲

5min

备注

适当拓展查看网页源代码相关知识

（技师学院XXX）

教学设计（4）：

JSP脚本元素

课题名称

JSP脚本元素

课程

JSP动态网页设计

课时

2课时

班级

五年制网络技术1301

授课方法

讲授+上机

【教材内容分析】

本节内容为高职高专计算机系列立体化教材《JSP编程技术》中第三章第2节的内容，这一章节的学习，将是学生真正进入JSP世界之旅，从最基本的脚本元素开始。

【学习者特征分析】

授课对象为咸阳职业五年制计算机网络技术1301班学生。

该班学生对Web程序设计模式和运行原理有了一定的了解，并对JSP页面的基本结构有了一定的了解。

【教学目标】

知识目标

能力目标

1．熟练掌握JSP变量和方法的声明格式

2．熟练掌握程序片的含义及格式

3．熟练掌握JSP表达式的编写格式

4．掌握JSP输出型注释与隐藏型注释的区别

1．能够应用变量和方法的声明、程序片、表达式开发例题3.3抽奖程序页面

2．能够在页面中熟练使用注释语句对程序进行显性和隐性的注释。

【教学重难点】

1．重点：

变量和方法的声明

2．难点：

输出型注释与隐藏型注释

【教学资源】

实验（演示）教具

多媒体教室机房

教学支持资源

幻灯演示课件

网络资源

Tomcat服务器中“ch3”章节内容

【教学过程】

步骤

教学内容

教师活动

学生活动

时间分配

内容告知

（教学内容、目的）

JSP脚本元素；

运用变量方法声明、程序片、表达式制作JSP页面

讲授

听讲

5min

课程引入

（项目任务）

制作例题3.2数字求和功能的JSP任务要求

演示

启发分析

思考

讨论

5min

讲授操练

（掌握基本能力）

变量的声明方法；

方法的声明格式；

程序片的含义与格式要求；

表达式的编写要求；

JSP注释的类型；

罗列要点

对比分析

例题演示

集体讨论

个别回答

30min

知识深化

（加深对基本能力的体会）

输出型注释和隐藏型注释的选用情形

对比分析

听讲

15min

训练巩固

（拓展检验）

例题3.5倒计时页面制作

辅助指导

总结分析

上机操作

35min

课堂总结

注意声明的标记和程序片标记的区别；

输出型注释放置的位置

启发思考

思考

5min

课后作业

设计制作输出26个字母的jsp代码

讲授

听讲

5min

备注

强调利用DreamWeaver软件开发JSP的步骤

（技师学院XXX）

教学设计（5）：

JSP内建对象之request对象

课题名称

JSP内建对象之request对象

课程

JSP动态网页设计

课时

2课时

班级

五年制网络技术1301

授课方法

讲授+上机

【教材内容分析】

本节内容为高职高专计算机系列立体化教材《JSP编程技术》中第四章第3节的内容，目的是使学生理解并掌握客户端向服务器端请求时使用到的request对象。

【学习者特征分析】

授课对象为咸阳职业五年制计算机网络技术1301班学生。

该班学生经过前面web基础知识、jsp语法基础知识的学习，进入到学习JSP内建对象的深入学习阶段。

【教学目标】

知识目标

能力目标

1．理解request对象的使用情境

2．掌握request对象获取客户端信息的一般方法

3．掌握request处理汉字乱码的方法

4．掌握表单元素的具体属性

1．能够利用request对象向服务器端发送表单内的请求信息

2．能够制作例题4.6标记示例

【教学重难点】

1．重点：

通过request对象获取客户端表单元素信息

2．难点：

利用request处理汉字乱码

【教学资源】

实验（演示）教具

多媒体教室机房

教学支持资源

幻灯演示课件

网络资源

Tomcat服务器中“ch4”章节内容

【教学过程】

步骤

教学内容

教师活动

学生活动

时间分配

内容告知

（教学内容、目的）

JSP内建对象之request对象

能够开发具有多种表单元素的表单域

讲授

听讲

5min

课程引入

（项目任务）

编写例题4.6标记示例的表单，并用request获取表单信息

演示

启发

思考

5min

讲授操练

（掌握基本能力）

利用内建对象request获取表单元素的方法；

request处理汉字乱码的方法；

部分表单元素的具体属性

讲授理论

示例演示

乱码解决

集体讨论

集体回答

30min

知识深化

（加深对基本能力的体会）

如何查看当前网页编码？

如何改变文件保存的编码格式？

引发思考

知识拓展

讨论

回答

15min

训练巩固

（拓展检验）

编写例题4.2获取简单的表单信息；

编写例题4.4处理汉字乱码问题

辅助指导

上机操作

讨论

35min

课堂总结

Request对象获取表单信息的语法格式；

发生乱码的解决方法

罗列重点

启发思考

听讲

5min

课后作业

编写例题4.6子标记示例页面

讲授

听讲

5min

备注

强调contentType属性设置方法；乱码问题解决方法。

（技师学院XXX）