信息科学技术学院本科课程教学大纲 《web应用系统开发》教学大纲 一、基本信息 课程名称 Wcb应用系统开发 课程编号COST4143 英文名称 Design and Development of Web Applicatio 课程类型 本专业推荐选修课 总学时36理论学时 实验学时 1 实学时 学分 预修课程 面向对象的程序设计、 适用对象 、信息、信科 本科生 W应用系统开发就是开发基于网页的应用系统。本教程从W中基本概念以及静态网 殖的制作入手，地深入，较详细日 Web应用系统开发多 以 L语以及CsS样武表实现静态网页开发、以 网页中的 果程简介 以ASP为楼心若重介绍动态网页开发技术，全面学习有关网页设计、客户端编程、服务器端 编程等技术。最后，通过实例模拟网站创建的全过程，并介绍网站创建后的推广技术以及网 站的管理、维护与安全知识。 二、教学目标及任务 网工等本 科专 本课程的学 学生掌捏 定网络知 程序设计知识的基础上进 发我 草强相关的主要知识点 架程教学 发中能够灵 技术、客户端及服多器 所需要的网设计 二)从能力方面，应使学生然练学提相关基本知识及开发技能。具体为：能自己设计 b网站，能根 据相关环境及技术要求选择合适的开发技术及工只，完成中网的搭建及实现， （三)从教学方面，本课程要实现教、学、做相结合，采用案例和理论教学相结合，以能力培养为中心和出 发点，在教学的过程中，注重发挥学生的主观能动性，精讲多练，启发学生思考，培养学生分析问愿的能力和实 际的编程能力. 三、学时分配 教学课时分配 章节内笔 实验实 合计 二 第三 S层叠样式表 第四喜 Java Seript脚本语 第五育 ASP/ASP.N 9 第六章 网站开发流程及实例 合 36 四、教学内容及教学要求 第一章Wb应用系统开发简介 筑一书B/S机制 1,了解HTTP协议工作机制 2。理解测览器/服务器工作模型 第二节网站平台的搭建技术 1,了解目前常用的平台搭建技术及特点 2。了解不问计算机环境下平台搭建的选择技巧 185
信息科学技术学院本科课程教学大纲 185 《Web 应用系统开发》教学大纲 一、基本信息 课程名称 Web 应用系统开发 课程编号 COST4143 英文名称 Design and Development of Web Application System 课程类型 本专业推荐选修课 总学时 36 理论学时 24 实验学时 12 实践学时 学 分 2 预修课程 面向对象的程序设计、 C 语言程序设计 适用对象 计科、网工、信息、信科 专业本科生 课程简介 Web 应用系统开发就是开发基于网页的应用系统。本教程从 Web 基本概念以及静态网 页的制作入手，逐步深入，较详细的讲解了 Web 应用系统开发多方面的内容。具体的，以 HTML 语言以及 CSS 样式表实现静态网页开发、以 JavaScript 语言介绍网页中的脚本编程、 以 ASP 为核心着重介绍动态网页开发技术，全面学习有关网页设计、客户端编程、服务器端 编程等技术。最后，通过实例模拟网站创建的全过程，并介绍网站创建后的推广技术以及网 站的管理、维护与安全知识。 二、教学目标及任务 本课程适用于计科、网工等本科专业。本课程的学习应在学生掌握一定网络知识、程序设计知识的基础上进 行。通过本课程的学习，主要使得学生对 web 网站的开发技术能够有一个全面的了解，掌握相关的主要知识点， 在信息组织及系统开发中能够灵活运用相关技术进行基于 B/S 结构的 web 网站的应用开发。 课程教学目的、要求： （一）从内容上，使学生理解 B/S 结构下 web 网站开发的基本概念，掌握开发 web 网站的所需要的网页设计 技术、客户端及服务器端编程技术及相关开发工具的使用，熟悉设计开发 web 网站的流程及开发规范。 （二）从能力方面，应使学生熟练掌握相关基本知识及开发技能。具体为：能自己设计一个 web 网站，能根 据相关环境及技术要求选择合适的开发技术及工具，完成 web 网站的搭建及实现。 （三）从教学方面，本课程要实现教、学、做相结合，采用案例和理论教学相结合，以能力培养为中心和出 发点，在教学的过程中，注重发挥学生的主观能动性，精讲多练，启发学生思考，培养学生分析问题的能力和实 际的编程能力。 三、学时分配 教学课时分配 章 节 章节内容 讲课 实验 实践 合计 第一章 Web 应用系统开发简介 2 2 第二章 HTML 语言 4 2 6 第三章 CSS 层叠样式表 4 2 6 第四章 JavaScript 脚本语言 6 3 9 第五章 ASP/ASP.NET 技术 6 3 9 第六章 网站开发流程及实例 2 2 4 合 计 24 12 36 四、教学内容及教学要求 第一章 Web 应用系统开发简介 第一节 B/S 机制 1．了解 HTTP 协议工作机制 2．理解浏览器/服务器工作模型 第二节 网站平台的搭建技术 1．了解目前常用的平台搭建技术及特点 2．了解不同计算机环境下平台搭建的选择技巧
信息科学技术学院本科课程教学大纲 平台搭建技术及其构建过程 站的准备工作内容 理解如何进 场分析、确定建站目的、及进行相关的技术准备工作 本学零求：理解BS机制， 第一章HTL语言 第一节HTML基础 1.HTML简介 2,HTML标记语法及文档结构 第二节HTML的基本语法 1.标愿和段落 2.文字标签 3.列表 4.超级链接 5.表格 6.图像 第三节HTML语言高级应用 1,框架 2.表单 ,网页中加入音频和视频 本章点、难点上重 用TML语设计静态网页，利用标签属性更改网页文字、图像、表格等的样式：难 各种标签以及标签属性的作用 本敏学要 了解HTML语言的发展历史：理解HTM语言的标记语法和文档结构：掌握最常用的标签以及 样武表的基本概念 ,CsS样式表的发展历 ,为网页添加样式表的方法 2.用CSS定义样式 本兼重点、难点：重点 -用CsS样式表设计网页样式：难点一CSS样式表定义方式 本章数学要求：了解CSS样式表的基本概念，幸报为网页添加样式表的方法。 第四音lavaScrint知本语言 第一节客户境舆本编程以及JavaScript葡介 1,理解客户端编程的运行原理、模式、作用 2。了解常用脚本编程语言及特点。 3.Javascript语言发展历史，Javascript语言基于对象和事件驱动的特性，Javaseript的安全性，将JavaScript 引入网页。 第二节Javascript基本语法 1.Javascripti语言基本知识和语法规则，掌握函数的设计 第三节DOM结构 1.理解DOM结构及解析方法，理解采用面向对象编程技术进行客户端编程开发原理。 草理笋件整动编程万法 本章重点、难点：重点 -JAVASCRIPT基本语法、事件驱动、DOM:难点 DOM、综合应用 本童教学要求L了解JavaScript脚本语言的基本知识：掌握JavaScript的基本语法和函数设计方法，能够根据要求 186
信息科学技术学院本科课程教学大纲 186 3．掌握一种平台搭建技术及其构建过程 第三节 网站规划 1．熟悉创建网站的准备工作内容 2．理解如何进行网站市场分析、确定建站目的、及进行相关的技术准备工作 3．掌握规划建站的步骤 本章重点、难点：重点——B/S 机制原理及工作过程、难点——平台搭建技术及其选择 本章教学要求：理解 B/S 机制，了解网站开发的内涵及规划建站的步骤，掌握至少一种网站平台搭建技术及配置 方法。 第二章 HTML 语言 第一节 HTML 基础 1．HTML 简介 2．HTML 标记语法及文档结构 第二节 HTML 的基本语法 1．标题和段落 2．文字标签 3．列表 4．超级链接 5．表格 6．图像 第三节 HTML 语言高级应用 1．框架 2．表单 3．网页中加入音频和视频 本章重点、难点：重点——用 HTML 语言设计静态网页，利用标签属性更改网页文字、图像、表格等的样式；难 点——熟悉各种标签以及标签属性的作用。 本章教学要求：了解 HTML 语言的发展历史；理解 HTML 语言的标记语法和文档结构；掌握最常用的标签以及 标签属性的设置。 第三章 CSS 层叠样式表 第一节 CSS 概述 1．CSS 样式表的基本概念 2．CSS 样式表的发展历史 第二节 为网页添加样式表 1．为网页添加样式表的方法 2．用 CSS 定义样式 本章重点、难点：重点——用 CSS 样式表设计网页样式；难点——CSS 样式表定义方式。 本章教学要求：了解 CSS 样式表的基本概念，掌握为网页添加样式表的方法。 第四章 JavaScript 脚本语言 第一节 客户端脚本编程以及 JavaScript 简介 1．理解客户端编程的运行原理、模式、作用。 2．了解常用脚本编程语言及特点。 3．Javascript 语言发展历史，Javascript 语言基于对象和事件驱动的特性，Javascript 的安全性，将 JavaScript 引入网页。 第二节 Javascript 基本语法 1．Javascript 语言基本知识和语法规则，掌握函数的设计 第三节 DOM 结构 1．理解 DOM 结构及解析方法，理解采用面向对象编程技术进行客户端编程开发原理。 2．掌握事件驱动编程方法 本章重点、难点：重点——JAVASCRIPT 基本语法、事件驱动、DOM；难点——DOM、综合应用 本章教学要求：了解 JavaScript 脚本语言的基本知识；掌握 JavaScript 的基本语法和函数设计方法，能够根据要求
信总科学技术学院本科课程教学大纲 代码完成相关功能：理解DOM结构， 第一节ASP技术 理解ASP工作原理 2.熟悉VBSCRIPT陶本语法 3,苹捉ASP中常用内外置对象及其使用方法 拉一转TFm ork瓶述 L,了解NET框架背景及其语言 2,理解公共语言运行时的概念及其特点 3。熟采公北语言塑均的阻理 第三节ASP.NET简介 1.理解ASP.NET基本原理 2.掌捏ASPNET文档及其后台代码文件分离的优点及书写方法. 第四节ASP.NET控件 1.熟悉HTML控件 2.理解DOM对象模型，掌程元素和属性数据读取方法 3.理解ASPNET文档的生命周期 4,理解贞而级事件及其编程应用 5.理解控制事件 举握WEB控件及其响应输出机制 本章重点、难点：重店 ASPNET编程原理及其应用： 难点 一事件编程、数据库访问。 本章教学要求：理解AS T编程原理，能够理解并掌握开发基于数据库的ASP.NET应用级网站， 草网站 第 ,一节网站开发流 不节应注意的 结合软件工程及MS开发方法，热悉软件设计与开发阶段，包括需求分析、系统设计、实施等各阶段的 特点 完成的任务 第二节实例 个完整的网络书店管理系统的开发，要求学生掌握实际开发流程及各阶段应完成的工作。 本意重点、难点，站的开发流程 本章散学要求：了解网站开发流程及各环节应该注意的问题。 实验一静态网页的制作 练习使用HML语言的标签设计静态网页，通过设置标签的属性改变网页的样式。 数学要求：要求学生能够较然练的使用HML标签以及设置标签属性。 本次实验重点、难点：HTML标签、属性。 实验一CS层悬样式表的蓝习 练习和使用CSS样式表设计网顶样式 数学要求：要求学生能够熟练掌提在网页中使用CSS样式表的方法，通过样式表实现对网页文字、版式、图像效 果等的精细控制，美化网页外观。 本次实验重点、难点：多种CSS样式表形式的综合使用， 实验三JavaScript脚本语言操作DOM对象模型练习 练习和使用JAVASRIPT对DOM的操纵.要求在热练掌握JavaScript语法基础上，掌握DOM概念，热悉 DOM对象体系，加深对DOM及其构造树概念和特点的理解。 数学婴求，要求学生能够通过JavaScript完成对窗体、网页元素、属性等的操纵，动态改变客户端网页的相关属 性特征，验证操作结果。 本达实验点、难点：DOM对象体系，DOM对象体弱 实验四JavaScript对象化变成 ASP.NET编程环境调试与使用 理解其编程 特点及模式 进一步练习JavaScript对象化编程.练习.NET FrameWork的安转及调试，理解ASP.NET与ASP及其他服务 187
信息科学技术学院本科课程教学大纲 187 编写 Javascript 代码完成相关功能；理解 DOM 结构。 第五章 ASP/ASP.NET 第一节 ASP 技术 1．理解 ASP 工作原理 2．熟悉 VBSCRIPT 脚本语法 3．掌握 ASP 中常用内外置对象及其使用方法 第二节 .NETFamework 概述 1．了解.NET 框架背景及其语言 2．理解公共语言运行时的概念及其特点 3．熟悉公共语言架构的原理 第三节 ASP.NET 简介 1．理解 ASP.NET 基本原理 2．掌握 ASP.NET 文档及其后台代码文件分离的优点及书写方法。 第四节 ASP.NET 控件 1．熟悉 HTML 控件 2．理解 DOM 对象模型，掌握元素和属性数据读取方法 3．理解 ASP.NET 文档的生命周期 4．理解页面级事件及其编程应用 5．理解控制事件 6．掌握 WEB 控件及其响应输出机制 本章重点、难点：重点——ASP.NET 编程原理及其应用；难点——事件编程、数据库访问。 本章教学要求：理解 ASP.NET 编程原理，能够理解并掌握开发基于数据库的 ASP.NET 应用级网站。 第六章 网站开发流程及实例 第一节 网站开发流程简 1．熟悉网站开发流程及各环节应注意的问题。 2．结合软件工程及 MIS 开发方法，熟悉软件设计与开发阶段，包括需求分析、系统设计、实施等各阶段的 特点及应完成的任务。 第二节 实例 1．通过一个完整的网络书店管理系统的开发，要求学生掌握实际开发流程及各阶段应完成的工作。 2．演示该网络书店管理系统。 本章重点、难点：网站的开发流程。 本章教学要求：了解网站开发流程及各环节应该注意的问题。 实验一 静态网页的制作 练习使用 HTML 语言的标签设计静态网页，通过设置标签的属性改变网页的样式。 教学要求：要求学生能够较熟练的使用 HTML 标签以及设置标签属性。 本次实验重点、难点：HTML 标签、属性。 实验二 CSS 层叠样式表的练习 练习和使用 CSS 样式表设计网页样式。 教学要求：要求学生能够熟练掌握在网页中使用 CSS 样式表的方法，通过样式表实现对网页文字、版式、图像效 果等的精细控制，美化网页外观。 本次实验重点、难点：多种 CSS 样式表形式的综合使用。； 实验三 JavaScript 脚本语言操作 DOM 对象模型练习 练习和使用 JAVASRIPT 对 DOM 的操纵。要求在熟练掌握 JavaScript 语法基础上，掌握 DOM 概念，熟悉 DOM 对象体系，加深对 DOM 及其构造树概念和特点的理解。 教学要求：要求学生能够通过 JavaScript 完成对窗体、网页元素、属性等的操纵，动态改变客户端网页的相关属 性特征，验证操作结果。 本次实验重点、难点：DOM 对象体系。DOM 对象体系 实验四 JavaScript 对象化变成；ASP.NET 编程环境调试与使用——理解其编程特点及模式 进一步练习 JavaScript 对象化编程。练习.NET FrameWork 的安装及调试，理解 ASP.NET 与 ASP 及其他服务
信息科学技术学院本科课程教学大纲 器端编程工具的区别与联系，理解公共语言运行时及公共语言架构的原理与特点，了解ASP.NET环境下的编程思 本学要求：要求学生综合mS 体为述用ASP完成实现的 运行特点的对比，理解ASPNET的 k的安装与使用、公共语言运行时机制 验五 中的WEB按件与输入输出机制实验 、CheckBoxlist、DropDownList、.Table TextBox等。理 Web控件与传统HTML元泰之间的区别与联系，理解WEB控件编程的特点及其优势。 ,堂基于ASP NET的 问响应机制，同时让学生体会和学握页面更新及回显机制及运行过程，理解ASP.NET中的数据流及回显机理，加 深对ASPNET环境下的线程特点。同时进一步掌握面向对象编程的方法 教坐要求要求学生完成一个完全由WEB控件组成的注册会员的页面表单窗体，并进行一些简单的响应。要求 学生在创建注册页而的基瑞上，编程获取老单数趣并讲行相关的处理（回显、存入数据佐等） 本次实验重点、难点：常用WEB控件、WEB控件与传统HTML元素的区别：数据获取及处理、提交过程的理解 实验六综合网站的课程设计实验（系统分析/设计程序设计/集成调试实施） 通过本实验，让学生能够综合运用上述技术（网页制作、网络编程等），独立设计和开发中小型网站，加强 学生的实际动手能力和提高学生的综合素质，了解基于数据库的网络应用系统的开发步露，加深对网络编程开发 的理解。 教学要求：在给定的设计型实验选避中，确立一个项目课题，撰写该网络开发项目的系统分析和设计报告，完成 相关前台星现、中层逻辑、后台数据库的设计编码工作，完成最终的调试，实现该系统的既定功能。 本次实验重点、难点：综合应用、编程实现。 五、考核方式及要求 本课程考核方式采用开卷考试方式，重在考查学生利用所学知识灵活设计W山应用系统的能力，最终的成绩 分为两部分：平时成绩(30%)+考试成绩(0%)，平时成绩由实验课作业和到课情况综合计算。 六、推荐教材及教学参考书 《网站设计与Wb应用开发技术》，吴伟敏编若，清华大学出版社，2009年，标准书号：9787-302-19178-0。 《ASP NET网页设计与网站开发》， 人民邮出板社2007年。标准书号， 978-7.115-16493-3. 然老书. 《Wb程序设计》（第四版），刘伟琴等译，清华大学出版社，2008年，标准书号：978-7-302-175490。 《HM1标准教程》，胡艳洁编喜，中国青年出版社，2004年，标准书号：7-5006-4203-2。 七、说明 大钢修订人：徐离 大审定人：任守
信息科学技术学院本科课程教学大纲 188 器端编程工具的区别与联系，理解公共语言运行时及公共语言架构的原理与特点，了解 ASP.NET 环境下的编程思 路。 本章教学要求：要求学生综合 JavaScript 内置对象及自定义对象实现一些功能；要求学生在搭建好的支持.NET FrameWork 平台上进行 ASP.NET 的初步编程，并与 ASP 进行代码运行特点的对比，理解 ASP.NET 的先进性优秀， 具体为将前述用 ASP 完成实现的功能用 ASP.NET 实现有什么不同。 本次实验重点、难点：JavaSCript 对象的综合使用；.NET Framework 的安装与使用、公共语言运行时机制。 实验五 ASP.NET 中的 WEB 控件与输入输出机制实验 练习和使用常用的 WEB 控件：Button、CheckBox、CheckBoxlist、DropDownList、Table TextBox 等。理解 Web 控件与传统 HTML 元素之间的区别与联系，理解 WEB 控件编程的特点及其优势。掌握基于 ASP.NET 的访 问响应机制，同时让学生体会和掌握页面更新及回显机制及运行过程，理解 ASP.NET 中的数据流及回显机理，加 深对 ASP.NET 环境下的编程特点。同时进一步掌握面向对象编程的方法。 教学要求：要求学生完成一个完全由 WEB 控件组成的注册会员的页面表单窗体，并进行一些简单的响应。要求 学生在创建注册页面的基础上，编程获取表单数据并进行相关的处理（回显、存入数据库等）。 本次实验重点、难点：常用 WEB 控件、WEB 控件与传统 HTML 元素的区别；数据获取及处理、提交过程的理解。 实验六 综合网站的课程设计实验（系统分析/设计/程序设计/集成调试实施） 通过本实验，让学生能够综合运用上述技术（网页制作、网络编程等），独立设计和开发中小型网站，加强 学生的实际动手能力和提高学生的综合素质，了解基于数据库的网络应用系统的开发步骤，加深对网络编程开发 的理解。 教学要求：在给定的设计型实验选题中，确立一个项目课题，撰写该网络开发项目的系统分析和设计报告，完成 相关前台呈现、中层逻辑、后台数据库的设计编码工作，完成最终的调试，实现该系统的既定功能。 本次实验重点、难点：综合应用、编程实现。 五、考核方式及要求 本课程考核方式采用开卷考试方式，重在考查学生利用所学知识灵活设计 Web 应用系统的能力。最终的成绩 分为两部分：平时成绩（30%）+考试成绩（70%），平时成绩由实验课作业和到课情况综合计算。 六、推荐教材及教学参考书 教 材： 《网站设计与 Web 应用开发技术》，吴伟敏编著，清华大学出版社，2009 年，标准书号：978-7-302-19178-0。 《ASP.NET 网页设计与网站开发》，马骏 党兰学 杜莹，人民邮电出版社，2007 年，标准书号： 978-7-115-16493-3。 参考书： 《Web 程序设计》（第四版），刘伟琴等译，清华大学出版社，2008 年，标准书号：978-7-302-17549-0。 《HTML 标准教程》，胡艳洁编著，中国青年出版社，2004 年，标准书号：7-5006-4203-2。 七、说明 大纲修订人：徐 彦 大纲审定人：任守纲
