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

《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学时
5、XML的基本知识和文档处理 4学时
6、HTML、JavaScript与XML综合应用 4学时
7、JQuery及其应用 6学时

四、教学时数分配

理论： 34 实验： 上机： 34 其它：
教学内容
学时分配
教学内容
学时分配
HTML的基本标记、文字与段落
2
HTML开发工具的使用
2
HTML的多媒体、列表、表格
2
XML编程基础
2
HTML的超链接和框架
2
基于DOM和JavaScript的XML文档处理
4
HTML的表单
2
Ajax技术及应用
4
CSS样式表
4
JQuery及应用
6
JavaScript基础
2
上机
34
JavaScript与DOM技术
2

合计
24

五、其它项目
无

六、有关说明
1、教学和考核方式
教学方法：讲授、讨论以及逐步增加电化教学手段。
考核方式：本课程属考查课,考核方式为闭卷。总评成绩由作业、实验、平时测验及期终考试成绩等组成。
2、习题
课后习题以实践为目的，注重培养学生的动手能力，每个章节结束后提出基于实际网页要求的设计题，学生完成设计后在上机实验中对其进行验证和修改，以此加强学生的设计能力和动手能力。
3、能力培养要求
从应用的角度掌握HTML语言、JavaScript和XML语言的基础知识和应用技巧，使学生能够熟练使用HTML标记语言、CSS、JavaScript语言和XML语言知识来开发具有典型意义的静态网页和Web应用程序客户端页面，从而为将来学生从事动态网站、Web应用开发奠定良好的基础。
4、与其它课程和教学环节的联系
先修课程和教学环节：
后续课程和教学环节：
平行开设课程和教学环节：
5、教材和主要参考书目
（1）《HTML网页制作从入门到精通》何翠平 人民邮电出版社 ISBN：7115161307
（2）主要参考书目
①《新编HTML网页设计从入门到精通》龙马工作室 人民邮电出版社 ISBN：978711517702
②《JavaScript网页特效范例宝典》明日科技 人民邮电出版社 ISBN：9787115162953