《JSP网页设计》教学设计

XX职院2017年青年教师教学竞赛《JSP动态网页设计》教学设计技师学院XXX2017.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课程引入（项目任务）打开“百度”网站，能够分析“请求-响应”过程打开百度网站分析过程引发提问个别回答集体思考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）