物联网专业HTML+JavaScript程序设计课程教学大纲.docx

《物联网专业HTML+JavaScript程序设计课程教学大纲.docx》由会员分享，可在线阅读，更多相关《物联网专业HTML+JavaScript程序设计课程教学大纲.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML+JavaScript程序设计教学大纲课程性质选修课课程编号xx446403课程名称HTML+JavaScript 程序设计适用专业物联网工程先修课程C/C+语言程序设计、JAVA程序设计总学时48其中理论36学时，实验12学时学分数3一、课程简介HTML+JavaScript程序设计是一门综合性和实践性都非常强的课程，课程要求 理论与实际相结合，包括JavaScrip、HTML、CSS、Ajax等内容。JavaScrip是目前Web 应用程序开发者使用最为广泛的客户端脚本编程语言，HTML为WWW的描述语言， CSS控制样式，Ajax可以实现无刷新的数据交换，让用户的操作更流畅，综合

2、运用 HTML、CSS、DIV、JavaScript, DOM和AJAX等技术实现网站的整体布局和改善用户 体验的工作。本课程的目的和任务是使学生掌握Javascript、HTML、CSS的概念和应用方法，了 解浏览器对象模型（BOM）,文档对象模型（DOM）,正那么表达式等概念，熟练使用事 件响应与编程，掌握Javascript页面特效，文本和输入框特效，鼠标特效，表格特效， 日期和时间特效，页面数据的验证等使用方法，了解Ajax等最新技术，通过这样一个 流程的学习，使学生尽可能的掌握动态网页设计中各种知识，为其今后的职业生活、继 续学习和终生开展奠定坚实的基础。二、课程教学目标通过本课程的

3、学习，学生应实现如下目标：1、知识目标：了解：Javascript编程方面的基础知识；HTML5、CSS的基础知识及使用方法；基 本的Javascript编程手段；事件响应与编程，Javascript各种特效，表单数据验证的 Javascript基本应用；Javascript+HTML+CSS的基本应用；了解最新的web2.0中Ajax等 新技术的概念和开展方向。掌握：HTML5、CSS3的基本语法；JavaScript基本语法；DOM 的基本用法；掌握jQuery的基本用法；熟悉w3c规范，了解各大主流浏览器的兼容性。2、能力目标：（1）具备一定的动态网页设计能力；（2）掌握HTML语言、C

4、SS和JavaScript脚本的语法和应用；（3）具备一定的网页布局设计能力；（4）能解决各大浏览器的兼容性问题；三、课程教学基本要求为了更好地掌握本课程的知识，必须先修C/C+语言程序设计、JAVA程序设计、 等课程，在上课时先介绍知识点，再要求同学们要求完成老师布置的练习。四、课程教学模块（或教学内容）与学时分配序号教学模块知识点学时1工程一HTML基础了解：HTML文件头部内容中各标记的含义 理解：HTML文档结构；HTML有关文字修饰 和文字效果各标记的含义掌握：HTML文件主体内容中各标记的含义； HTML有列表类型各标记的含义；常用的列表 类型标记；段落标记p的用法；超链接的建 立

5、；绝对路径、相对路径、的概念、意义及用 法42工程二表 格、表单和框 架了解：表格、表单和框架的使用范围理解：表格、表单和表单控件、框架定义格式； 掌握：表格的创立方法；格表标签与表格标签 各属性的含义；表单标签及各属性的含义；表 单的创立、编辑、处理方法，以及各表单对象 的功能、特点和用途（包括：复选框、下拉列 表框、按钮）的特点与使用方法；框架标签的 主要属性及其设置方法；HTML5新增功能63工程三CSS了解：网站中应用CSS的意义6理解：CSS字体设置；CSS文本排版；CSS颜 色和背景的设置；CSS边框和边距的设置 掌握：CSS的盒模型；CSS样式中各种基本设 置标记及各属性的含义4

6、工程四页面布局了解：页面布局的几种方法及优缺点理解：盒子模型的组成掌握：DIV标签和定位布局的相关属性及属性设置；使用DIV+CSS进行页面布局45工程五JavaScript了解：JavaScript的基本语法结构理解：JavaScript的数据类型、运算符;JavaScript程序结构、函数掌握：JavaScript的函数用法66工程六JavaScript 对象了解：JavaScript核心对象理解：JavaScript的对象模型；掌握：JavaScript核心对象的使用；创立JavaScript自定义对象67工程七DOM编程了解：BOM； DOM理解：JavaScript的事件运行机制；掌

7、握：浏览器对象事件处理程序的编写；Window 对象；Document 对象；History 对象；Location 对象；48工程八表单验证和特效了解：表单验证的意义理解：正那么表达式的意义和出现的字符；掌握：书写正那么表达式对常用的表单验证功能 进行验证；鼠标事件，键盘事件；常用的网页 特效49工程九jQuery了解：AJAX的意义理解：XMLHttpRequest对象的工作过程； 掌握：XMLHttpRequest对象的使用；AJAX与4五、教学方法与策略JSP, AJAX与XML配合使用10工程十jQuery了解：jQuery的意义理解：jQuery选择器；jQuery事件处理 掌握：

8、使用jQuery操作DOM41、讲授法：在教学方法上，应发挥教师在教学设计、教学组织中的主导作用，结 合现有的教学条件，灵活运用各种教学方法开展教学，注重学生实际动手能力的培养， 发挥学生在教学中的主体地位。讲解与示范要突出重点，强调要领，精讲多练，讲练结 合。2、实验课：讲练结合，先介绍知识点，再布置上机练习，催促学生完成上机练习。六、学生学习成效考核方式改变传统的评价方式，根据任务引领型课程的教学要求，采用工程考核+辩论体系 取代传统的考核方式，学生可使用教师提供题目或者自定题目，完成课程设计后进行统 一辩论。考核环节构成（均为100分制）评分依据占总成绩 的比重上课出勤、实验40 分上课缺席一次扣2分，缺课达1/3取消资格。40%工程考核成绩60分按CSS、JavaScript效果、整体效果、工作量分项打分 再累加60%七、选用教材1陈矗，任平红，Web编程基础-HTML、CSS、Javascript,清华大学出版社, 2014 年八、参考文献1岳学军，Javascript前端开发实用技术教程，人民邮电出版社，2014年2李东博，HTML5+CSS3从入门到精通，清华大学出版社，2015年