Web应用系统开发教案.docx

1、Web应用系统开发教案2015 至2016 学年第 2 学期 Web应用系统开发 课程教案课 程 编 码： _ M045001 总学时/周学时： 48/8 授课年级、专业、班级： 13计科1,2 使用教材： Web技术应用基础 授课教师： 张 弛 本课程教学目的Web应用系统开发是计算机专业的一门实践性课程，其基本任务是使学生通过学习本课程，掌握Web应用的基本概念，Web应用环境的构建技术，HTML语言的基本应用， JavaScript基本应用，JSP运行机制与基本语法，JSP内置对象的使用，Servlet技术基本应用，JDBC及数据库开发技术等。本课程教学要求使学生系统地学习Web应用技术

2、的原理与方法；掌握Web应用系统开发的工具及环境的使用；了解Web应用技术的最新进展。本课程教学方法 课堂讲授+多媒体课件讲学学生创新精神和实践能力培养方法 以实际的Web应用软件系统开发为例，系统并完整地讲解开发Web应用系统所需掌握的各项技术，包括HTML、CSS、JavaScript、JSP、JDBC等。在教学的具体过程，充分调动学生的积极性，参与到教学中。考核方式期末考试：50%课堂笔记：10%课程实验：30%平时表现：10%教学参考资料Web技术应用基础 樊月华等 清华大学出版社 2008JSP应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP应用

3、开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL入门经典 王雨竹 机械工业出版社出版 2013HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008对教案的分析总结周 次1时 间第11周章 节名 称第一章 Web技术概述授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的主要介绍Web技术的基础知识和基本原理，包括计算机网络基础知识、IP地址、域名和统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识等。教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握计算机网络基础知识、IP地址、域名和

4、统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识。教 学内 容(可附另页)1、课程先导 （10min） 介绍本课程的考核方式，课程对于职业发展的重要性，以及以后发展的方向分析。2、Web简介我们这门课叫web应用系统开发，1)什么是Web? （3min）Web全称为world wide web，简称www，中文译名万维网，是一个大规模、联机式的信息储藏场所。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等Web三要素 （5min）1、3、计算机网络基础网络的定义 （2min）Internet

5、 （5min）OSI参考模型 （5min）TCP/IP协议 （10min）4、IP地址、域名和URLIP地址 （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技术应用基础樊月华等 清

6、华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章内容包括计算机网络基础知识、IP地址、域名和统一资源定位器URL，Web的基本概念、工作原理、Web站点的体系结构，Web数据库基础知识等。重点是Web三要素、TCP/IP协议、Web工作机制、Web站点体系结构、Web数据库工作机制。它为后续章节的讲授打下了基础。通过课堂教学的效果看，学生基本上掌握了Web技术的基础知识和基本原理。周 次1时 间第11周章 节名 称第二章 Web应用环境构建技术授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学

7、目 的介绍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）

8、mysql的操作 （15min）教 学重 点难 点安装配置JDK安装服务器软件Tomcat第一个JSP应用讨 论练 习作 业为只有一台计算机的用户、有两台计算机的用户或两台以上计算机的用户策划一个Web应用开发与运行环境安装JSP运行环境需要哪些软件Tomcat服务器软件的默认发布目录是什么参 考资 料Web技术应用基础樊月华等 清华大学出版社 2008JSP应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP应用开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL入门经典 王雨竹 机械工业出版社出版 2013教研室主任审批意见教 学 后 记本章

9、内容包括介绍Web应用系统部署的物理环境和软件环境， Web服务器和数据库系统。重点是安装配置JDK、安装服务器软件Tomcat、和部署第一个JSP应用。它为后续章节的讲授打下了基础。通过课堂教学的效果看，学生基本上掌握了Web应用开发与运行环境的构建。周 次2时 间第12周章 节名 称第三章 基于Web方式的信息系统开发案例网上书店授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的结合网上书店的建设，使学生了解一个Web站点建设的全貌，有助于学生站在全局的高度了解Web技术的应用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握网上书店的系统功能与部署配置。教 学内

10、 容(可附另页)系统功能与系统环境系统功能和使用模式 （5min）系统环境建设 （5min）系统设计系统设计原则 （5min）系统需求分析 （10min）网络及服务器的选择 （5min）系统软件结构 （10min）系统功能设计“网上书店管理信息系统”的功能 （5min）业务流程设计 （10min）用户界面设计 （10min）数据库设计 （10min）代码设计与实现 （10min）网上书店的安装及使用 （5min）教 学重 点难 点系统需求分析业务流程设计数据库设计代码设计与实现讨 论练 习作 业无参 考资 料Web技术应用基础樊月华等 清华大学出版社 2008JSP应用程序开发指南 Ben F

11、orta,et al(美) 高等教育出版社 2001JSP应用开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL入门经典 王雨竹 机械工业出版社出版 2013教研室主任审批意见教 学 后 记本章内容结合网上书店的建设，使学生了解一个Web站点建设的全貌。重点是系统需求分析、业务流程设计、数据库设计、代码设计与实现。通过课堂教学的效果看，学生基本上了解一个Web站点建设的全貌。周 次2时 间第12周章 节名 称第四章 HTML授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的介绍HTML的常用标签及其使用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握

12、HTML常用标签的使用。教 学内 容(可附另页)HTML概述HTML入门-一个简单HTML案例 （5min）HTML文件的结构 （5min）HTML的标记和元素 （5min）HTML页面结构标记 （5min）HTML页面修饰标记标题文字标记 （5min）文字样式标记 （5min）特定文字样式标记 （5min）段落标记 （5min）页面修饰标记应用案例 （5min）页面多媒体技术图像标记 （5min）背景音乐标记 （5min）音乐和影像文件 （5min）页面多媒体技术应用案例 （5min）表格与列表标记表格标记 （10min）列表标记 （15min）教 学重 点难 点表格标记列表标记讨 论练 习

13、作 业使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如图4-19所示参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章内容为HTML常用标记的使用，包括页面修饰标记、多媒体标记、表格与列表标记。重点是表格与列表标记。通过课堂教学的效果看，学生基本上掌握了各类标记的使用。周 次3时 间第13周章 节名 称第四章 HTML授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的介绍HTML的常用标签及其使用教 学方 法课堂讲授+多媒体课件讲学教

14、学要 求要求掌握HTML常用标签的使用。教 学内 容(可附另页)超链接标记超链接标记 （4min）同一页面间的链接 （3min）链接电子信箱 （3min）超链接应用案例 （5min）表单标记表单的功能 （5min）表单定义标记 （5min）输入标记 （5min）列表框标记 （5min）多行文本框标记 （5min）表单标记应用案例 （5min）窗口框架标记窗口框架的建立 （5min）子窗口的建立 （5min）窗口框架使用案例 （5min）HTML应用案例页面动态刷新 （5min）文字移动 （5min）浮动窗口 （5min）在页面中嵌入Java小程序 （5min）网上书店主界面的实现 （10min

15、）教 学重 点难 点表单标记讨 论练 习作 业制作一个计算器界面，如图4-20所示参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章内容为HTML常用标记的使用，包括超链接标记、表单标记、窗口框架标记，并通过几个实例介绍HTML的高级应用。重点是表单标记。通过课堂教学的效果看，学生基本上掌握了各类标记的使用。周 次3时 间第13周章 节名 称第五章 CSS授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的介绍CSS技术的基本概念、语法及其在页面显示

16、中应用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解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属性

17、定义内部样式表嵌入外部样式表链接外部样式表讨 论练 习作 业使用CSS技术制作一个页面，页面内容及显示格式如图5-5所示参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章内容介绍网页设计中一种较新的技术：CSS，通过CSS可以扩充HML标记的显示属性，同时简化网站的开发、管理和维护。通过课堂教学的效果看，学生基本上理解了CSS的基本概念，掌握了CSS在页面显示方面的应用。周 次4时 间第14周章 节名 称第六章 JavaScript授 课方 式理论课（ ）、实践课（

18、）、实习（ ）教学时数教 学目 的学习JavaScript的基础知识、工作机制及其使用技术教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解JavaScript的基础知识和工作机制，掌握JavaScript的语法，并能应用于实现Web页面的动态效果和交互功能。教 学内 容(可附另页)JavaScript概述JavaScript运行机制 （5min）JavaScript的特点 （5min）JavaScript应用案例-图像互换位置 （5min）JavaScript基本语法在HTML文档中调入或嵌入JavaScript （5min）JavaScript书写格式 （5min）基本数据类型 （5

19、min）JavaScript控制结构和函数JavaScript控制结构 （10min）函数 （5min）JavaScript基本语法应用案例 （5min）JavaScript对象JavaScript对象概述 （5min）自定义对象 （10min）对象属性和方法的引用 （5min）对象的操作 （5min）事件驱动与事件处理 （10min）JavaScript对象应用案例 （5min）教 学重 点难 点JavaScript基本语法JavaScript控制结构和函数JavaScript对象事件驱动与事件处理讨 论练 习作 业使用JavaScript编制一段代码完成如下功能：1 要求输入一个姓名2 用

20、确认框检查输入是否正确3 根据输入给出相应提示参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章介绍JavaScript的基础知识、工作机制及其使用技术。重点是JavaScript基本语法、JavaScript控制结构和函数、JavaScript对象，难点是事件驱动与事件处理。通过课堂教学的效果看，学生基本上理解了JavaScript的基础知识、工作机制，但实际动手能力欠佳。因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。周 次4时

21、间第14周章 节名 称第六章 JavaScript授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的学习JavaScript的基础知识、工作机制及其使用技术教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解JavaScript的基础知识和工作机制，掌握JavaScript的语法，并能应用于实现Web页面的动态效果和交互功能。教 学内 容(可附另页)window对象在JavaScript中的应用window对象的构成 （3min）window对象的属性 （2min）window对象的方法 （3min）window对象的事件 （2min）window对象的应用案例 （5m

22、in）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）

23、教 学重 点难 点window对象在JavaScript中的应用document对象在JavaScript中的应用JavaScript内置对象讨 论练 习作 业制作一个页面，页面上有两个文本框和一个提交按钮，在文本框中输入信息后，用鼠标单击提交按钮，将显示文本框中输入的内容。参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学 后 记本章介绍JavaScript的基础知识、工作机制及其使用技术。重点是window对象在JavaScript中的应用、document对象在JavaSc

24、ript中的应用、JavaScript内置对象。通过课堂教学的效果看，学生基本上理解了JavaScript的基础知识、工作机制，但实际动手能力欠佳。因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。周 次5时 间第15周章 节名 称第七章 JSP运行机制与基本语法授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学目 的介绍JSP运行机制与基本语法教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解JSP运行机制与基本语法，掌握JSP声明、JSP指令和JSP动作及其使用技术。教 学内 容(可附另页)JSP技术概述JSP应用示例 （5min）JSP

25、运行机制 （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文件，应用动作加载刚刚制作的JSP文件，在客户端显

26、示出来，并在客户端的“查看源文件”中观察源文件。参 考资 料Web技术应用基础樊月华等 清华大学出版社 2016JSP应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP应用开发详解 飞思科技产品研发中心 电子工业出版社 2004教研室主任审批意见教 学 后 记本章介绍JSP运行机制和基本语法。重点是JSP工作机制、JSP指令和JSP动作。通过课堂教学的效果看，特别是通过几个实际的例子，学生基本上理解了JSP运行机制，掌握了的使用。周 次5时 间第15周章 节名 称第七章 JSP运行机制与基本语法授 课方 式理论课（ ）、实践课（ ）、实习（ ）教学时数教 学

27、目 的介绍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技术应用基础樊月华等 清华大学出版社 2016JSP应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP应用开发详解 飞思科技产品研发中心 电子工业出版社 2004教研室主任审批意见教 学