《html5基础与实践教程》课程教学大纲.docxVIP

《HTML5基础与实践教程》课程教学大纲 —、课程的性质、目的与任务 HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页 浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application, RIA）, 例如：AdobeFlash Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效加强 网络应用的标准集。《HTML5基础与实践教程》课程首先是包括Web和浏览器相关的原理与 概念、HTML超文本标记语言、CSS层叠样式表 概念、HTML超文本标记语言、 础。该课程更为主要的内容是讲解HTML5所推出的一系列为满足新时代“富应用”需求的 新特性，这其中包括新表单元素、语义化标签、多媒体、文件标签、数据存储、Canvas画 布、通信相关API、WebWorker等。这些基本的特性共同形成了如今Web应用的基本面貌。 《HTML5基础与实践教程》课程就是这样一门以现代Web应用开发技术为学习对象的课程。 本课程的目的与任务就是向学生传授HTML5应用开发的相关知识。通过本课程的学习， 学生可以从HTML5背后的Web和浏览器出发，对构成Web应用的HTML、CSS和JavaScript 相关语言基础进行初步学习。然后再对HTML5标准所支持的新特性进一步地进行学习和应 用。本课程不仅要求学生对于Web相关的知识和HTML5新特性的理论和概念有所掌握，更 关键在于培养学生对于HTML5相关技术的理解和应用能力，使学生具有开发Web应用的基 本技能和素质。 教学内容及教学基本要求 HTML5相关基础预备知识（4学时） 了解HTML5的发展过程，理解HTML5本身概念与意义 ?了解万维网的诞生过程，以及其工作原理 了解浏览器的功能、构成以及其工作原理 ?掌握基础的HTML、CSS和JavaScript语法和使用 ?掌握使用浏览器调试HTML5代码的方法 了解Web服务器环境 表单（2学时） ?掌握常用表单控件的使用，如单行、多行文本、单选框、复选框等。 ?了解HTML5新支持的表单元素、表单属性 ?掌握表单控件验证和辅助填写相关属性autofocus、autocomplete、placeholder等 语义化标签（2学时） 了解HTML5之前的标签的基本语义特征 了解语义化标签作用，理解HTML5语义化进程的重要性 ?掌握HTML5新的语义化相关元素的意义与使用 音频和视频（2学时） 了解HTML5的音频标签＜audio＞相关属性，并掌握其使用 了解HTML5的视频标签＜video＞相关属性，并掌握其使用 ?了解音频和视频的一些常见格式，以及不同浏览器的兼容情况 了解HTML5视频字幕的添加过程 文件（2学时） ?掌握通过＜input＞标签实现文件上传的方法 ?掌握文件上传后文件相关内容的读取方式和方法 ?了解多文件选取并处理的过程 数据存储（4学时） 了解Web Storage的应用场景与意义 ?掌握Web Storage的添加、读取、查找、删除相关方法 ?了解Web Storage与Cookie的区别和联系 了解HTML5所支持的本地数据库IndexedDB的相关概念 ?了解IndexedDB相关操作的过程，以及事务的概念 ?了解IndexedDB的创建、连接，以及增删改查相关操作 Canvas画布（6学时） 了解＜canvas＞标签的使用，并理解HTML5画布的二维坐标系统概念 ?理解HTML5画布的线段、路径与形状的绘制过程，掌握绘制方法 ?掌握在HTML5画布上绘制图像和文本的方法 了解HTML5画布阴影的绘制 ?了解HTML5画布的填充过程，了解图案与渐变相关概念，掌握基本的填充方法 了解HTML5画布组合图形相关概念 ?理解HTML5画布的平移、旋转、缩放、变形这四种坐标变换方式，掌握基本的使用 ?掌握画布当前状态保存与恢复的方法 通信（6学时） 了解HTTP协议的基本概念，包括协议特性、通信过程、报文结构等 ?掌握利用浏览器调试界面查看通信过程的方法 ?掌握表单提交的方法，并理解POST和GET方法的区别和应用 了 解 Post/Redirect/Get 设计模式 ?了解AJAX技术，了解其基本应用场景，理解AJAX轮询过程 了解HTML5所支持的服务器发送事件的实现过程，以及相关方法的使用 了解单双工、全双工通信过程，了解WebSocket的概念与应用 ?掌握Fetch方法发起请求和发送数据的方法，了解自定义请求参数 Web Worker工作线程（4学时） ? 了解Web Worker的基本含义与用途 ?理解并掌握Web Worker对象的创建与使用方法 ?掌握Web Worke