HTML5程序设计课程教学大纲

1、 HTML5程序设计教学大纲课程性质选修课课程编号xx436405课程名称HTML5程序设计适用专业软件工程先修课程HTML CSS JavaScript总学时32 其中理论 16 学时，实验 16 学时学分数2一、课程简介HTML5程序设计是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。二、课程教学目标通过本课程的学习，学生应实现如下目标：1、知识目标：了解：HTML5的基本

2、概念、发展历史、特点和应用领域。HTML5与HTML的对比等。掌握：HTML5的表单，HTML5的多媒体，HTML5的图画及动画，HTML5的元素拖曳，HTML5的数据存储，HTML5离线应用及地理位置，CSS3入门与基础，CSS3高级应用2、能力目标：（1）对HTML5有初步的认识和了解；（2）掌握HTML5的设计方法；三、课程教学基本要求为了更好地掌握本课程的知识，必须先修HTML、JavaScript等课程，在上课时要求同学们带电脑到教室上课，课后按要求完成书后的思考题。四、课程教学模块（或教学内容）与学时分配序号教学模块知识点学时1初识HTML5全新的HTML了解：HTML发展过程对比

3、之前HTML，介绍HTML5的变化22HML5的表单与多媒体掌握：HTML5新的input输入类型及属性多媒体元素的属性，方法，以及事件的应用23HTML5的图画及动画 了解：绘图的方法掌握：绘制简单图形，图像，以及对图形，图像的相关操作方法24HTML5的元素拖曳掌握：元素拖曳的实现方法25HTML5的数据存储掌握：数据存储的作用以及实现方法26HTML5离线应用及地理位置掌握： 离线应用的原理，操作，以及地理位置的相关应用方法27CSS3入门与基础 掌握：CSS3的基础知识，包括选择器的用法及控制页面样式的方法28CSS3高级应用掌握：CSS3的高级应用，包括在页面中插入信息，控制页面文字

4、样式等2序号实验项目名称内容摘要实验学时实验类型开出要求1DIY视频播放器使用掌握多媒体元素的属性，方法，以及事件的应用2设计性必做2绘制时钟掌握绘制简单图形，图像，以及对图形，图像的相关操作方法2设计性必做3拖曳式点菜单界面掌握元素拖曳的实现方法2设计性必做4注册于登录掌握数据存储的作用以及实现方法2设计性必做5在搜狗地图中定位掌握离线应用的原理，操作，以及地理位置的相关应用方法2设计性必做6购物车结算界面掌握控制页面样式的方法2设计性必做7个性留言板掌握页面中插入信息，控制页面文字样式的方法2设计性必做8欧美风格企业网站掌握html5的应用2设计性必做五、教学方法与策略1、讲授法：从HTML5的web应用作为切入点。，讲授HTML5的基本知识和程序设计思路。在程序设计中注意培养学生的独立编写程序的能力。在常见设计运用中注意培养学生的创新能力和进取精神。2、实验课：掌握HTML5的设计。程序设计训练中，从学生的兴趣和实际能力出发，以常见功能和简易设计为基础，从易到难。指导教师要注意启发学生的积极性、创造性和进取心扎扎实实练好基本功。六、学生学习成效考核方式考核环节构成（均为100分制）评分依据占总成绩的比重上课出勤30分上课缺席一次扣2 分，缺课达1