1、理论类课程大纲课程名称: HTML5 移动 WEB 设计与开发一、课程概况所属专业: 教育技术学 开课单位： 教育科学学院课程类型: 院系选修课程 课程代码:开课学期: 5 学分： 2学时： 68 核心课程:拟使用教材：李东博.HTML5+CSS3 从入门到精通.清华大学出版社.2013 年 6 月国内(外 )现有教材：唐俊开.HTML5 移动 Web 开发指南.电子工业出版社.2015 年林珑.HTML5 移动 Web 开发实战详解.清华大学出版社.2015 年学习参考资料1. 专著教材类Adam Freeman.HTML5 权威指南.人民邮电出版社.2015 年Peter Lubbers.
2、HTML5 程序设计.人民邮电出版社.2012 年2. 报纸期刊类中国教育信息化、现代教育技术、中小学电教3. 网络资源类微信公众平台：教育技术微课堂（微信公众号：vclassroom）二、课程描述本门课程的任务是使本专业学生掌握必要的移动互联网时代程序开发的基础知识和基本技能，从而更好的为推进教育信息化工作服务。2010 年国家中长期教育改革和发展规划纲要(2010-2020 年)正式颁布并提出“加快教育信息化进程”，而教育信息化是以“互联网+教育”为主要标志。HTML5 作为互联网的核心语言，截止 2015 年全球已有十几亿手机浏览器支持 HTML5，同时 HTML Web 开发者数量已达
3、到到 200 余万。毫无疑问，HTML5 将成为未来 5 到 10 年内，移动互联网领域的“主宰者”。因此，HTML5 在教育信息化的推进过程中，必将发挥越来越重要的作用。根据教育技术专业培养目标的要求，为教育信息化培养人才，是教育技术系的基本任务之一。作为教育信息化人才的主要培养阵地，教育技术学专业开设HTML5 移动 Web 设计与开发是大势所趋。三、课程目标（1）了解互联网发展的潮流与趋势。（2）掌握 HTML、XHTML 和 HTML5 构成与区别。（3）掌握 HTML5 的编程语法。（4）能够应用 HTML5 进行移动 Web 的开发。（5）能够运用 HTML5 为建设智慧校园和推进
4、教育信息化服务四、教学要求授课教师将按照学校本科教学工作有关要求做好课程教学各项工作，严格按照课表规定的时间、地点上课，不迟到、不早退，将根据本大纲要求，认真备课完成教案与讲稿编写等各项课前准备工作；授课过程力求内容充实、概念准确、思路清晰、详略得当、逻辑性强、重难点突出，力戒平铺直叙、照本宣科，同时重视对学生的学习方法指导和课堂教学效果信息的反馈，实现教与学的双向互动；同时将结合课程目标要求，做好考核内容设计，并严格按照本大纲要求做好出勤率统计、作业评价等各项工作。学习是大学生的责任和义务，学生应根据课程大纲要求制定本门课程学习计划，加强学业管理，严格自我要求，提升自主学习能力，主动适应课程
5、学习要求。参与课堂教学活动不迟到、不早退，无正当理由不请假，上课认真听讲，不做任何与课堂教学无关事宜，未经授课教师允许，不私自使用手机等移动设备，积极与授课教师进行教学互动，同时利用课余时间做好预习、复习、课外书籍阅读等工作，主动与同学开展合作学习，认真完成任课教师布置的课程作业。五、考核方式及要求为实现课程教学目标，本门课程考核方式及要求如下：总评 = 出勤（ 10%）+ 平时作业（40%）+ 综合作业（ 50%）。出勤占总评的 10%，点名不少于 3 次，缺席 1 次，按无成绩计算；平时作业不少于 2 次共占总评的 40%；综合作业 1 次占总评的 50%。六、课程内容第一单元 Web 概
6、述第 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 章（授课时间：
7、第 5 学期第 3 5 周）教学目标：掌握 HTML5 文档结构；掌握 HTML5 的元素分类；掌握 input 和 form元素及表单的制作；掌握与图形、文字有关的基本操作；掌握与音频、视频相关的属性、方法和事件和应用。教学重点：HTML5 文档结构；HTML5 的元素分类；input 和 form 元素及表单的制作；与图形、文字有关的基本操作；与音频、视频相关的属性、方法和事件和应用。教学难点：与图形、文字有关的基本操作；与音频、视频相关的属性、方法和事件和应用。学 时：课堂教学 12 学时，课外自主学习时间不少于 6 学时教学方法：讲授法、演示法主要内容：（1）HTML5 文档结构；（2
8、）HTML5 的元素分类；（3）input 和 form 元素及表单的制作；（4）与图形、文字有关的基本操作；（5）与音频、视频相关的属性、方法和事件和应用。学习方法：网络探究学习、任务驱动学习课后作业：将教材案例做会做熟，完成课后习题第三单元 HTML5 本地存储第 7 10 章（授课时间：第 5 学期第 6 9 周）教学目标：了解并学会使用 Web Storage；掌握应用 Web SQL 数据库存储数据的开发技能；了解 HTML5 离线应用的优势；掌握 HTML5 离线应用的创建。教学重点：应用 Web SQL 数据库存储数据的开发技能；HTML5 离线应用的创建。教学难点：应用 Web
9、 SQL 数据库存储数据的开发技能；HTML5 离线应用的创建。学 时：课堂教学 16 学时，课外自主学习时间不少于 8 学时教学方法：讲授法、演示法主要内容：（1）使用 Web Storage；（2）应用 Web SQL 数据库存储数据的开发技能；（3）HTML5 离线应用的优势；（4）HTML5 离线应用的创建。学习方法：网络探究学习、任务驱动学习课后作业：将教材案例做会做熟，完成课后习题第四单元 CSS第 11 12 章（授课时间：第 5 学期第 10 11 周）教学目标：掌握 CSS 的发展史及编码规范；掌握 CSS 的应用。教学重点：CSS 的发展史及编码规范；CSS 的应用。教学难
10、点：CSS 的应用。学 时：课堂教学 8 学时，课外自主学习时间不少于 4 学时教学方法：讲授法、演示法主要内容：（1）CSS 的发展史及编码规范；（2）CSS 的应用。学习方法：网络探究学习、任务驱动学习课后作业：将教材案例做会做熟，完成课后习题第五单元 移动 Web 界面样式第 13 15 章（授课时间：第 5 学期第 12 14 周）教学目标：掌握文本、字体与颜色的应用；掌握背景与边框的设计与定义；掌握 2D 变形、自定义变形和定义复杂变形。教学重点：文本、字体与颜色的应用；背景与边框的设计与定义；2D 变形、自定义变形和定义复杂变形。教学难点：2D 变形、自定义变形和定义复杂变形。学
11、时：课堂教学 12 学时，课外自主学习时间不少于 6 学时教学方法：讲授法、演示法主要内容：（1）文本、字体与颜色的应用；（2）背景与边框的设计与定义；（3）2D 变形、自定义变形和定义复杂变形。学习方法：网络探究学习、任务驱动学习课后作业：将教材案例做会做熟，完成课后习题第六单元 综合案例第 16 18 章（授课时间：第 5 学期第 15 17 周）教学目标：掌握各种动画效果的设计与定义；掌握多列布局、盒布局等布局方式；掌握用户界面的设计。教学重点：各种动画效果的设计与定义；多列布局、盒布局等布局方式；用户界面的设计。教学难点：用户界面的设计。学 时：课堂教学 12 学时，课外自主学习时间不少于 10 学时教学方法：讲授法、演示法主要内容：（1）各种动画效果的设计与定义； （2）多列布局、盒布局等布局方式；（3）用户界面的设计。学习方法：网络探究学习、任务驱动学习课后作业：将教材案例做会做熟，完成课后习题七、课程内容调整说明
