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