Web程序设计基础课程教学大纲

《Web程序设计基础》课程教学大纲

课程编号：

总学时数：68

总学分数：4

课程性质：专业任选课

适用专业：计算机科学与技术

一、课程的任务和基本要求

本课程系统全面的介绍了Web程序设计所必需的基本知识：HTML、JavaScript和XML，包括各种HTML网页制作标记，包括基本标记、文字和段落、多媒体、列表、表格、超链接、框架、表单、CSS样式表；JavaScript及其应用，XML基本知识及其应用，AJAX技术以及JavaScript框架JQuery框架，每个知识点包括标记的基本语法、说明、以及范例演示，另外还综合各知识点介绍了Web标准、CSS网页布局实例、JavaScript应用实例、Ajax技术以及JavaScript与各类插件等综合内容，另外介绍Dreamweaver、Frontpage等开发工具的使用，通过这些内容，学生可以掌握通过HTML标记语言、JavaScript及JQuery和XML技术开发网页，进行Web程序设计的基本手段和常用方法

通过本课程的学习，使学生掌握HTML标记语言和、CSS、JavaScript语言、JQuery以及XML语言的基础知识，能够了解并应用Dreamweaver、Frontpage等网页开发的必备工具。最终达到能够独立开发基于HTML的静态网站以及Web应用程序的客户端页面，为将来学生从事动态网站、Web应用开发奠定良好的基础。

二、教学内容和要求

1、HTML基本标记

教学内容：HTML基本标记：HTML、HEAD、TITTLE、BODY以及META标记及其相关属性的概念和应用

教学要求：

(1)了解常用的HTML基本标记；

(2)掌握HTML、HEAD、TITTLE、BODY标记及其相关属性的概念和应用

(3)掌握基于META标记设定字符集、网页信息、自动刷新等设置的方法

2、HTML的文字与段落

教学内容：HTML标记中有关文字和段落的相关内容，如：P、BR、FONT、DIV、SPAN 等标记以及标记相关的属性。

教学要求：

(1) 理解并应用HTML标记中有关文字的内容（FONT）以及相关的属性。

(2) 掌握并应用HTML标记中有关段落的内容（P、BR、DIV、SPAN）以及相关的属性。

3、HTML的多媒体与列表

教学内容：HTML标记中关于多媒体和列表相关内容，如：IMG、EMBED、UL、OL 以及相关的属性。

教学要求：

(1) 理解并应用HTML标记中有关多媒体的内容（IMG、EMBED）以及相关的属性。

(2) 掌握并应用HTML标记中有关列表的内容（UL、OL）以及相关的属性。

4、HTML的表格

教学内容：HTML标记中关于表格相关内容，如：TABLE、CAPTION、TH、TR、TD 以及相关的属性。

教学要求：

(1) 理解并应用HTML标记中有关表格的内容（TABLE、CAPTION、TH、TR、TD）以及相关的属性。

(2) 能够应用表格标记和常用手法对HTML其他元素进行排版

5、HTML的超链接和框架

教学内容：HTML标记中关于超链接和框架相关内容，如：A、HREF、TARGET、FRAME、IFRAME以及相关的属性

教学要求：

(1) 理解并应用HTML标记中有关超链接的内容（A、HREF、TARGET）以及相关的属性，能够实践应用各种超链接。

(2) 理解并应用HTML标记中有关框架的内容（FRAME、IFRAME）以及相关的属性。

(3) 能够应用框架标记和常用手法实现常见的商业网页的框架结构和内嵌框架

6、HTML的表单

教学内容：HTML标记中关于表单相关内容，如：FORM、INPUT、BUTTON、TEXTAREA、SELECT以及相关的属性。

教学要求：

(1) 理解并应用HTML标记中有关表单的内容（FORM、INPUT、BUTTON、TEXTAREA、SELECT）

(2)能够应用表单标记和常用手法实现常见的用户输入界面

7、CSS样式表

教学内容：CSS样式表的相关知识，如样式表的定义、引用，一些常见效果的样式表书写

教学要求：

(1) 理解并应用CSS样式表的相关知识

(2) 理解并应用CSS样式表实现一些常见效果

8、JavaScript基础

教学内容：JavaScript的相关知识，包括JavaScript的基本语法知识、JavaScript的核心对象、JavaScript操作CSS以及常见网页动态效果的JavaScript实现

教学要求：

(1) 掌握JavaScript的基本语法知识

(2) 了解、掌握JavaScript的核心对象，能够应用核心对象处理实际应用

(3) 掌握JavaScript操作CSS的方法

(4) 能够应用JavaScript实现常见网页动态效果

9、JavaScript与DOM技术

教学内容：JavaScript的高级技术，包括事件处理机制、基于DOM技术处理表单对象、浏览器对象以及实现与XML的互操作等。

教学要求：

(1) 掌握JavaScript高级技术，理解JavaScript的事件处理机制

(2) 理解DOM机制，能够应用DOM技术处理表单对象和浏览器对象，实现常见的网页功能

(3) 能够应用DOM技术，使用JavaScript操作XML，实现基于JavaScript和XML的常用网页功能

10、HTML开发工具的使用

教学内容：HTML开发工具的相关知识，包括DreamWeaver和Frontpage

教学要求：

(1) 了解DreamWeaver和FrontPage等开发平台的特点

(2) 能够使用DreamWeaver和Frontpage等开发工具设计静态HTML网页

11、XML编程基础

教学内容：XML基础知识，包括XML 的发展历史、XML 的应用范围、基本XML 语法、编写规则和XML文档的特点

教学要求：

(1) 了解XML 的起源、目标和优势了解XML 的应用范围

(2) 熟悉基本的XML 语法

(3) 理解格式正规的XML 文档的特点

(4) 熟悉有效的XML 文档的编写规则

12、基于DOM和JavaScript的XML文档处理

教学内容：与XML文档处理相关的DOM和JavaScript处理机制，包括DOM模型与XML的关系，基于DOM和JavaScript解析与处理XML文档的方法

教学要求：

(1)理解DOM 模型和JavaScript与XML文档的关系

(2)掌握如何使用DOM模型解析XML 文档，生成文档对象

(3)掌握使用JavaScript来操纵基于DOM 模型的XML文档的对象、接口、属性、方法

13、Ajax技术及应用

教学内容：HTML、JavaScript与XML的综合应用技巧，包括传统无刷新页面技术的优缺点、Ajax技术的基本应用、JavaScript与插件的基本应用

教学要求：

(1)理解并能应用传统无刷新页面技术，了解其优缺点

(2)掌握Ajax技术的基本应用

(3)掌握JavaScript与插件的基本应用，包括Java aplet、ActiveX控件和Flash

14、JQuery及应用

教学内容：JQuery的特点、JQuery选择器、JQuery事件、JQuery的AJAX、JQuery 动画、JQuery插件、JQuery多文件上传等应用技术。

教学要求：

(1)理解并能应用JQuery基本技术，实现用户界面的设计。

(2)掌握运用JQuery设计动画、文件上传、插件等设计方法。

三、实践环节和要求

实验目的：

通过上机实验，使学生能够熟练使用HTML标记语言、CSS、JavaScript语言以及XML 语言来开发具有典型意义的静态网页和Web应用程序客户端页面，从而为将来学生从事动态网站、Web应用开发奠定良好的基础

实验项目和学时分配：

1、HTML基础（文本、段落、多媒体、列表、表格、超链接、框架）4学时

2、HTML的表单、CSS样式表、开发工具的使用6学时

3、JavaScript基础应用6学时

4、JavaScript与DOM技术实践4学时