《JSP网页设计》教学设计

1、精选优质文档-倾情为你奉上精选优质文档-倾情为你奉上专心-专注-专业专心-专注-专业精选优质文档-倾情为你奉上专心-专注-专业XX职院2017年青年教师教学竞赛JSP动态网页设计教 学 设 计技师学院XXX2017.4教学设计（1）：WEB程序设计模式与运行原理课题名称WEB程序设计模式与运行原理课 程JSP动态网页设计课 时1课时班 级五年制网络技术1301授课方法讲授【教材内容分析】本节内容为高职高专计算机系列立体化教材JSP编程技术中第一章第一节的内容，目的是使学生了解和掌握WEB服务器与动态网页的基础知识，对JSP与其他WEB开发技术有一个大概的了解。【学习者特征分析】授课对象为咸阳职

2、业五年制计算机网络技术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模式的区别与联系【教学重难点】重点：Web服务中“请求-响应”过程难点：B/S与C/S模式的区别【教学资源】实验（演示）教具多媒体教室机房教学支持资源幻灯演示课件网络资源

3、互联网中用于演示“请求-响应”的网站【教学过程】步骤教学内容教师活动学生活动时间分配内容告知（教学内容、目的）Web程序设计模式与运行原理告知教学目标要求讲授听讲5min课程引入（项目任务）打开“百度”网站，能够分析“请求-响应”过程打开百度网站分析过程引发提问个别回答集体思考5min讲授操练（掌握基本能力）Web服务器静态网页与动态网页B/S与C/S模式JSP与其他WEB开发技术教师演示 要点提示 重点讲解个别回答集体讨论25 min知识深化（加深对基本能力的体会）JSP技术的优点（跨平台、高效性、可重用性、代码分离）启发思考集体思考5 min训练巩固（拓展检验）ASP/PHP/ASP.NE

4、T优缺点讲授听讲5 min课堂总结B/S模式的优点难点提示重点总结听讲3 min课后作业查看JSP代码内容讲授听讲2 min备注结合上课所用教学软件，讲解C/S模式构架，更易于理解（技师学院 XXX）教学设计（2）：JSP页面与JSP运行原理课题名称JSP页面与JSP运行原理课 程JSP动态网页设计课 时2课时班 级五年制网络技术1301授课方法讲授+上机【教材内容分析】本节内容为高职高专计算机系列立体化教材JSP编程技术中第一章第2节、第3节的内容，目的是使学生掌握搭建JSP运行环境的方法，并且开发第一个JSP页面，对JSP网络编程有一个总体的感性认知。【学习者特征分析】授课对象为咸阳职业五

5、年制计算机网络技术1301班学生。该班学生经过计算机基础、C语言、Java语言等前期课程的学习，并对Web程序设计模式和运行原理有了一定的了解。通过本课的学习，学生将开发第一个JSP页面。【教学目标】知识目标能力目标1熟练掌握安装和配置JDK的方法2熟练掌握安装和配置Tomcat的方法3编写一个简单的JSP页面，并演示“Hello World”程序4掌握设置Web服务目录的方法5理解JSP的运行原理1能够熟练安装和配置JDK、Tomcat WEB服务器，并对问题具有解决能力2能够编程开发第一个JSP程序，并且能够调试、运行。【教学重难点】1重点：编写第一个JSP页面“Hello World”并

6、调试运行2难点：JSP的运行原理【教学资源】实验（演示）教具多媒体教室机房教学支持资源幻灯演示课件网络资源服务器中“ch1”章节内容【教学过程】步骤教学内容教师活动学生活动时间分配内容告知（教学内容、目的）JSP页面与JSP运行原理能够独立开发第一个JSP页面讲授听讲5min课程引入（项目任务）编写一个“HelloWorld”JSP页面并运行演示集体思考5min讲授操练（掌握基本能力）安装和配置JDK安装和配置Tomcat第一个JSP页面设置WEB服务目录JSP运行原理教师演示 要点提示 启发提问集体回答集体思考30 min知识深化（加深对基本能力的体会）JAVA_HOME/CLASSPATH

7、/PATH环境变量的设置WEB子目录、虚拟目录的设置教师演示启发诱导集体讨论个别回答20 min训练巩固（拓展检验）在虚拟目录下运行第一个JSP页面辅助指导上机操作分组讨论30 min课堂总结JSP运行环境的搭建注意事项总结问题重点强调听讲5 min课后作业编写一个JSP页面，显示“欢迎来到JSP世界”演示启发操作听讲5 min备注结合第一个JSP页面，讲解JSP的运行原理，加深巩固。（技师学院 XXX）教学设计（3）：常用的HTML标记课题名称常用的HTML标记课 程JSP动态网页设计课 时2课时班 级五年制网络技术1301授课方法讲授+上机【教材内容分析】本节内容为高职高专计算机系列立体化

8、教材JSP编程技术中第二章第2节的内容，目的是使学生掌握开发Web网页常用的HTML标记的基本知识，为后面章节打下基础。【学习者特征分析】授课对象为咸阳职业五年制计算机网络技术1301班学生。该班学生经过计算机基础、C语言、Java语言等前期课程的学习，并在学习第一章绪论的基础上进入到Web开发的学习，为后续章节学习JSP奠定理论基础。【教学目标】知识目标能力目标1掌握HTML标签相关知识2掌握HTML的关键字、段落、换行、hr等文字标记3理解空格、注释标记4掌握超级链接标记1能够综合应用所学HTML标签制作Web页面2能够对Web页面编辑相关属性【教学重难点】1重点：超级链接标记2难点：和&

9、quot标记【教学资源】实验（演示）教具多媒体教室机房教学支持资源幻灯演示课件网络资源Tomcat服务器中“ch2”章节内容【教学过程】步骤教学内容教师活动学生活动时间分配内容告知（教学内容、目的）常用HTML标记；能够应用HTML标记开发web页面；讲授听讲5min课程引入（项目任务）提出制作一个web页面的任务要求启发演示思考5min讲授操练（掌握基本能力）学习HTML标签相关知识；学习HTML的关键字、段落、换行、hr等文字标记；讲授空格、注释标记；学习超级链接标记；理论讲授教师演示强调重点讨论思考35 min知识深化（加深对基本能力的体会）图片超级链接；邮件地址超级链接；对比分析个别回

10、答15 min训练巩固（拓展检验）例题2.4；例题2.5；辅助指导总结问题个人操作分组讨论30 min课堂总结标签的书写规范；各标记的属性及属性值含义说明；重点强调听讲5 min课后作业制作例题2.5页面；讲授听讲5 min备注适当拓展查看网页源代码相关知识（技师学院 XXX）教学设计（4）：JSP脚本元素课题名称JSP脚本元素课 程JSP动态网页设计课 时2课时班 级五年制网络技术1301授课方法讲授+上机【教材内容分析】本节内容为高职高专计算机系列立体化教材JSP编程技术中第三章第2节的内容，这一章节的学习，将是学生真正进入JSP世界之旅，从最基本的脚本元素开始。【学习者特征分析】授课对象

11、为咸阳职业五年制计算机网络技术1301班学生。该班学生对Web程序设计模式和运行原理有了一定的了解，并对JSP页面的基本结构有了一定的了解。【教学目标】知识目标能力目标1熟练掌握JSP变量和方法的声明格式2熟练掌握程序片的含义及格式3熟练掌握JSP表达式的编写格式4掌握JSP输出型注释与隐藏型注释的区别1能够应用变量和方法的声明、程序片、表达式开发例题3.3抽奖程序页面2能够在页面中熟练使用注释语句对程序进行显性和隐性的注释。【教学重难点】1重点：变量和方法的声明2难点：输出型注释与隐藏型注释【教学资源】实验（演示）教具多媒体教室机房教学支持资源幻灯演示课件网络资源Tomcat服务器中“ch3

12、”章节内容【教学过程】步骤教学内容教师活动学生活动时间分配内容告知（教学内容、目的）JSP脚本元素；运用变量方法声明、程序片、表达式制作JSP页面讲授听讲5min课程引入（项目任务）制作例题3.2数字求和功能的JSP任务要求演示启发分析思考讨论5min讲授操练（掌握基本能力）变量的声明方法；方法的声明格式；程序片的含义与格式要求；表达式的编写要求；JSP注释的类型；罗列要点对比分析例题演示集体讨论个别回答30 min知识深化（加深对基本能力的体会）输出型注释和隐藏型注释的选用情形对比分析听讲15 min训练巩固（拓展检验）例题3.5倒计时页面制作辅助指导总结分析上机操作35 min课堂总结注意

13、声明的标记和程序片标记的区别；输出型注释放置的位置启发思考思考5 min课后作业设计制作输出26个字母的jsp代码讲授听讲5 min备注强调利用DreamWeaver软件开发JSP的步骤（技师学院 XXX）教学设计（5）：JSP内建对象之request对象课题名称JSP内建对象之request对象课 程JSP动态网页设计课 时2课时班 级五年制网络技术1301授课方法讲授+上机【教材内容分析】本节内容为高职高专计算机系列立体化教材JSP编程技术中第四章第3节的内容，目的是使学生理解并掌握客户端向服务器端请求时使用到的request对象。【学习者特征分析】授课对象为咸阳职业五年制计算机网络技术1

14、301班学生。该班学生经过前面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处理汉字乱码的方法；部分表单元素的具体属性讲授理论示例演示乱码解决集体讨论集体回答30 min知识