理论类课程大纲
课程名称: 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的应用。
教学难点：CSS的应用。
学    时：课堂教学8学时，课外自主学习时间不少于4学时
教学方法：讲授法、演示法
主要内容：（1）CSS的发展史及编码规范；
（2）CSS的应用。
学习方法：网络探究学习、任务驱动学习
课后作业：将教材案例做会做熟，完成课后习题
第五单元  移动Web界面样式
第13 ~ 15章
（授课时间：第5学期第12 ~ 14周）
教学目标：掌握文本、字体与颜的应用；掌握背景与边框的设计与定义；掌握2D变形、自定义变形和定义复杂变形。
教学重点：文本、字体与颜的应用；背景与边框的设计与定义；2D变形、自定义变形和定义复杂变形。
教学难点：2D变形、自定义变形和定义复杂变形。。
学    时：课堂教学12学时，课外自主学习时间不少于6学时
教学方法：讲授法、演示法
主要内容：（1）文本、字体与颜的应用；；
（2）背景与边框的设计与定义；
（3）2D变形、自定义变形和定义复杂变形。
学习方法：网络探究学习、任务驱动学习
网页界面设计的定义
课后作业：将教材案例做会做熟，完成课后习题
第六单元  综合案例
第16 ~ 18章
（授课时间：第5学期第15 ~ 17周）
教学目标：掌握各种动画效果的设计与定义；掌握多列布局、盒布局等布局方式；掌握用户界面的设计。
教学重点：各种动画效果的设计与定义；多列布局、盒布局等布局方式；用户界面的设计。
教学难点：用户界面的设计。
学    时：课堂教学12学时，课外自主学习时间不少于10学时
教学方法：讲授法、演示法
主要内容：（1）各种动画效果的设计与定义；
（2）多列布局、盒布局等布局方式；
（3）用户界面的设计。
学习方法：网络探究学习、任务驱动学习
课后作业：将教材案例做会做熟，完成课后习题

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。