《HTML5程序设计》课程教学大纲.doc

《HTML5程序设计》课程教学大纲 一、课程与任课教师基本信息 课程名称：HTML5程序设计 课程类别：必修课 □选修课■ 总学时/周学时/学分：56/4/4 其中实验（实训、讨论等）学时：28 授课时间：1-14周 授课地点：莞城3-209 开课单位：计算机学院 适用专业班级：2013级计算机科学与技术专业4、5、6班 任课（/助课）教师姓名：刘立平 职称：讲师 联系电话Email:8806867@ 答疑时间、地点与方式：1.每次上课的课前、课间和课后，采用一对一的问答方式；2.每次发放作业时，采用集中讲解方式对作业中的问题进行答疑；3.平时不定时在线qq答疑 二、课程简介 本课程是计算机科学与技术专业方向的一门专业选修课。《HTML5程序设计》是一门理论和实践结合的课程，将通过实验加强对知识理解，并通过上课和实验激发学生的科研潜能。本课程内容涵盖了html5的各种新特性，主要内容包括html5概述、javascript、html5表单及文件处理、css、拖放、canvas api画图、绘制可伸缩矢量图形、播放多媒体、web通信、本地存储、开发支持离线的web应用程序、获取浏览器的地理位置信息、支持多线程编程的web workers、jquery等。学生在学习本课程时可以充分了解和体验html5的强大功能。 三、课程目标 结合专业培养目标，提出本课程要达到的目标。这些目标包括： 1、知识与技能目标：通过本课程的学习，使学生能够迅速理解和掌握新一代web 标准HTML5所涵盖的核心技术，熟练掌握Javascript基本语法和常用类库的使用；熟练掌握CSS3的基本语法及应用；熟练掌握HTML5 的canvas、geolocation、communication、websocket、forms、webworkers、storage 等api 的使用；掌握Jquery库的使用。 2、过程与方法目标：通过本课程的学习使得学生熟练地运用新一代web标准HTML5的核心技术进行Web应用程序设计，使用框架技术进行基于Web的企业级应用程序开发；培养良好的程序设计风格、编程和调试技巧；培养学生搜集资料、阅读资料和利用资料的能力；培养学生的基于HTML5的Web应用开发的设计思维。 3、情感、态度与价值观发展目标：通过本课程的学习培养学生的基于HTML5的web应用开发能力；培养学生的团队协作精神；培养学生的学习的主动性和独立性；培养学生提出问题、分析问题和解决问题的能力。 四、与前后课程的联系 本课程需要先修《面向对象程序设计》使学生具有面向对象的基本概念。本课程为《JAVA EE程序设计》课程提供开发实例；为“毕业设计”提供前端开发技术支持。 五、教材选用与参考书 1、选用教材： 《HTML5程序设计基础教程》，李雯、李洪发著，人民邮电出版社，2013年7月。 2、推荐参考书： [1]HTML5程序设计，pter Lubbers等著，人民邮电出版社，2012年5月。 [2]HTML 5开发精要与实例详解, 陆凌牛著，机械工业出版社，2012年1月。 [3] HTML 5与CSS 3权威指南(第2版),陆凌牛著，机械工业出版社，2013年3月。 六、课程进度表 表1 理论教学进程表 周 次 教学主题 要点与重点 要求 学时 1 HTML5概述 HTML4基础；HTML5的新特性；支持HTML5的浏览器。 了解html4与html5的区别。掌握HTML5各种新特性。 2 2 Javascript编程 Javascript的基本语法；Javascript的常用函数、内置类的使用；面向对象程序设计；Javascript事件处理。 掌握JavaScript的基本语法，能够灵活运用内建对象和处理相应事件，了解其他对象，初步掌握动态效果的实现技术。 2 3 HTML5表单及文件处理 HTML4表单；HTML5表单的新特性；HTML5的文件处理； 掌握HTML5表单控件及API。 2 4 必威体育精装版版本的层叠样式表-CSS3 CSS基础；CSS3的新技术；CSS3应用实例。 掌握CSS3的基本语法和使用。 2 5 HTML5的拖放操作 HTML5拖放概述；拖放事件的操作；传递拖曳数据；HTML5拖放的实例。 熟练掌握HTML5 拖放API的使用。 2 6 使用canvas标签画图 Canvas元素的定义语法；坐标与颜色；绘制图形；描边；绘制图像与文字；HTML5 canvas应用实例。 掌握使用Canvas api动态生成和展示图形、图表、图像以及动画。 2 7 绘制可伸缩矢量图形（svg） Svg概述；svg形状；线条和填充；svg文本与图片；svg滤镜；变换坐标系。 掌握二维图形表示语言，SVG。 2 8 播放多