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

Html5程序设计课程教学大纲一、课程说明课程编号：课程名称：Html5程序设计课程简介：Html5程序设计是本专业的应用职业课程，是一门理论和实践结合的课程。通过本课程的学习使学生了解HTML5的各种新特性和新标准，主要任务是理解网页设计相关的理论知识，掌握HTML5制作网页的方法。课程类别：职业技能限选课学时/学分：72学时/3学分先修课程：网页开发基础，JavaScript适用专业：软件工程教材、教学参考书：HTML5程序设计（第2版）(Peter Lubbers等著；柳靖等译)、HTML5权威指南二、课程设置的目的意义以培养应用型人才为目标，考虑本专业学生的学习基础和学习特点。通过介绍基于HTML5的网页设计有关知识，使学生对于网页设计中所设计的相关知识有一个全面的了解，并使学生具有解决一般网页制作问题的能力，尤其是了解HTML5标准的新特性和新技术。为今后从事Web开发相关工作打下基础。三、课程的基本要求软件工程专业要求学生能够以工程化的方法开发软件、解决复杂工程问题。与培养方案相对应，本课程主要采用项目驱动教学模式，使课程的实践与理论教学内容紧密配合，提高学生分析解决问题的能力和项目实施能力。通过学习，使学生熟练掌握运用Dreamweaver等开发工具制作网页，理解和掌握新一代Web标准HTML5所涵盖的核心技术，熟练掌握HTML的基本与发和HTML5的新标签的使用；熟练掌握CSS3的基本语法及应用；熟练掌握HTML5的canvas、Geolocation、Communication、Web workers、Web storage等API的使用。在团队项目实施过程中训练和提高职业技能、团队协作人际沟通能力和软件开发能力，分析问题和解决问题的能力和团队工作交流能力。四、教学内容、重点难点及教学设计章节教学内容总学时学时分配教学重点教学难点教学方案设计（含教学方法、教学手段）理论实践第1章HTML5概述422HTML4基础；HTML5的新特性；支持HTML5的浏览器HTML5新特性这部分主要内容已讲授为主，同时采用分组讨论、案例教学方式，学生可以根据教师提供的案例进行讨论和上机展示。第2章HTML5新标签422HTML5的新标签及其使用方法HTML5新标签项目小组分析讨论、实现第3章CSS31266CSS基础，CSS新技术，CSS应用实例CSS3基本与发和使用项目小组分析讨论、实现第4章Canvas API 1266Canvas元素的定义语法；坐标系统和颜色；绘制图形与图像；动画制作Canvas API项目小组分析讨论、实现第5章SVG422SVG概述；SVG形状、线条、颜色和填充；SVG文本与图片；SVG坐标变换SVG语法项目小组分析讨论、实现第6章音频和视频422HTML5音频；HTML5视频Audio和Video控制API项目小组分析讨论、实现第7章Geolocation API422浏览器地理位置；地理位置获取；数据保护Geolocation接口项目小组分析讨论、实现第8章Communication API422跨文档消息机制；xmlhttprequest对象概述； postMessage API和安全概念项目小组分析讨论、实现第9章WebSockets API422Websocket概述和通信方法Websocket api项目小组分析讨论、实现第10章Forms API422HTML5 Forms概述，Forms API使用Forms API项目小组分析讨论、实现第11章拖放422HTML5拖放概述；拖放元素和文件拖放API项目小组分析讨论、实现第12章Web Workers API422Web Workers API概述；构建Web Workers应用Web Workers API项目小组分析讨论、实现第13章Web Storage API422Web存储概述；Web存储API；浏览器数据库Web Storage API项目小组分析讨论、实现第14章离线Web422离线Web API概述；构建离线Web应用离线Web API项目小组分析讨论、实现五、实践教学内容和基本要求实践教学内容：HTML5基础；HTML5新标签；CSS3；Canvas API ；SVG；音频和视频；Geolocation API；Communication API；WebSockets API；Forms API；拖放；Web Workers API；Web Storage API；离线Web实践教学基本要求：进行小组讨论、分工合作、讲得出、做得来。六、考核方式及成绩评定1.考核形式：考查2.成绩评定：课程考核采用百分制模