KC014050000007单元设计单元7HTML5Web存储(共5页).doc
《KC014050000007单元设计单元7HTML5Web存储(共5页).doc》由会员分享,可在线阅读,更多相关《KC014050000007单元设计单元7HTML5Web存储(共5页).doc(5页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、精选优质文档-倾情为你奉上HTML5程序设计课程教学单元设计单元7 HTML5 Web存储授课教师:HTML5课程组授课班级:学时:6教学条件实训室、HBilder或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、授课录像、案例库、教学网站等教学目标设计知识目标:(1) 掌握Web Storage的基本概念,了解Web Storage与Cookie的区别;(2) 了解sessionStorage和localStorage,以及两者之间的区别;(3) 掌握sessionStorage和localStorage的使用方法,能够使用这两者进行复杂数据的存储;(4) 掌握本地数
2、据库的基本概念;(5) 掌握本地数据库的创建与打开及增、删、查、改方法;能力目标:(1) 能熟练使用sessionStorage对象进行数据的存储和获取;(2) 能熟练使用localStorage对象进行数据的存储和获取;(3) 熟练使用Web Storage的事件监测机制获取相关的属性值;(4) 熟练使用本地数据库的方法,进行本地数据库的创建、打开及增删改查。引例描述(1) 有了cookie本地存储,为什么还要引入WebStorage的概念?(2) 频繁地访问数据库服务器获取数据,不但会增加网络流量,而且影响应用程序的效率,对于轻型数据如何能避免这种情况?教学内容(1)认识Web Stora
3、ge;(2)使用Web Storage;(3)Web SQL数据库;(4)Web存储应用实例。重点:(1)sessionStorage和localStorage的使用方法;(2)HTML5本地数据库的创建与打开及增、删、查、改方法。难点:(1)sessionStorage和localStorage的使用方法;(2)HTML5本地数据库的创建与打开及增、删、查、改方法。引例分析与实现(1)引例分析;(2)引例代码。教学过程设计7.1 认识Web Storage(学时数:1)主要步骤教学内容教学方法教学手段师生活动问题 引入Cookie是如何存储本地数据的?什么是Web本地存储?Web存储和Coo
4、kie有什么区别?教师讲授引导文法多媒体教师:讲解演示学生:观察思考知识讲解知识点1:早期的本地存储;知识点2:HTML5规范的本地存储;知识点3:Web Storage与Cookie的区别。启发讲解讨论归纳多媒体课件演示思考交流互动分组讨论记录笔记示范 操作操作1:演示Cookie中存储本地数据操作2:简单Web Storage存储演示问题引导操作演示分析归纳多媒体系统演示观摩思考归纳总结实战 训练课堂实践1-1:模仿课堂示范操作1,进行Cookie本地数据的存储,了解Cookie存储的缺点。动手实践做中学多媒体真实系统环境网络资源实践操作查阅资料巡视指导评估讨论(1)评估讨论实训任务的实施
5、过程;(2)给出参考的解决方案;(3)展示讨论学生的解决方案;(4)考核学生结果。教师启发讨论归纳分数激励实训项目单思考结果演示课堂总结(1) 早期的本地存储;(2) HTML5规范的本地存储;(3) Web Storage与Cookie的区别。教师讲解多媒体课件演示整理笔记引导创新课后作业仿照课堂内容实现页面顶端显示页面的访问次数。教师讲授多媒体布置作业提出要求教学过程设计7.2 使用Web Storage(学时数:2)主要步骤教学内容教学方法教学手段师生活动问题 引入在HTM5中,如何通过Web本地存储进行数据的存储?教师讲授引导文法多媒体教师:讲解演示学生:观察思考知识讲解知识点1: l
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- KC014050000007 单元 设计 HTML5Web 存储
限制150内