Web应用系统开发教案Word格式文档下载.docx
《Web应用系统开发教案Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《Web应用系统开发教案Word格式文档下载.docx（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
教研室
主任
审批意见
后记
本章内容包括计算机网络基础知识、IP地址、域名和统一资源定位器URL,Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识等。
重点是Web三要素、TCP/IP协议、Web工作机制、Web站点体系结构、Web数据库工作机制.它为后续章节的讲授打下了基础。
通过课堂教学的效果看,学生基本上掌握了Web技术的基础知识和基本原理。
第二章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
本章内容包括介绍Web应用系统部署的物理环境和软件环境，Web服务器和数据库系统.重点是安装配置JDK、安装服务器软件Tomcat、和部署第一个JSP应用。
它为后续章节的讲授打下了基础。
通过课堂教学的效果看，学生基本上掌握了Web应用开发及运行环境的构建.
2
第12周
第三章基于Web方式的信息系统开发案例——网上书店
结合网上书店的建设，使学生了解一个Web站点建设的全貌，有助于学生站在全局的高度了解Web技术的应用
要求掌握网上书店的系统功能及部署配置。
系统功能及系统环境
系统功能和使用模式（5min）
系统环境建设（5min）
系统设计
系统设计原则（5min）
系统需求分析（10min）
网络及服务器的选择（5min）
系统软件结构（10min）
系统功能设计
“网上书店管理信息系统”的功能（5min）
业务流程设计（10min）
用户界面设计（10min）
数据库设计（10min）
代码设计及实现（10min）
网上书店的安装及使用（5min）
系统需求分析
业务流程设计
数据库设计
代码设计及实现
无
《JSP应用程序开发指南》BenForta,etal（美）高等教育出版社2001
本章内容结合网上书店的建设，使学生了解一个Web站点建设的全貌.重点是系统需求分析、业务流程设计、数据库设计、代码设计及实现.通过课堂教学的效果看，学生基本上了解一个Web站点建设的全貌。
第四章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所示
本章内容为HTML常用标记的使用，包括页面修饰标记、多媒体标记、表格及列表标记。
重点是表格及列表标记。
通过课堂教学的效果看，学生基本上掌握了各类标记的使用。
3
第13周
要求掌握HTML常用标签的使用。
超链接标记
超链接标记（4min）
同一页面间的链接（3min）
链接电子信箱（3min）
超链接应用案例（5min）
表单标记
表单的功能（5min）
表单定义标记（5min）
输入标记（5min）
列表框标记（5min）
多行文本框标记（5min）
表单标记应用案例（5min）
窗口框架标记
窗口框架的建立（5min）
子窗口的建立（5min）
窗口框架使用案例（5min）
HTML应用案例
页面动态刷新（5min）
文字移动（5min）
浮动窗口（5min）
在页面中嵌入Java小程序（5min）
网上书店主界面的实现（10min）
制作一个计算器界面,如图4-20所示
本章内容为HTML常用标记的使用,包括超链接标记、表单标记、窗口框架标记,并通过几个实例介绍HTML的高级应用.重点是表单标记。
第五章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所示
本章内容介绍网页设计中一种较新的技术：
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编制一段代码完成如下功能:
1要求输入一个姓名
2用确认框检查输入是否正确
3根据输入给出相应提示
本章介绍JavaScript的基础知识、工作机制及其使用技术。
重点是JavaScript基本语法、JavaScript控制结构和函数、JavaScript对象,难点是事件驱动及事件处理。
通过课堂教学的效果看，学生基本上理解了JavaScript的基础知识、工作机制，但实际动手能力欠佳。
因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。
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内置对象。
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：
include〉动作加载刚刚制作的JSP文件,在客户端显示出来，并在客户端的“查看源文件”中观察源文件。
本章介绍JSP运行机制和基本语法。
重点是JSP工作机制、JSP指令和JSP动作。
通过课堂教学的效果看,特别是通过几个实际的例子，学生基本上理解了JSP运行机制,掌握了的使用.
要求理解JSP运行机制及基本语法,掌握JSP声明、JSP指令和JSP动作及其使用技术。
JSP动作
JSP动作功能（5min）
include动作（10min）
jsp:
forward动作（5min）
plugin动作（10min）
useBean动作
useBean动作功能（10min）
useBean语法规则（10min）
useBean工作过程（10min）
useBean应用实例（10min）
设置和获取bean属性值（5min）
JSP指令及动作的应用——读者选购图书（15min）
制作一个页面，页面的背景颜色,文字的大小、字体和颜色可以根据用户的选择来实施。
界面如图7—17所示，要求应用JavaBean完成。
升级会员 