《HTML5网页编程》课程整体设计.doc

课程整体设计

PAGE

PAGE7

《HTML5网页编程》

课程整体设计方案

课程名称HTML5网页编程

课程代码

所属学院（部）

适用专业

总学分4

总学时64

编制人

审批人

20XX—20XX学年第一学期

《HTML5网页编程》课程整体设计

课程性质

学分：4学分总学时：64课时

授课对象：移动互联专业学生

本课程是移动互联专业的核心专业必修课。课程的设置结合了当前教育行业最先进的工程教育模式CDIO，理论与实践相结合，设置了大量的实践操作例程，使学生在实际操作的基础上全面理解和掌握HTML5网页编程的相关知识。本课程主要涉及的知识点包括：HTML5的结构；HTML5和HTML4的区别；CSS3;JavaScript；HTML5移动平台框架等。

本课程的主要任务是让学生掌握HTML5、CSS3和JavaScript的基本用法，掌握网页编程的基本思想，为学生以后从事Web前端网页开发工作打下扎实的基础。

课程设计

课程目标设计

能力目标：

1、综合能力目标：

学生首先要对HTML5、CSS3和JavaScript有全面的了解和掌握，能够掌握HTML5、CSS3和JavaScript的基本语法，理解网页编程的基本思想，能够使用HTML5、CSS3和JavaScript独立完成小型网站前端的开发。

知识目标：

掌握HTML5和HTML4的区别

掌握HTML5的结构

掌握HTML5中新增的表单

掌握CSS3的用途和使用场景

掌握CSS3中的几种选择器的用法

掌握CSS3中样式的用法

掌握JavaScript的词法结构

掌握JavaScript中的表达式和运算符

掌握JavaScript中的三种流程控制语句

掌握JavaScript中对象的用法

掌握JavaScript中数组的用法

素质目标：

通过本课程的学习和上机实验，不仅让学生学到关于HTML5、CSS3和JavaScript的基本语法知识，而且还要培养学生网页编程的思想和良好的职业素养，包括编码规范、代码优化等。

课程内容设计

本课程采用最先进的工程教育模式CDIO教学法，同时注重理论教学和实践技能的培养；采用多媒体教学和现场教学相结合，使学生能够直观地理解知识点，提高教学效率和教学效果。在教学过程中，注重理论联系实践。所以我们把整个课程分为15个单项技能训练模块，如下表所示：

模块编号

模块内容

1

Web时代的变迁

2

HTML4

3

HTML5和HTML4的区别

4

HTML5的结构

5

表达及其他新增和改良元素

6

CSS3概述

7

选择器

8

样式

9

JavaScript概述

10

词法结构

11

类型、值和变量

12

表达式和运算符

13

流程控制

14

对象

15

数组

（3）授课计划表（教学日历）

周次

起止日期

（月/日－月/日）

周课

时数

主要内容

教学方式

1

4

迎接新的web时代

html5会深受欢迎的理由

html5要解决的三个问题

理论2实训2

2

4

常见标记的用法

常见属性的用法

理论2实训2

3

4

语法的改变

新增的元素和废除的元素

新增的属性和废除的属性

全局属性

理论2实训2

4

4

新增的主体结构元素

新增的非主体结构元素

HTML5结构

理论2实训2

5

4

新增元素与属性

表单验证

增强的页面元素

理论2实训2

6

4

CSS3概要介绍

使用CSS3能做什么

理论2实训2

7

4

选择器概述

属性选择器

结构性伪类选择器

ui元素状态伪类选择器

通用兄弟元素选择器

使用选择器在页面中插入内容

理论2实训2

8

4

文字与字体相关样式

盒相关样式

背景与边框相关样式

理论2实训2

9

4

JavaScript语言核心

客户端JavaScript

理论2实训2

10

4

字符集

注释

直接量

标识符和保留字

可选的分号

理论2实训2

11

4

数字

文本

布尔值

null和undefined

全局对象

包装对象

不可变的原始值和可变的对象引用

类型转换

变量声明

变量作用域

理论2实训2

12

4

表达式

运算符

理论2实训2

13

4

条件语