《HTML5程序设计》教学大纲

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 章 HTML 5 概述 422 HTML4 基础 HTML5 的新特 性 支持 HTML5 的浏览 器 HTML5 新 特性 这部分主要内 容已讲授为主 同时采用分组 讨论 案例教 学方式 学生 可以根据教师 提供的案例进 行讨论和上机 展示 第 2 章 HTML 5 新标 签 422 HTML5 的新标 签及其使用方法 HTML5 新 标签 项目小组分析 讨论 实现 第 3 章CSS31266 CSS 基础 CSS 新技术 CSS 应 用实例 CSS3 基本 与发和使用 项目小组分析 讨论 实现 第 4 章 Canvas API 1266 Canvas 元素的 定义语法 坐标 系统和颜色 绘 制图形与图像 动画制作 Canvas API 项目小组分析 讨论 实现 第 5 章SVG422 SVG 概述 SVG 形状 线 条 颜色和填充 SVG 文本与图 片 SVG 坐标 变换 SVG 语法 项目小组分析 讨论 实现 第 6 章 音频和 视频 422 HTML5 音频 HTML5 视频 Audio 和 Video 控制 API 项目小组分析 讨论 实现 第 7 章 Geoloc ation API 422 浏览器地理位置 地理位置获取 数据保护 Geolocation 接口 项目小组分析 讨论 实现 第 8 章 Commu nication API 422 跨文档消息机制 xmlhttprequest 对象概述 postMessage API 和安全 概念 项目小组分析 讨论 实现 第 9 章 WebSo ckets API 422 Websocket 概述 和通信方法 Websocket api 项目小组分析 讨论 实现 第 10 章 Forms API 422 HTML5 Forms 概述 Forms API 使用 Forms API 项目小组分析 讨论 实现 第 11 章 拖放422 HTML5 拖放概 述 拖放元素和 文件 拖放 API 项目小组分析 讨论 实现 第 12 章 Web Worker s API 422 Web Workers API 概述 构建 Web Workers 应 用 Web Workers API 项目小组分析 讨论 实现 第 13 章 Web Storage API 422 Web 存储概述 Web 存储 API 浏览器数据库 Web Storage API 项目小组分析 讨论 实现 第 14 章 离线 Web 422 离线 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 成绩评定