下载文档原格式
《Web程序设计》教学大纲一、课程基本信息二、课程目的和任务软件体系结构是根植于软件工程发展起来的一门新兴学科，目前已经成为软件工程研究和实践的主要领域。
专门和广泛地研究软件体系结构是从20世纪90年代才开始的，1993-1995年之间，卡耐基梅隆大学的Mary Shaw与David Garlan，贝尔实验室的Perry,南加州大学的Barry Boehm，斯坦福大学的David Luckham等人开始将注意力投向软件体系结构的研究和学科建设。
三、本课程与其它课程的关系本课程的先修课为《面向对象程序设计》、《数据结构》、《数据库应用》和《软件工程》，为后续课程课程设计、科研训练、毕业设计等打下基础。
四、教学内容、重点、教学进度、学时分配1. Java语言概述（2学时）(1) 主要内容①OOP在软件开发中的地位②IDE 环境下Java Application的开发过程③Java程序工作原理④基本输入输出语句(2) 重点面向对象程序设计的基本思想，Java Application的开发过程。
(3) 教学要求了解：Java Application的应用；理解：Java Application工作原理；掌握：Java Application程序的组成。
2. Java语法基础（4学时）(1) 主要内容①标识符②基本类型③运算符和表达式④控制流程(2) 重点控制流程。
(3) 教学要求理解：程序的执行流程；掌握：控制流程。
3. 面向对象程序设计技术（6学时）(1) 主要内容①面向对象程序设计思想②类③对象④继承⑤访问权限修饰符⑥非访问权限修饰符⑦String类(2) 重点类、继承、String类。
(3) 教学要求理解：面向对象程序设计思想；掌握：类、对象和String类的应用。
4. 数组（2学时）(1) 主要内容①数组（1维，2维）的声明与实例化②Arrays的使用功能③(2) 重点对象数组的构造和数组API的应用。
《WEB程序设计》教学大纲课程名称：WEB程序设计课程学时：48学时（3学分）一、课程简介（150字）本课程是针对计算机科学与技术专业的本科生设计的一门实践性课程。
本课程旨在通过对WEB应用程序开发技术进行理论和实践的学习，使学生能够熟练掌握前端和后端技术，能够独立完成WEB应用程序的设计与开发。
二、课程目标（200字）1. 掌握HTML、CSS和JavaScript等前端开发技术的基础知识和应用技巧；2. 熟悉并掌握常用的后端开发语言，如PHP、Python或Java；3.理解和掌握网站的基本概念与组成结构，能够进行网站的基础设计和开发；4.学会使用常见的开发框架和工具，提高开发效率和程序的可维护性；5.培养学生的动手能力和解决问题的能力，具备独立完成WEB应用程序的开发能力。
三、教学内容（800字）1.前端开发技术基础：a.HTML基础知识与应用；b.CSS基础知识与应用；c. JavaScript基础知识与应用；d.前端开发框架与工具介绍。
2.后端开发技术基础：a.后端开发语言的选择与介绍；b. 常见后端语言的基础知识与应用，如PHP、Python、Java等；c.数据库基础知识与应用；d.后端开发框架与工具介绍。
3.综合实践：a.前后端技术的结合与交互；b.网站基础设计与开发；c.编写简单的WEB应用程序；d.基于实际项目的开发实践。
四、教学方法（150字）1.理论讲授：通过教师讲授相关概念、基础知识、应用技巧等内容，帮助学生理解和掌握相关知识。
2.实践操作：通过实际操作，让学生掌握相关技术的实际应用和开发方法。
3.案例分析：通过分析实际案例，让学生理解相关技术的应用场景和解决问题的方法。
4.项目实践：通过实际项目的开发实践，让学生将所学知识应用到实际项目中，提高实际问题解决能力。
5.讨论交流：鼓励学生在授课过程中提问、讨论，加深对知识内容的理解和运用。
五、教学评价（100字）1.平时作业：根据课程要求布置相关作业，评估学生对基础知识的掌握程度和能力的应用情况。
《Web程序设计》教学大纲学时：6 4适用专业：计算机应用专业—、课程的性质与任务课程性质：本课程是为计算机应用专业开设的一门专业课，课程安排在第四学期，通过讲授目前流行的JSP开发语言，使学生掌握先进的动态网络开发技术。
课程任务：通过本课程的学习，使学生能够掌握JSP编程技术，熟悉JSP语法基础知识、JSP内置对象，熟练运用JSP的文件操作、JSP与数据库的结合、JavaBean技术和Servlet 技术。
课程的重点是JSP开发Web应用程序，如电子商务网站的开发;课程的难点是:JavaBean 技术和Java Servlet技术，通过系统的学习，学生能够利用JSP技术进行网站的设计开发。
二、教学基本要求通过本课程的学习,要求学生能够掌握JSP开发技术，如JSP语法知识、JSP文件操作、 JSP与数据库技术的结合、JSP开发动态Web站点等，并对Web开发技术有深刻的理解和实际的开发能力，具体有：1.具备进行JSP程序的编写、调试能力；2.掌握JSP的基本语法和内置对象；3.熟练运用JSP进行文件操作，运用JSP进行数据库开发；4.掌握JSP的高级开发技术：JavaBeans和Servlet；5.掌握JSP的开发模型MVC；三、教学条件计算机多媒体机房进行教学，学生每人一台高性能计算机硬件要求：高性能计算机一台，最低配置CPU为P4,内存512兆，硬盘700MB以上软件配置：Windows2000、Jbuilder 9. 0、Sql Server2000四、教学内容及学时安排五、教法说明本课程要实现教、学、做相结合，采用项目教学和案例教学，以项目为主线，选取一个完整的、适合的项目贯穿整个教学过程，同时将这个项目分解成不同的案例，通过案例的引入循序渐近、由简单到深入的方式讲解JSP的概念、原理和方法，以案例为学习、强化、培养动手能力的重要手段。
在教学的过程中，注重发挥学生的主观能动性，精讲多练，启发学生思考，培养学生分析问题的能力和实际的编程能力。
《Web程序设计》辅导1Web程序概述1.1CGI程序WEB应用程序一般是B/S模式。
1.2Web mapopenlayers-2.10_ms4w：OpenLayers Examplegeomoose_2.2_ms4wTest vtocx Control。
1.3参考资料CGI书籍Web应用程序：CGI到Web三层系统混合Web网站架设/net/zyk/htmlfiles/conception/conception00199.htm w3school/html/index.asp2HTML Map网页3.1完善HTML地图，增加JS的交互性和地图功能增强3.2JS编程Js猜数游戏及折半查找算法3.3JS编程——OLopenlayers-2.10_ms4w：OpenLayers Example3.4参考资料w3school/js/index.aspopenlayers/4JavaScript HTML DOM 编程（DHTML）4.1HTML文档结构？文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。
Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”（browser wars），双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。
微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。
DOM即是当时蕴酿出来的杰作。
DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：Core DOM定义了一套标准的针对任何结构化文档的对象<TABLE><TBODY><TR><TD>Shady Grove</TD><TD>Aeolian</TD></TR><TR><TD>Over the River, Charlie</TD><TD>Dorian</TD></TR></TBODY></TABLE>XML DOM定义了一套标准的针对XML 文档的对象HTML DOM定义了一套标准的针对HTML 文档的对象。
文档树！HTML DOM Document 对象HTML DOM Anchor 对象4.2HTML读写操作？4.3HTML文档显示？5JavaScript DOM 编程什么是JavaScript？∙JavaScript 被设计用来向HTML 页面添加交互行为。
∙JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
∙JavaScript 由数行可执行计算机代码组成。
∙JavaScript 通常被直接嵌入HTML 页面。
∙JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
∙所有的人无需购买许可证均可使用JavaScript。
真实的名称是ECMAScriptJavaScript 的正式名称是"ECMAScript"。
这个标准由ECMA 组织发展和维护。
ECMA-262 是正式的JavaScript 标准。
这个标准基于JavaScript (Netscape) 和JScript (Microsoft)。
Netscape (Navigator 2.0) 的Brendan Eich 发明了这门语言，从1996 年开始，已经出现在所有的Netscape 和Microsoft 浏览器中。
ECMA-262 的开发始于1996 年，在1997 年7 月，ECMA 会员大会采纳了它的首个版本。
在1998 年，该标准成为了国际ISO 标准(ISO/IEC 16262)。
这个标准仍然处于发展之中。
完整的 JavaScript 参考手册：∙JavaScript 本地对象和内置对象∙Browser 对象（BOM）∙HTML DOM 对象JavaScript 对象参考手册本参考手册描述每个对象的属性和方法，并提供实例。
∙Array∙Boolean∙Date∙Math∙Number∙String∙RegExp∙GlobalECMAScript、DOM 和BOM尽管ECMAScript 是一个重要的标准，但它并不是JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。
实际上，一个完整的JavaScript 实现是由以下 3 个不同部分组成的：∙核心（ECMAScript）∙文档对象模型（DOM）∙浏览器对象模型（BOM）ECMAScriptECMAScript 并不与任何具体浏览器相绑定，实际上，它也没有提到用于任何用户输入输出的方法（这点与C 这类语言不同，它需要依赖外部的库来完成这类任务）。
那么什么才是ECMAScript 呢？ECMA-262 标准（第2 段）的描述如下：“ECMAScript 可以为不同种类的宿主环境提供核心的脚本编程能力，因此核心的脚本语言是与任何特定的宿主环境分开进行规定的... ...”Web 浏览器对于ECMAScript 来说是一个宿主环境，但它并不是唯一的宿主环境。
事实上，还有不计其数的其他各种环境（例如Nombas 的ScriptEase，以及Macromedia 同时用在Flash 和Director MX 中的ActionScript）可以容纳ECMAScript 实现。
那么ECMAScript 在浏览器之外规定了些什么呢？简单地说，ECMAScript 描述了以下内容：∙语法∙类型∙语句∙关键字∙保留字∙运算符∙对象ECMAScript 仅仅是一个描述，定义了脚本语言的所有属性、方法和对象。
其他语言可以实现ECMAScript 来作为功能的基准，JavaScript 就是这样：每个浏览器都有它自己的ECMAScript 接口的实现，然后这个实现又被扩展，包含了DOM 和BOM（在以下几节中再探讨）。
当然还有其他实现并扩展了ECMAScript 的语言，例如Windows 脚本宿主（Windows Scripting Host, WSH）、Macromedia 在Flash 和Director MX 中的ActionScript，以及Nombas ScriptEase。
在 ECMAScript 中，所有对象并非同等创建的。
一般来说，可以创建并使用的对象有三种：本地对象、内置对象和宿主对象。
本地对象ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。
简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。
它们包括：∙Object∙Function∙Array∙String∙Boolean∙Number∙Date∙RegExp∙Error∙EvalError∙RangeError∙ReferenceError∙SyntaxError∙TypeError∙URIErrorJavaScript 高级教程：ECMAScript 引用类型JavaScript 高级教程：ECMAScript Function 类JavaScript 参考手册：Array 对象JavaScript 参考手册：Boolean 对象JavaScript 参考手册：Date 对象JavaScript 参考手册：Number 对象JavaScript 参考手册：String 对象JavaScript 参考手册：RegExp 对象内置对象ECMA-262 把内置对象（built-in object）定义为“由 ECMAScript 实现提供的、独立于宿主环境的所有对象，在 ECMAScript 程序开始执行时出现”。
这意味着开发者不必明确实例化内置对象，它已被实例化了。
ECMA-262 只定义了两个内置对象，即 Global 和 Math （它们也是本地对象，根据定义，每个内置对象都是本地对象）。
相关页面JavaScript 参考手册：Global 对象JavaScript 参考手册：Math 对象宿主对象所有非本地对象都是宿主对象（host object），即由 ECMAScript 实现的宿主环境提供的对象。
所有 BOM 和 DOM 对象都是宿主对象。
JavaScript 高级教程：JavaScript 实现W3School 参考手册：JavaScript 参考手册W3School 教程：HTML DOM 教程下面是w3school介绍《JavaScript 实现》的有关内容，前文已经提到DOM，但那是W3C规范中的例子，着实有点令人费解。
而此处的例子直白地告诉你DOM的意义及JS的实现意义。
/js/pro_js_implement.aspDOMDOM（文档对象模型）是HTML 和XML 的应用程序接口（API）。
DOM 将把整个页面规划成由节点层级构成的文档。
HTML 或XML 页面的每个部分都是一个节点的衍生物。
请考虑下面的HTML 页面：<html><head><title>Sample Page</title></head><body><p>hello world!</p></body></html>这段代码可以用DOM 绘制成一个节点层次图：DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。
用DOM API 可以轻松地删除、添加和替换节点。
1. 为什么DOM 必不可少自从IE 4.0 和Netscape Navigator 4.0 开始支持不同形态的动态HTML（DHTML），开发者首次能够在不重载网页的情况下修改它的外观和内容。
这是Web 技术的一大飞跃，不过也带来了巨大的问题。
Netscape 和微软各自开发自己的DHTML，从而结束了Web 开发者只编写一个HTML 页面就可以在所有浏览器中访问的时期。
业界决定必须要做点什么以保持Web 的跨平台特性，他们担心如果放任Netscape 和微软公司这样做，Web 必将分化为两个独立的部分，每一部分只适用于特定的浏览器。
因此，负责指定Web 通信标准的团体W3C（World Wide Web Consortium）就开始制定DOM。
2. DOM 的各个levelDOM Level 1 是W3C 于1998 年10 月提出的。
