《WEB应用系统开发》教学大纲
（2013版）
课程编码：0611102204
课程名称：WEB应用系统开发
学时/学分：64/4
先修课程：《算法与数据结构》、《数据库系统原理》
适用专业：计算机科学与技术
开课教研室：软件工程教研室
执笔：
审定：
一、课程性质与任务
1．课程性质：Web应用系统开发是计算机科学与技术专业的一门专业必修课，是一门理论与实践结合的课程。通过本课程的学习，学生对各类Web开发技术及其应用发展趋势有一个全面的认识和把握，通过掌握Web站的构建技术和Web编程的基本技能，提高学生基于Web的信息系统设计开发的综合能力。重点培养学生的实际动手能力，同时，也是对学生所学的理论基础和专业基础一个比较综合的检验。
2．课程任务：通过课程学习和实验教学的锻炼使学生掌握HTML5技术、CSS3技术，JavaScript等技术。了解.Net技术的基本理论，理解基于.Net平台的系统开发方法。基于.Net的Web应用开发方法和常用技术。通过实验教学培养学生熟练运用.Net技术进行开发和WEB应用，更能提高学生综合运用所学的知识解决工程实际问题，使理论在实践过程中得到深化，为学生走入社会从事科研和开发工作打下坚实的基础。
二、课程教学基本要求
由于本课程主要介绍html+CSS+Javascript 的前端开发和ASP.NET的后台数据库应用，所以是以课堂讲授与学生自学相结合，建议采用多媒体教学辅助手段或直接在机房讲课，并辅以上机课。
本课程共计学时：64，理论学时48，实践学时16。
成绩考核方式：机试开卷。
课程总成绩评定：期末总成绩由平时成绩和期末理论考试成绩共2部分组成，平时成绩占30%，期末考试成绩占70%。
三、课程教学内容
第一章 HTML5的元素与属性
1.教学基本要求
理解和掌握HTML5的语法变化、新增的元素和废除的元素、全局属性。了解新增的属性和废除的属性。
2.要求学生掌握的基本概念、理论、技能
通过本章教学使学生了解HTML5的元素与属性。主要包括HTML5的语法变化；新增的元素和废除的元素和属性；全局属性。
3.教学重点和难点
教学重点：新增的元素和全局属性。教学难点是全局属性。
4.教学内容
（1）HTML5的语法变化
主要知识点：HTML5中的标记方法、HTML5与之前版本的不同。
（2）新增的属性和废除的属性
主要知识点：新增的结构元素、新增的行内(inline)语义元素、新增的块级(block)语义元素、新增的input元素的类型、新增的多媒体元素与交互性元素、废除的元素、新增的属性和废除的属性
（3）全局属性
主要知识点：designMode属性、hidden属性、contentEditable属性、tabindex属性、spellcheck属性
第二章 表单与文件
1.教学基本要求
理解和掌握表单的基本元素、表单新增元素、文件的选择。了解拖放API的应用、dataTransfer对象、设置拖放效果、设置拖放图标。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生掌握表单的基本元素、表单新增元素，主要表单新增元素、新增表单元素与属性、验证表单、新增和改良的页面元素、使用FileReader对象读取文件。
3.教学重点和难点
教学重点是常表单的基本元素、表单新增元素。教学难点是文件的选择和读取。
4.教学内容
（1）表单
主要知识点：表单标记及其属性、表单基本元素、表单新增元素、新增表单元素与属性、验证表单、新增和改良的页面元素
（2）文件与拖放
主要知识点：选择文件、使用FileReader对象读取文件。
（3）拖放API的使用
主要知识点：实现拖放的步骤、拖放实例、dataTransfer对象、设置拖放效果、设置拖放图标
第三章 HTML5的数据存储
1.教学基本要求
理解和掌握WebStorage和WebSQL数据库这两种数据存储。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生Web Storage和Web SQL数据库这两种数据存储方式、跨文档消息通信。
3.教学重点和难点
教学重点是Web Storage和Web SQL数据库这两种数据存储方式。教学难点是跨文档消息通信。
4.教学内容
（1） Web Storage
主要知识点：Web Storage 的API，JSON对象的存储。两种不同存储类型的实例——计数器。
JSON对象的存储实例——用户信息卡。
（2） Web SQL
主要知识点：Web SQL Database API的使用。
（3）跨文档消息通信
主要知识点：postMessageAPI的使用，跨文档消息传输，综合实例——简单的Web留言本。
第四章 离线Web应用和地理定位
1.教学基本要求
理解和掌握离线Web应用，了解地理定位。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生掌握离线Web应用，applicationCach对象，GeolocationAPI。
3.教学重点和难点
教学重点是离线Web应用。教学难点是applicationCach对象。
4.教学内容
（1）HTML5离线Web应用
主要知识点：创建HTML5离线应用、创建缓存清单，配置IIS服务器，浏览缓存清单。浏览器与服务器的交互、applicationCache对象。
（2）获取地理位置
主要知识点：GeolocationAPI概述、position对象的属性。
第五章 CSS3基础及应用
1.教学基本要求
理解和掌握CSS3新特性，CSS3选择器，CSS字体与文本相关属性，CSS3美化背景与边框。了解变形与动画相关属性。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生熟练掌握CSS3新特性，CSS3选择器，CSS字体与文本相关属性。
3.教学重点和难点
教学重点是CSS3选择器，CSS字体与文本相关属性，CSS3美化背景与边框。教学难点是CSS3选择器的使用。
4.教学内容
（1）CSS3基础
主要知识点：CSS3新特性，CSS3选择器，属性选择器，结构性伪类选择器，UI元素状态伪类选择器，通用兄弟元素选择器
（2）CSS字体与文本相关属性
主要知识点：text-shadow属性的使用方法、指定多个阴影、文本相关属性、文本自动换行：word-break、长单词和URL地址换行、CSS 3新增的服务器字体、使用服务器字体、定义粗体、斜体字、优先使用客户端字体、使用font-size-adjust属性微调字体大小
（3）CSS3美化背景与边框
主要知识点：设置背景颜色、设置背景图、CSS 3新增的与背景相关的属性、设置边框的线宽、设置边框的样式、设置边框的颜色、边框综合属性、CSS 3新增的与边框相关的属性、设置内边距、设置外边距
第六章 JavaScript语言基础
1.教学基本要求
理解和掌握搭建JavaScript开发环境，在HTML中的使用，JavaScript语言基础；了解JavaScript概貌。
2.要求学生掌握的基本概念、理论、技能
通过本章教学使学生掌握JavaScript语言的基础语法，运算符与表达式，流程控制语句，函数的定义和调用，能够编写简单的JavaScript函数。
3.教学重点和难点
教学重点是运算符与表达式、流程控制语句、函数的定义。
教学难点是函数的定义。
4.教学内容
（1）JavaScript概述
主要知识点：JavaScript的主要特点、JavaScript成功案例、搭建JavaScript开发环境、浏览器对JavaScript的支持、编写JavaScript的工具、JavaScript在HTML中的使用、在页面中直接嵌入JavaScript、链接外部JavaScript
（2）JavaScript语言基础
主要知识点： 标识符、关键字、常量、变量、数字型数据、字符串型数据、布尔型数据、特殊数据类型、数据类型的转换规则、运算符与表达式、表达式
（3）流程控制语句
主要知识点：流程控制语句、条件控制语句、循环控制语句、跳转语句
（4）函数
主要知识点：函数的定义、函数的调用、几种特殊的函数
第七章 内置对象及事件处理
1.教学基本要求
掌握字符串对象String、常用的数值处理对象、数组对象、DOM对象。理解文档(document)对象、窗口(window)对象、事件处理。
2.要求学生掌握的基本概念、理论、技能
通过本章教学使学生熟练掌握JavaScript内置对象，文档(document)对象、窗口(window)对象、数组对象、DOM对象，能够对表单相关事件、鼠标键盘事件、页面事件进行处理。
3.教学重点和难点
教学重点是JavaScript内置对象、事件处理。
教学难点是事件处理。
4.教学内容
（1）字符串对象String
主要知识点：search方法、match方法、split方法、replace方法
（2）常用的数值处理对象
主要知识点：Math对象、Number对象、Boolean对象、Date对象
（3）数组对象
主要知识点：数组对象Array、常用的数组操作方法、获取数组中的某段数组元素、将数组转换成字符串
（4）文档(document)对象
主要知识点：文档对象的常用属性、方法与事件、Document对象的应用
（5）窗口(window)对象
主要知识点：窗口对象的常用属性与方法、控制窗口、窗口事件
（6）DOM对象
主要知识点：DOM对象节点属性、操作节点、获取文档中的指定元素
（7）事件处理
主要知识点：事件与事件处理概述、DOM事件模型、表单相关事件、鼠标键盘事件、页面事件
第八章 ASP.NET动态网页开发技术
1.教学基本要求
理解.NET Framework的机制、ASP.NET动态网页的运行机制、页面的基本构成及网页语法。主要掌握ASP.NET数据绑定控件——GridView控件，了解DataList控件的使用。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生掌握ASP.NET中数据绑定控件的使用，能够使用GridView控件从数据库中读取数据，并使用CSS对其合理布局。
3.教学重点和难点
教学重点是GridView控件的使用。教学难点是GridView控件的使用。
4.教学内容
（1）.Net的基本概念及组成
主要知识点：.Net Framework 的构成及技术要点；静态网页、动态网页
（2）ASP.NET网页语法
主要知识点：ASP.NET网页扩展名；页面指令；ASPX文件内容注释；服务器端文件包含；HTML服务器控件语法；代码块语法；表达式语法。
（3）GridView控件
主要知识点：GridView72的使用技巧。包括：制定GridView控件的列；查看GridView控件中数据的详细信息；使用GridView控件分页显示数据； 在GridView控件中排序数据 ；在GridView控件中实现全选和全不选功能 ；在GridView控件中对数据进行编辑操作；图片的显示；超链接列的设置。
（4）DataList控件
主要知识点：DataList控件概述；使用DataList控件绑定数据源；分页显示DataList控件中的数据；查看DataList控件中数据的详细信息；在DataList控件中对数据进行编辑操作。
第九章 综合实例——旅游信息网
1.教学基本要求
理解一个网站基本开发的步骤。掌握Html+CSS+javascript在网页前端的应用，ASP.NET数据绑定控件——GridView控件。
2.要求学生掌握的基本概念、理论、技能
通过本章学习使学生掌握Html+CSS+javascript在网页前端的应用，能够将前端的数据写入到数据库中，也可以从数据库将数据读取。
3.教学重点和难点
教学重点是Html+CSS+javascript在网页前端的应用。
教学难点是javascript事件的处理，ASP.NET数据的读取。
4.教学内容
（1）需求分析
主要知识点： 旅游信息网的功能分析
（2）系统设计
主要知识点： 系统目标、网站预览。
（3）关键技术
主要知识点：网站主题结构设计、HTML5结构元素的使用
（4）网站公共部分设计
主要知识点：设计网站公共header、设计网站公共footer
（5）网站首页设计
主要知识点：显示网站介绍及相关图片、主页左侧导航的实现
（6）“留下足迹”页面设计
主要知识点：播放音乐功能的实现、留言功能的实现
四、学时分配表
1.讲授内容及学时分配
|
章序 |
内容 |
课时 |
备注 |
|
一 |
HTML5的元素与属性 |
4 |
|
|
二 |
表单与文件 |
4 |
|
|
三 |
HTML5的数据存储 |
4 |
|
|
四 |
离线Web应用和地理定位 |
4 |
|
|
五 |
CSS3基础及应用 |
4 |
|
|
六 |
JavaScript语言基础 |
6 |
|
|
七 |
内置对象及事件处理 |
4 |
|
|
八 |
ASP.NET动态网页开发技术 |
8 |
|
|
九 |
综合实例——旅游信息网 |
10 |
|
|
合计 |
|
48 |
|
2.实践内容及学时分配：
|
序号 |
项目 名称 |
内容提要 |
学时 |
必/选开 |
|
1 |
HTML5的元素与属性 |
Html5 新增元素、新增属性的应用 |
2 |
必开 |
|
2 |
注册页面 |
1．表单的应用。 2．文件读取。 |
2 |
必开 |
|
3 |
Web记事本 |
1．web数据存储。 2．JS时间的获取。 |
2 |
必开 |
|
4 |
Google地图应用 |
1．离线Web应用。 2．地理定位。 |
2 |
必开 |
|
5 |
企业门户首页设计 |
CSS3的应用 |
2 |
必开 |
|
6 |
JS小游戏 |
Javascript的应用 |
2 |
必开 |
|
7 |
用户信息页面设计 |
使用GridView读取数据库 |
2 |
必开 |
|
8 |
旅游信息网 |
综合应用，前端技术和后端动态网页技术的结合 |
2 |
必开 |
|
合计 |
|
|
16 |
|
五、主用教材及参考书
（一）主用教材：
《HTML5应用开发与实践》 主编：彭纳新 支援 出版社：人民邮电出版社 出版时间：2013年
（二）参考书：
1.《精通ASP.NET 4.0网络编程》 主编：孙继磊 出版社：清华大学出版社 出版时间：2011年。
2.《响应式Web设计：HTML5和CSS3实战》 主编：（英）弗雷恩 著，王永强 译 出版社：人民邮电出版社 出版时间：2013年。
3. 《精通HTML5 + CSS3+JavaScript网页设计》 主编：刘增杰 出版社：清华大学出版社 出版时间：2011年。