Web应用系统开发教案

2023至2023学年第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技术应用基础》樊月华等清华高校出版社2023

《JSP应用程序开发指南》BenForta,elal（美）高等教化出版社2023

《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2023

《MySQL入门经典》王雨竹机械工业出版社出版2023

《HTML+CSS+JavaScript好用详解》叶青电子工业出版社2023

对教案的分析总结

周次1时间第11周

章

节第一章Web技术概述

名

称

授

课

方

式理论课(J)、实践课()、实习()焦看

主要介绍Web技术的基础学问和基本原理.，包括计算机网络基础学问、IP地址、

教学

域名和统一资源定位器URL.Web的基本概念、工作原理、Web站点的体系结

目的

构，Web数据库基础学问等。

教

学课堂讲授+多媒体课件讲学

法

方

要求驾驭计算机网络基础学问、IP地址、域名和统一资源定位器

URL,Web的基本概念、工作原理、Web站点的体系结构，Web数据

教

学库基础学问。

要

求

1、课程先导(lOmin)

介绍本课程的考核方式，课程对于职业发展的重要性，以及以

后发展的方向分析。

2、Web简介

我们这门课叫web应用系统开发，

1)什么是Web?(3min)

Web全称为worldwideweb,简称www,中文译名万维网，是一

个大规模、联机式的信息贮存场所。表现为三种形式，即超文本

(hypertext)超媒体(hypermedia)、超文本传输协议(HTTP)

等.

教学Web三要素(5min)

内容1、

3、计算机网络基础

网络的定义(2min)

(可附另Internet(5min)

页)OSI参考模型(5min)

TCP/IP协议(lOmin)

4、IP地址、域名和URL

IP地址(5min)

域名(5min)

URL(5min)

5、Web基础学问

Web工作机制(lOmin)

Web站点体系结构(lOmin)

Web应用开发技术概述(5min)

6、Web数据库

本章内容包括计算机网络基础学问、IP地址、域名和统一资源定位

器URL,Web的基本概念、工作原理、Web站点的体系结构，Web

数据库基础学问等。重点是Web三要素、TCP/IP协议、Web工作机

制、Web站点体系结构、Web数据库工作机制.它为后续章节的讲授

打下了基础。通过课堂教学的效果看，学生基本上驾驭了Web技术

的基础学问和基本原理。

教学

后i己

周次1时间第11周

章

节其次章Web应用环境构建技术

名

称

授

课教学

式

方理论课（J）、实践课（）、实习（）

时数

教

学介绍Web应用系统部署的物理环境和软件环境，包括Web服务器和数据库系统

目

的

教

学课堂讲授+多媒体课件讲学

法

方

要求驾驭Web应用系统部署环境的构建方法。

教

学

要

求

Web运行环境概述

园区内Web运行环境(5min)

模拟Web运行环境(5min)

虚拟Web运行环境(5min)

常用Web运行环境介绍(5min)

JSP应用环境的建立

JSP安装准备工作(5min)

安装配置JDK(lOmin)

教学安装服务器软件Tomcat(lOmin)

第一个JSP应用(15min)

内容mysql数据库系统的安装及测试

niysql安装准备工作(5min)

安装mysql(lOmin)

(可附另mysql的操作(15min)

页)

安装配置JDK

安装服务器软件Tomcat

教学

点第一个JSP应用

重

点

难

为只有一台计算机的用户、有两台计算机的用户或两台以上计算机

的用户策划一个Web应用开发及运行环境

讨安装JSP运行环境须要哪些软件

论

练Tomcat服务器软件的默认发布书目是什么

习

作

业

《Web技术应用基础》樊月华等清华高校出版社2023

参考《JSP应用程序开发指南》BenForta,elal(^)高等教化出版社2023

《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2023

资料《MySQL入门经典》王雨竹机械工业出版社出版2023

教研室

主任

审批看法

本章内容包括介绍Web应用系统部署的物理环境和软件环境，

Web服务器和数据库系统.重点是安装配置JDK、安装服务器软件

Tomcat、和部署第一个JSP应用。它为后续章节的讲授打下了基

础。通过课堂教学的效果看，学生基本上驾驭了Web应用开发及运

行环境的构建.

教学

后i己

周次2时间第12周

章

节第三章基于Web方式的信息系统开发案例一一网上书店

名

称

授

课教学

式

方理论课（J）、实践课（）、实习（）

时数

教

学结合网上书店的建设，使学生了解一个Web站点建设的全貌，有助于学生站在全

目

的局的高度了解Web技术的应用

教

学课堂讲授+多媒体课件讲学

法

方

要求驾驭网上书店的系统功能及部署配置。

教

学

要

求

系统功能及系统环境

系统功能和运用模式（5min）

系统环境建设（5min）

系统设计

系统设计原则（5min）

系统需求分析（lOmin）

网络及服务器的选择（5min）

系统软件结构（lOmin）

系统功能设计

“网上书店管理信息系统”的功能（5tnin）

教学业务流程设计（lOmin）

用户界面设计（lOmin）

内容

数据库设计（lOmin）

代码设计及实现（lOmin）

网上书店的安装及运用（5min）

（可附另页）

系统需求分析

业务流程设计

教

学

重

点数据库设计

点

难代码设计及实现

无

讨

论

习

练

业

作

《Web技术应用基础》樊月华等清华高校出版社2023

参考《JSP应用程序开发指南》BenForta,elal（美）高等教化出版社2023

《JSP应用开发详解》飞思科技产品研发中心电子工业出版社2023

资料《MySQL入门经典》王雨竹机械工业出版社出版2023

教研室

主任

审批看法

本章内容结合网上书店的建设，使学生了解一个Web站点建设的全

貌.重点是系统需求分析、业务流程设计、数据库设计、代码设计及

实现.通过课堂教学的效果看，学生基本上了解一个Web站点建设

的全貌。

教学

后记

周次2时间第12周

童

节第四章HTML

名

称

授

课教学

方

式理论课（J）、实践课（）、实习（）

时数

教学介绍HTML的常用标签及其运用

目的

教

学课堂讲授十多媒体课件讲学

方

法

要求驾驭HTML常用标签的运用.

教

学

要

求

HTML概述

HTML入门一一个简洁HTML案例(5min)

HTML文件的结构(5min)

HTML的标记和元素(5min)

HTML页面结构标记(5min)

HTML页面修饰标记

标题文字标记(5min)

文字样式标记(5min)

特定文字样式标记(5min)

段落标记(5min)

教学页面修饰标记应用案例(5min)

页面多媒体技术

内容图像标记(5min)

背景音乐标记(5min)

音乐和影像文件(5min)

(可附另页)页面多媒体技术应用案例(5min)

表格及列表标记

表格标记(lOmin)

列表标记(15min)

表格标记

列表标记

教学

点

重

点

难

运用HTML制作一个页面，要有背景颜色，页面显示内容及格式如

图4—19所示

讨论

练

习

作

业

《Web技术应用基础》樊月华等清华高校出版社2023

参考《HTML+CSS+JavaScripl好用详解》叶青电子工业出版社2023

资料

教研室

主任

审批看法

本章内容为HTML常用标记的运用，包括页面修饰标记、多媒体标

记、表格及列表标记。重点是表格及列表标记。通过课堂教学的效

果看，学生基本上驾驭了各类标记的运用。

教学

后记

周次3时间第13周

童

节第四章HTML

名

称

授

课教学

方

式理论课（V）、实践课（）、实习（）

时数

教学介绍HTML的常用标签及其运用

目的

教

学课堂讲授十多媒体课件讲学

方

法

要求驾驭HTML常用标签的运用。

教

学

要

求

超链接标记

超链接标记(4min)

同一页面间的链接(3min)

链接电子信箱(3min)

超链接应用案例(5min)

表单标记

表单的功能(5min)

表单定义标记(5min)

输入标记(5min)

列表框标记(5min)

教学多行文本框标记(5min)

表单标记应用案例(5min)

内容窗口框架标记

窗口框架的建立(5min)

子窗口的建立(5min)

(可附另页)窗口框架运用案例(5min)

HTML应用案例

页面动态刷新(5min)

文字移动(5min)

浮动窗口(5min)

在页面中嵌入Java小程序(5min)

网上书店主界面的实现(lOmin)

教

学表单标记

重

点

难

点

讨制作一个计算器界面，如图4-20所示

论

练

习

作

业

参考《Web技术应用基础》樊月华等清华高校出版社2023

《HTML+CSS+JavaScript好用详解》叶青电子工业出版社2023

资料

教研室

主任

审批看法

木章内容为HTML常用标记的运用，包括超链接标记、表单标记、窗

口框架标记,并通过几个实例介绍HTML的高级应用.重点是表单标

记。通过课堂教学的效果看，学生基本上驾驭了各类标记的运用。

教学

后记

周次3时间第13周

章

节第五章CSS

名

称

授

教学

课

方

时数

式理论课（J）、实践课（）、实习（）

教学介绍CSS技术的基本概念、语法及其在页面显示中应用

目的

教

学课堂讲授十多媒体课件讲学

方

法

用.

中的应

面显示

S在页

驭CS

念，驾

本概

的基

CSS

理解

要求

教学

要求

简介

CSS

）

（5min

作用

CSS

）

（5min

结构

件应用

样式文

CSS

式

式的格

定义样

n）

（5mi

定义

CSS

n）

（5mi

属性

CSS

种方式

的4

样式

CSS

应用

n）

（10mi

属性

tyle

中的s

标记

TML

定义H

干脆

in）

（1Om

表

样式

内部

定义

档内

ML文

在HT

in）

（l（）m

表

部样式

嵌入外

教学

in）

（lOm

表

部样式

链接外

in）

（lOm

例

应用案

样式表

内容

in）

（lOm

位

页面定

n