《HTML5移动Web设计与开发》课程大纲

理论类课程大纲

课程名称:HTML5移动WEB设计与开发

一、课程概况

所属专业: 教育技术学开课单位：教育科学学院

课程类型: 院系选修课程课程代码:

开课学期: 5 学分： 2

学时：68 核心课程:

拟使用教材：

李东博.HTML5+CSS3从入门到精通.清华大学出版社.2013年6月

国内(外)现有教材：

唐俊开.HTML5移动Web开发指南.电子工业出版社.2015年

林珑.HTML5移动Web开发实战详解.清华大学出版社.2015年

学习参考资料

1. 专著教材类

Adam Freeman.HTML5权威指南.人民邮电出版社.2015年

Peter Lubbers.HTML5程序设计.人民邮电出版社.2012年

2. 报纸期刊类

中国教育信息化、现代教育技术、中小学电教

3. 网络资源类

微信公众平台：教育技术微课堂（微信公众号：vclassroom）

二、课程描述

本门课程的任务是使本专业学生掌握必要的移动互联网时代程序开发的基础知识和基本技能，从而更好的为推进教育信息化工作服务。

2010年《国家中长期教育改革和发展规划纲要(2010-2020年)》正式颁布并提出“加快教育信息化进程”，而教育信息化是以“互联网+教育”为主要标志。HTML5作为互联网的核心语言，截止2015年全球已有十几亿手机浏览器支持HTML5，同时HTML Web开发者数量已达到到200余万。毫无疑问，HTML5将成为未来5到10年内，移动互联网领域的“主宰者”。因此，HTML5在教育信息化

的推进过程中，必将发挥越来越重要的作用。

根据教育技术专业培养目标的要求，为教育信息化培养人才，是教育技术系的基本任务之一。作为教育信息化人才的主要培养阵地，教育技术学专业开设《HTML5移动Web设计与开发》是大势所趋。

三、课程目标

（1）了解互联网发展的潮流与趋势。

（2）掌握HTML、XHTML和HTML5构成与区别。

（3）掌握HTML5的编程语法。

（4）能够应用HTML5进行移动Web的开发。

（5）能够运用HTML5为建设智慧校园和推进教育信息化服务

四、教学要求

授课教师将按照学校本科教学工作有关要求做好课程教学各项工作，严格按照课表规定的时间、地点上课，不迟到、不早退，将根据本大纲要求，认真备课完成教案与讲稿编写等各项课前准备工作；授课过程力求内容充实、概念准确、思路清晰、详略得当、逻辑性强、重难点突出，力戒平铺直叙、照本宣科，同时重视对学生的学习方法指导和课堂教学效果信息的反馈，实现教与学的双向互动；同时将结合课程目标要求，做好考核内容设计，并严格按照本大纲要求做好出勤率统计、作业评价等各项工作。

学习是大学生的责任和义务，学生应根据课程大纲要求制定本门课程学习计划，加强学业管理，严格自我要求，提升自主学习能力，主动适应课程学习要求。参与课堂教学活动不迟到、不早退，无正当理由不请假，上课认真听讲，不做任何与课堂教学无关事宜，未经授课教师允许，不私自使用手机等移动设备，积极与授课教师进行教学互动，同时利用课余时间做好预习、复习、课外书籍阅读等工作，主动与同学开展合作学习，认真完成任课教师布置的课程作业。

五、考核方式及要求

为实现课程教学目标，本门课程考核方式及要求如下：

总评= 出勤（10%）+ 平时作业（40%）+ 综合作业（50%）。

出勤占总评的10%，点名不少于3次，缺席1次，按无成绩计算；平时作业不少于2次共占总评的40%；综合作业1次占总评的50%。

六、课程内容

第一单元Web概述

第1 ~ 3章

（授课时间：第5学期第1 ~ 2周）

教学目标：掌握HTML5的设计原理与上机环境；掌握HTML、XHTML和HTML5的特性和语法。

教学重点：HTML5的设计原理与上机环境；HTML、XHTML和HTML5的特性和语法。

教学难点：HTML、XHTML和HTML5的特性和语法。

学时：课堂教学8学时，课外自主学习时间不少于2学时

教学方法：讲授法、演示法

主要内容：（1）HTML5的设计原理与上机环境；

（2）HTML5页面的特性。

学习方法：网络探究学习、任务驱动学习

课后作业：完成课后习题。

第二单元HTML5页面布局

第4 ~ 6章

（授课时间：第5学期第3 ~ 5周）

教学目标：掌握HTML5文档结构；掌握HTML5的元素分类；掌握input和form 元素及表单的制作；掌握与图形、文字有关的基本操作；掌握与音频、

视频相关的属性、方法和事件和应用。

教学重点：HTML5文档结构；HTML5的元素分类；input和form元素及表单的制作；与图形、文字有关的基本操作；与音频、视频相关的属性、方法

和事件和应用。

教学难点：与图形、文字有关的基本操作；与音频、视频相关的属性、方法和事件和应用。

学时：课堂教学12学时，课外自主学习时间不少于6学时

教学方法：讲授法、演示法

主要内容：（1）HTML5文档结构；

（2）HTML5的元素分类；

（3）input和form元素及表单的制作；

（4）与图形、文字有关的基本操作；

（5）与音频、视频相关的属性、方法和事件和应用。

学习方法：网络探究学习、任务驱动学习

课后作业：将教材案例做会做熟，完成课后习题

第三单元HTML5本地存储

第7 ~ 10章

（授课时间：第5学期第6 ~ 9周）

教学目标：了解并学会使用Web Storage；掌握应用Web SQL数据库存储数据的开发技能；了解HTML5离线应用的优势；掌握HTML5离线应用的创建。教学重点：应用Web SQL数据库存储数据的开发技能；HTML5离线应用的创建。教学难点：应用Web SQL数据库存储数据的开发技能；HTML5离线应用的创建。。学时：课堂教学16学时，课外自主学习时间不少于8学时

教学方法：讲授法、演示法

主要内容：（1）使用Web Storage；

（2）应用Web SQL数据库存储数据的开发技能；

（3）HTML5离线应用的优势；

（4）HTML5离线应用的创建。

学习方法：网络探究学习、任务驱动学习

课后作业：将教材案例做会做熟，完成课后习题

第四单元CSS

第11 ~ 12章

（授课时间：第5学期第10 ~ 11周）

教学目标：掌握CSS的发展史及编码规范；掌握CSS的应用。

教学重点：CSS的发展史及编码规范；CSS的应用。