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

1、html5程序设计课程教学大纲一、课程与任课教师基本信息课程名称：html5程序设计课程类别：必修课 选修课总学时/周学时/学分：56/4/4其中实验（实训、讨论等）学时：28授课时间：1-14周授课地点：莞城3-209开课单位：计算机学院适用专业班级：2013级计算机科学与技术专业4、5、6班任课（/助课）教师姓名：刘立平职称：讲师联系电话mail:8806867答疑时间、地点与方式：1.每次上课的课前、课间和课后，采用一对一的问答方式；2.每次发放作业时，采用集中讲解方式对作业中的问题进行答疑；3.平时不定时在线qq答疑二、课程简介本课程是计算机科学与技术专业方向

2、的一门专业选修课。html5程序设计是一门理论和实践结合的课程，将通过实验加强对知识理解，并通过上课和实验激发学生的科研潜能。本课程内容涵盖了html5的各种新特性，主要内容包括html5概述、javascript、html5表单及文件处理、css、拖放、canvas api画图、绘制可伸缩矢量图形、播放多媒体、web通信、本地存储、开发支持离线的web应用程序、获取浏览器的地理位置信息、支持多线程编程的web workers、jquery等。学生在学习本课程时可以充分了解和体验html5的强大功能。三、课程目标结合专业培养目标，提出本课程要达到的目标。这些目标包括：1、知识与技能目标：通过本

3、课程的学习，使学生能够迅速理解和掌握新一代web 标准html5所涵盖的核心技术，熟练掌握javascript基本语法和常用类库的使用；熟练掌握css3的基本语法及应用；熟练掌握html5 的canvas、geolocation、communication、websocket、forms、webworkers、storage 等api 的使用；掌握jquery库的使用。2、过程与方法目标：通过本课程的学习使得学生熟练地运用新一代web标准html5的核心技术进行web应用程序设计，使用框架技术进行基于web的企业级应用程序开发；培养良好的程序设计风格、编程和调试技巧；培养学生搜集资料、阅读资料

4、和利用资料的能力；培养学生的基于html5的web应用开发的设计思维。3、情感、态度与价值观发展目标：通过本课程的学习培养学生的基于html5的web应用开发能力；培养学生的团队协作精神；培养学生的学习的主动性和独立性；培养学生提出问题、分析问题和解决问题的能力。四、与前后课程的联系本课程需要先修面向对象程序设计使学生具有面向对象的基本概念。本课程为java ee程序设计课程提供开发实例；为“毕业设计”提供前端开发技术支持。五、教材选用与参考书1、选用教材：html5程序设计基础教程，李雯、李洪发著，人民邮电出版社，2013年7月。 2、推荐参考书： 1html5程序设计，pter lubbe

5、rs等著，人民邮电出版社，2012年5月。 2html 5开发精要与实例详解, 陆凌牛著，机械工业出版社，2012年1月。 3 html 5与css 3权威指南(第2版),陆凌牛著，机械工业出版社，2013年3月。六、课程进度表表1 理论教学进程表周次教学主题要点与重点要求学时1html5概述html4基础；html5的新特性；支持html5的浏览器。了解html4与html5的区别。掌握html5各种新特性。22javascript编程javascript的基本语法；javascript的常用函数、内置类的使用；面向对象程序设计；javascript事件处理。掌握javascript的基本语

6、法，能够灵活运用内建对象和处理相应事件，了解其他对象，初步掌握动态效果的实现技术。23html5表单及文件处理html4表单；html5表单的新特性；html5的文件处理；掌握html5表单控件及api。24最新版本的层叠样式表-css3css基础；css3的新技术；css3应用实例。掌握css3的基本语法和使用。25html5的拖放操作html5拖放概述；拖放事件的操作；传递拖曳数据；html5拖放的实例。熟练掌握html5 拖放api的使用。26使用canvas标签画图canvas元素的定义语法；坐标与颜色；绘制图形；描边；绘制图像与文字；html5 canvas应用实例。掌握使用canv

7、as api动态生成和展示图形、图表、图像以及动画。27绘制可伸缩矢量图形（svg）svg概述；svg形状；线条和填充；svg文本与图片；svg滤镜；变换坐标系。掌握二维图形表示语言，svg。28播放多媒体html5音频概述；html5视频概述；掌握如何通过api编程的方式来控制页面中的音频和视频。掌握html5 audio和video在实际中的应用。29web通信跨文档消息机制；xmlhttprequest对象概述；websocket api概述掌握html5通信规范中的两个主要元素postmessage api和源安全概念；掌握xmlhttprequest level2210本地存储本地存

8、储技术概述；如何访问localstorage对象；sessionstorage对象；websql database api；indexeddb的相关概念；掌握使用web storage api存储和取出数据的方法，存储接口的特性、功能以及如何处理web storage事件。211开发支持离线的web应用程序html5离线web应用程序概述；开发html5离线web应用程序；掌握如何创建html5离线web应用。212获取浏览器的地理位置信息什么是浏览器地理位置；如何获取地理位置信息；数据保护。掌握geolocation 接口可以让网站获取用户的地理位置信息。213支持多线程编程的web wor

9、kers什么是线程；什么是html5 web workers；web workers编程。掌握使用web workers api进行多线程编程。214jquery程序设计jquery基础；jquery选择器；设置html元素的属性与css样式；表单编程；事件和event对象；jquery动画。熟悉jquery库的使用。2表2 实验教学进程表周次实验项目名称要点与重点掌握程度实验类型实验要求学时2html4基础与html5的新特性html5的语言化标记。html5的新功能。掌握html5的语法和新元素。验证性必做23javascript编程javascript编程掌握动态网页验证性必做24htm

10、l5表单及文件处理html5 表单api掌握html5的表单特性和函数。验证性必做25使用css3css3的选择器及语法。掌握使用css3定制样式。验证性必做26html5的拖放html5的拖放api掌握使用拖放api操作dom验证性必做27使用canvas api画图canvas api的画图原理及方式。掌握canvas api画图形。验证性必做28绘制可伸缩矢量图形绘制svg的原理及方式。掌握svg api验证性必做29播放多媒体html5 audio和video元素掌握通过api编程控制html5页面的单频和视频。验证性必做29web通信postmessage api;xmlhttpre

11、quest level 2 api.掌握跨文档消息通信的原理和方法。验证性必做210本地存储web storage api;web sql database;索引数据库api；掌握构建web storage应用。验证性必做211开发支持离线的web应用程序离线web应用api；离线行为;创建离线javascript。掌握使用html5搭建简单离线web应用程序。验证性必做212获取浏览器的地理位置获取浏览器的地理位置掌握地理位置的处理验证性必做213web workers编程web workers api掌握使用web workers api。验证性必做214jquery编程实例jquery选

12、择器；表单编程；掌握使用jquery库对表单进行操作。验证性必做2注：实验类型：演示/验证性、综合性、设计性。设计性实验：指给定实验目的要求和实验条件，由学生自行设计实验方案并加以实现的实验。综合性实验：指实验内容涉及本课程的综合知识或与本课程相关课程知识的实验。实验要求：必做、选做。七、教学方法html5程序设计是一门实践性非常强的课程，所以教学方法以案例和实验为核心，教学内容结合大量实用案例，教学活动以学生为主体，提高学生的实践动手能力。其中，课堂教学讲授时以构建web高级应用为主线，重点讲解基于html5的web应用开发的各种关键技术的知识，并通过例子分析加深对相关原理和知识的理解。同时

13、，课堂教学与实验教学相结合，实验教学以1个学生为一组，将课堂的知识和培训技能结合，进步培养和提高学生的沟通和实践能力。八、对学生学习的总体要求1、学习本课程的方法、策略及教育资源的利用。本课程是一门实践性很强的专业课，因此学生在上课时要认真听讲，课后再进行多种练习及项目实践，加深对课程内容的理解。其次要多动手，通过课后训练理解和消化更多的知识点。2、学生必须阅读与选读的课外教学材料网上教学资源有：(1) web技术教程： (2) 万维网联盟：/；(3) web前端开发: (4) 学习css布局: (5) html5中国: http:/www.html5cn.o

14、rg/(6) html5中文网: 3、学生完成本课程每周须耗费的时间。为掌握本课程的主要内容，按约1:1的比例配比课外学时（预习、复习和完成老师布置的作业），学生课外每周必须耗费的最少时间为3小时，学生完成本课程每周须耗费的最少时间为6小时。4、学生的上课、实验、讨论、答疑、提交作业（论文）、单元测试、期末考试等方面的要求。作业：为使学生较好地理解和掌握本课程教学内容，都安排了一定的作业量。根据每一部分内容的多少和重要程度的不同安排不同数量的作业，作业内容以实际编程实现为主。讨论答疑：本课程采用课前，课后以及平时在线答疑的方式，全方位了解和解决学生对本门课存在的所有问题。上机：本课程计划内上机

15、28学时，学生还必须用一定的课外上机时间才能完成所布置的上机内容。考试：本课程的考试方式采用闭卷和上机实践相结合的方式。5、学生参与教学评价要求。依照按学校规定，课程结束前1-2周内，按照学校统一安排，通过网上评教系统，回答调查问卷，实事求是地对本课程及任课教师的教学效果作出客观公正的评价，是学生的应尽的责任和义务，对促进教师改进教学工作具有重要的意义，每个学生都必须参加。九、成绩评定方法及标准考核内容评价标准及要求权重考勤（6次）6次随机考勤每次1%，共6分阶段综合性作业（共5次，课外完成）1. 评价标准：习题参考解答。2. 要求：能灵活运用内容进行求解，独立、按时完成作业。每次2%，共10%实验（共