文档介绍：《web前端开发》教学大纲
编写人: 石亚平
课时: 80课时
一、课程教学内容及目标 4
(一) 知识目标 4
1. 掌握html、 html5、css、css3的基本语法; 4
2. 掌握html5的canvas绘图; 4
3. 熟练应用div+css 实现页面布局; 4
4. 掌握JavaScript基本语法; 4
5. 掌握DOM的基本用法; 4
6. 掌握jQuery的基本用法; 4
7. 熟悉w3c规范,了解各大主流浏览器的兼容性; 4
8. 熟悉bootstrap框架 4
(二) 能力目标 5
1. 通过本课程的学习要求学生掌握div+css实现页面的布局,实现静态页面; 5
2. 通过JavaScript实现简单的交互功能; 5
3. 通过jQuery简化js的原生代码,减少代码量; 5
4. 通过bootstrap框架,实现页面快速布局 5
5. 能解决各大浏览器的兼容性问题; 5
(三) 参考教材 5
《JavaScript高级程序设计》、《W3School离线手册》、《》 5
二、课程教学内容及考核要求 5
第一单元:HTML基础 5
Web基础知识 5
HTML快速入门 5
文本和图像 6
表格和列表 6
第二单元:css基础 17
CSS语法 17
CSS基础选择器 17
框模型和背景 18
浮动和定位 18
第三单元:CSS3基础 29
复杂选择器 29
多列属性 30
CSS Hack 30
第四单元 CSS3高级 36
转换 36
过渡 36
动画 36
第五单元 JavaScript 45
JavaScript概述 45
JavaScript基础语法 46
变量和常量 46
第六单元 JavaScript数据类型转换和运算符 49
49
49
数据类型转换 49
运算符 49
第七单元 JavaScript函数 54
函数的定义 54
函数的调用 54
变量的作用域 54
全局函数 54
第八单元 JavaScript分支结构 58
什么是分支结构 58
If语句 58
If-else语句 58
else if语句 58
switch-case语句 58
第九单元循环结构 61
什么是循环结构 61
While语句 61
do-while语句 61
For语句 61
第十单元创建和访问数组 64
什么是数组 64
数组的定义和初始化 64
访问数组 64
数组的常用方法 64
二维数组 64
第十一单元 DOM 69
DHTML概述 69
DOM概述 69
节点信息 69
通过HTML选取元素 69
通过CSS选取元素 69
第十二单元 HTML5基础 72
HTML5表单元素 72
HTML5表单属性及验证 72
第十三单元音视频处理和Canvas绘图 75
视频处理 75
音频处理 76
Canvas概述 76
Canvas绘图 76
第十四单元 jQuery 79
jQuery介绍 79
jQuery的编程步骤 79
jQuery对象 79
jQuery选择器 79
第十五单元 jQuery操作DOM和jQuery事件 82
查询 82
样式操作 82
遍历节点 82
创建、插入、删除 82
替换DOM节点 82
复制DOM节点 82
jQuery事件 82
第十六单元 jQuery动画效果和bootstrap起步 85
隐藏和显示 85
自定义动画 85
并发与排队效果 85
响应式网页概述 85
编写响应式网页 86
bootstrap概念 86
第十七单元全局CSS样式 94
概述 94
布局容器 94
按钮 94
图片 94
表格 94
排版 94
栅格