Web应用系统开发教案.docx
《Web应用系统开发教案.docx》由会员分享，可在线阅读，更多相关《Web应用系统开发教案.docx（30页珍藏版）》请在冰豆网上搜索。
Web应用系统开发教案
2015至2016学年第2学期
Web应用系统开发课程
教
案
课程编码：
___M045001
总学时/周学时：
48/8
授课年级、专业、班级：
13计科1,2
使用教材：
Web技术应用基础
授课教师：
张弛
本课程教学目的
《Web应用系统开发》是计算机专业的一门实践性课程，其基本任务是使学生通过学习本课程，掌握Web应用的基本概念，Web应用环境的构建技术，HTML语言的基本应用，JavaScript基本应用，JSP运行机制与基本语法，JSP内置对象的使用，Servlet技术基本应用，JDBC及数据库开发技术等。
本课程教学要求
使学生系统地学习Web应用技术的原理与方法；掌握Web应用系统开发的工具及环境的使用；了解Web应用技术的最新进展。
本课程教学方法
课堂讲授+多媒体课件讲学
学生创新精神和实践能力培养方法
以实际的Web应用软件系统开发为例，系统并完整地讲解开发Web应用系统所需掌握的各项技术，包括HTML、CSS、JavaScript、JSP、JDBC等。
在教学的具体过程，充分调动学生的积极性，参与到教学中。
考核方式
期末考试：
50%
课堂笔记：
10%
课程实验：
30%
平时表现：
10%
教学参考资料
《Web技术应用基础》樊月华等清华大学出版社2008
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2004
《MySQL入门经典》王雨竹机械工业出版社出版2013
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
对教案的分析总结
周次
1
时间
第11周
章节
名称
第一章Web技术概述
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
主要介绍Web技术的基础知识和基本原理，包括计算机网络基础知识、IP地址、域名和统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识等。
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求掌握计算机网络基础知识、IP地址、域名和统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识。
教学
内容
（可附另页）
1、课程先导（10min）
介绍本课程的考核方式，课程对于职业发展的重要性，以及以后发展的方向分析。
2、Web简介
我们这门课叫web应用系统开发，
1）什么是Web?
（3min）
Web全称为worldwideweb，简称www，中文译名万维网，是一个大规模、联机式的信息储藏场所。
表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等
Web三要素（5min）
1、
3、计算机网络基础
网络的定义（2min）
Internet（5min）
OSI参考模型（5min）
TCP/IP协议（10min）
4、IP地址、域名和URL
IP地址（5min）
域名（5min）
URL（5min）
5、Web基础知识
Web工作机制（10min）
Web站点体系结构（10min）
Web应用开发技术概述（5min）
6、Web数据库
什么Web数据库（3min）
Web数据库工作机制（5min）
常用Web数据库访问技术（2min）
教学
重点
难点
Web三要素
TCP/IP协议
Web工作机制
Web站点体系结构
Web数据库工作机制
讨论
练习
作业
Web三要素的含义
Web的体系结构及工作流程
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章内容包括计算机网络基础知识、IP地址、域名和统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识等。
重点是Web三要素、TCP/IP协议、Web工作机制、Web站点体系结构、Web数据库工作机制。
它为后续章节的讲授打下了基础。
通过课堂教学的效果看，学生基本上掌握了Web技术的基础知识和基本原理。
周次
1
时间
第11周
章节
名称
第二章Web应用环境构建技术
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍Web应用系统部署的物理环境和软件环境，包括Web服务器和数据库系统。
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求掌握Web应用系统部署环境的构建方法。
教学
内容
（可附另页）
Web运行环境概述
园区内Web运行环境（5min）
模拟Web运行环境（5min）
虚拟Web运行环境（5min）
常用Web运行环境介绍（5min）
JSP应用环境的建立
JSP安装准备工作（5min）
安装配置JDK（10min）
安装服务器软件Tomcat（10min）
第一个JSP应用（15min）
mysql数据库系统的安装与测试
mysql安装准备工作（5min）
安装mysql（10min）
mysql的操作（15min）
教学
重点
难点
安装配置JDK
安装服务器软件Tomcat
第一个JSP应用
讨论
练习
作业
为只有一台计算机的用户、有两台计算机的用户或两台以上计算机的用户策划一个Web应用开发与运行环境
安装JSP运行环境需要哪些软件
Tomcat服务器软件的默认发布目录是什么
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2008
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2004
《MySQL入门经典》王雨竹机械工业出版社出版2013
教研室
主任
审批意见
教学
后记
本章内容包括介绍Web应用系统部署的物理环境和软件环境，Web服务器和数据库系统。
重点是安装配置JDK、安装服务器软件Tomcat、和部署第一个JSP应用。
它为后续章节的讲授打下了基础。
通过课堂教学的效果看，学生基本上掌握了Web应用开发与运行环境的构建。
周次
2
时间
第12周
章节
名称
第三章基于Web方式的信息系统开发案例——网上书店
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
结合网上书店的建设，使学生了解一个Web站点建设的全貌，有助于学生站在全局的高度了解Web技术的应用
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求掌握网上书店的系统功能与部署配置。
教学
内容
（可附另页）
系统功能与系统环境
系统功能和使用模式（5min）
系统环境建设（5min）
系统设计
系统设计原则（5min）
系统需求分析（10min）
网络及服务器的选择（5min）
系统软件结构（10min）
系统功能设计
“网上书店管理信息系统”的功能（5min）
业务流程设计（10min）
用户界面设计（10min）
数据库设计（10min）
代码设计与实现（10min）
网上书店的安装及使用（5min）
教学
重点
难点
系统需求分析
业务流程设计
数据库设计
代码设计与实现
讨论
练习
作业
无
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2008
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2004
《MySQL入门经典》王雨竹机械工业出版社出版2013
教研室
主任
审批意见
教学
后记
本章内容结合网上书店的建设，使学生了解一个Web站点建设的全貌。
重点是系统需求分析、业务流程设计、数据库设计、代码设计与实现。
通过课堂教学的效果看，学生基本上了解一个Web站点建设的全貌。
周次
2
时间
第12周
章节
名称
第四章HTML
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍HTML的常用标签及其使用
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求掌握HTML常用标签的使用。
教学
内容
（可附另页）
HTML概述
HTML入门--一个简单HTML案例（5min）
HTML文件的结构（5min）
HTML的标记和元素（5min）
HTML页面结构标记（5min）
HTML页面修饰标记
标题文字标记（5min）
文字样式标记（5min）
特定文字样式标记（5min）
段落标记（5min）
页面修饰标记应用案例（5min）
页面多媒体技术
图像标记（5min）
背景音乐标记（5min）
音乐和影像文件（5min）
页面多媒体技术应用案例（5min）
表格与列表标记
表格标记（10min）
列表标记（15min）
教学
重点
难点
表格标记
列表标记
讨论
练习
作业
使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如图4-19所示
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章内容为HTML常用标记的使用，包括页面修饰标记、多媒体标记、表格与列表标记。
重点是表格与列表标记。
通过课堂教学的效果看，学生基本上掌握了各类标记的使用。
周次
3
时间
第13周
章节
名称
第四章HTML
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍HTML的常用标签及其使用
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求掌握HTML常用标签的使用。
教学
内容
（可附另页）
超链接标记
超链接标记（4min）
同一页面间的链接（3min）
链接电子信箱（3min）
超链接应用案例（5min）
表单标记
表单的功能（5min）
表单定义标记（5min）
输入标记（5min）
列表框标记（5min）
多行文本框标记（5min）
表单标记应用案例（5min）
窗口框架标记
窗口框架的建立（5min）
子窗口的建立（5min）
窗口框架使用案例（5min）
HTML应用案例
页面动态刷新（5min）
文字移动（5min）
浮动窗口（5min）
在页面中嵌入Java小程序（5min）
网上书店主界面的实现（10min）
教学
重点
难点
表单标记
讨论
练习
作业
制作一个计算器界面，如图4-20所示
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章内容为HTML常用标记的使用，包括超链接标记、表单标记、窗口框架标记，并通过几个实例介绍HTML的高级应用。
重点是表单标记。
通过课堂教学的效果看，学生基本上掌握了各类标记的使用。
周次
3
时间
第13周
章节
名称
第五章CSS
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍CSS技术的基本概念、语法及其在页面显示中应用
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求理解CSS的基本概念，掌握CSS在页面显示中的应用。
教学
内容
（可附另页）
CSS简介
CSS作用（5min）
CSS样式文件应用结构（5min）
定义样式的格式
CSS定义（5min）
CSS属性（5min）
应用CSS样式的4种方式
直接定义HTML标记中的style属性（10min）
在HTML文档内定义内部样式表（10min）
嵌入外部样式表（10min）
链接外部样式表（10min）
样式表应用案例（10min）
页面定位（10min）
CSS在网上书店案例中的应用（10min）
教学
重点
难点
定义HTML标记中的style属性
定义内部样式表
嵌入外部样式表
链接外部样式表
讨论
练习
作业
使用CSS技术制作一个页面，页面内容及显示格式如图5-5所示
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章内容介绍网页设计中一种较新的技术：
CSS，通过CSS可以扩充HML标记的显示属性，同时简化网站的开发、管理和维护。
通过课堂教学的效果看，学生基本上理解了CSS的基本概念，掌握了CSS在页面显示方面的应用。
周次
4
时间
第14周
章节
名称
第六章JavaScript
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
学习JavaScript的基础知识、工作机制及其使用技术
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求理解JavaScript的基础知识和工作机制，掌握JavaScript的语法，并能应用于实现Web页面的动态效果和交互功能。
教学
内容
（可附另页）
JavaScript概述
JavaScript运行机制（5min）
JavaScript的特点（5min）
JavaScript应用案例--图像互换位置（5min）
JavaScript基本语法
在HTML文档中调入或嵌入JavaScript（5min）
JavaScript书写格式（5min）
基本数据类型（5min）
JavaScript控制结构和函数
JavaScript控制结构（10min）
函数（5min）
JavaScript基本语法应用案例（5min）
JavaScript对象
JavaScript对象概述（5min）
自定义对象（10min）
对象属性和方法的引用（5min）
对象的操作（5min）
事件驱动与事件处理（10min）
JavaScript对象应用案例（5min）
教学
重点
难点
JavaScript基本语法
JavaScript控制结构和函数
JavaScript对象
事件驱动与事件处理
讨论
练习
作业
使用JavaScript编制一段代码完成如下功能：
1要求输入一个姓名
2用确认框检查输入是否正确
3根据输入给出相应提示
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章介绍JavaScript的基础知识、工作机制及其使用技术。
重点是JavaScript基本语法、JavaScript控制结构和函数、JavaScript对象，难点是事件驱动与事件处理。
通过课堂教学的效果看，学生基本上理解了JavaScript的基础知识、工作机制，但实际动手能力欠佳。
因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。
周次
4
时间
第14周
章节
名称
第六章JavaScript
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
学习JavaScript的基础知识、工作机制及其使用技术
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求理解JavaScript的基础知识和工作机制，掌握JavaScript的语法，并能应用于实现Web页面的动态效果和交互功能。
教学
内容
（可附另页）
window对象在JavaScript中的应用
window对象的构成（3min）
window对象的属性（2min）
window对象的方法（3min）
window对象的事件（2min）
window对象的应用案例（5min）
document对象在JavaScript中的应用
document对象的属性（5min）
document对象的方法（5min）
document对象的事件（5min）
document对象的应用案例（5min）
JavaScript内置对象
String对象（5min）
Math对象（5min）
Array对象（5min）
Date对象（5min）
JavaScript内置对象应用案例（5min）
JavaScript应用案例
数字钟（5min）
状态栏文字滚动显示（5min）
随机改变页面背景色（5min）
鼠标跟随（5min）
JavaScript在网上书店中的应用案例（10min）
教学
重点
难点
window对象在JavaScript中的应用
document对象在JavaScript中的应用
JavaScript内置对象
讨论
练习
作业
制作一个页面，页面上有两个文本框和一个提交按钮，在文本框中输入信息后，用鼠标单击提交按钮，将显示文本框中输入的内容。
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《HTML+CSS+JavaScript实用详解》叶青电子工业出版社2008
教研室
主任
审批意见
教学
后记
本章介绍JavaScript的基础知识、工作机制及其使用技术。
重点是window对象在JavaScript中的应用、document对象在JavaScript中的应用、JavaScript内置对象。
通过课堂教学的效果看，学生基本上理解了JavaScript的基础知识、工作机制，但实际动手能力欠佳。
因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。
周次
5
时间
第15周
章节
名称
第七章JSP运行机制与基本语法
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍JSP运行机制与基本语法
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求理解JSP运行机制与基本语法，掌握JSP声明、JSP指令和JSP动作及其使用技术。
教学
内容
（可附另页）
JSP技术概述
JSP应用示例（5min）
JSP运行机制（10min）
JSP的特点（5min）
JSP页面结构（5min）
JSP基本语法
JSP页面组成（5min）
注释（5min）
声明（5min）
表达式（5min）
JSP脚本段（5min）
JSP基本语法应用案例（5min）
JSP指令
JSP指令功能（5min）
include指令（5min）
page指令（10min）
taglib指令（5min）
JSP指令应用案例（10min）
教学
重点
难点
JSP运行机制
JSP基本语法
JSP指令
讨论
练习
作业
加载动态文件，制作一个JSP文件，计算一个数的平方根，然后再制作一个JSP文件，应用include>动作加载刚刚制作的JSP文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2004
教研室
主任
审批意见
教学
后记
本章介绍JSP运行机制和基本语法。
重点是JSP工作机制、JSP指令和JSP动作。
通过课堂教学的效果看，特别是通过几个实际的例子，学生基本上理解了JSP运行机制，掌握了的使用。
周次
5
时间
第15周
章节
名称
第七章JSP运行机制与基本语法
授课
方式
理论课（√）、实践课（）、实习（）
教学
时数
教学
目的
介绍JSP运行机制与基本语法
教学
方法
课堂讲授+多媒体课件讲学
教学
要求
要求理解JSP运行机制与基本语法，掌握JSP声明、JSP指令和JSP动作及其使用技术。
教学
内容
（可附另页）
JSP动作
JSP动作功能（5min）
jsp:
include动作（10min）
jsp:
forward动作（5min）
jsp:
plugin动作（10min）
jsp:
useBean动作
jsp:
useBean动作功能（10min）
jsp:
useBean语法规则（10min）
jsp:
useBean工作过程（10min）
jsp:
useBean应用实例（10min）
设置和获取bean属性值（5min）
JSP指令与动作的应用--读者选购图书（15min）
教学
重点
难点
JSP动作
jsp:
useBean动作
讨论
练习
作业
制作一个页面，页面的背景颜色，文字的大小、字体和颜色可以根据用户的选择来实施。
界面如图7-17所示，要求应用JavaBean完成。
参考
资料
《Web技术应用基础》樊月华等清华大学出版社2016
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2004
教研室
主任
审批意见
教学
升级会员 