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