web前端开发大纲.doc

《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离线手册》、《jQuery1.9.3帮助文档》 5 二 5 第一单元：HTML基础 5 1.1 Web基础知识 5 1.2 HTML快速入门 5 1.3 文本和图像 6 1.4 表格和列表 6 第二单元：css基础 17 2.1 CSS语法 17 2.2 CSS基础选择器 17 2.3 框模型和背景 18 2.4 浮动和定位 18 第三单元：CSS3基础 29 3.1 复杂选择器 29 3.2 多列属性 30 3.3 CSS Hack 30 第四单元 CSS3高级 36 4.1 转换 36 4.2 过渡 36 4.3 动画 36 第五单元 JavaScript 45 5.1 JavaScript概述 45 5.2 JavaScript基础语法 46 5.3 变量和常量 46 第六单元 JavaScript数据类型转换和运算符 49 6.1数据类型 49 6.2基本类型 49 6.3 数据类型转换 49 6.4 运算符 49 第七单元 JavaScript函数 54 7.1 函数的定义 54 7.2 函数的调用 54 7.3 变量的作用域 54 7.4 全局函数 54 第八单元 ?JavaScript分支结构 58 8.1 什么是分支结构 58 8.2 If语句 58 8.3 If-else语句 58 8.4 else if语句 58 8.5 switch-case语句 58 第九单元 循环结构 61 9.1 什么是循环结构 61 9.2 While语句 61 9.3 do-while语句 61 9.4 For语句 61 第十单元 创建和访问数组 64 10.1 什么是数组 64 10.2 数组的定义和初始化 64 10.3 访问数组 64 10.4 数组的常用方法 64 10.5 二维数组 64 第十一单元 DOM 69 11.1 DHTML概述 69 11.2 DOM概述 69 11.3 节点信息 69 11.4 通过HTML选取元素 69 11.5 通过CSS选取元素 69 第十二单元 HTML5基础 72 12.1 HTML5表单元素 72 12.2 HTML5表单属性及验证 72 第十三单元 音视频处理和Canvas绘图 75 13.1 视频处理 75 13.2 音频处理 76 13.3 Canvas概述 76 13.4 Canvas绘图 76 第十四单元 jQuery 79 14.1 jQuery介绍 79 14.2 jQuery的编程步骤 79 14.3 jQuery对象 79 14.4 jQuery选择器 79 第十五单元 jQuery操作DOM和jQuery事件 82 15.1 查询 82 15.2 样式操作 82 15.3 遍历节点 82 15.4 创建、插入、删除 82 15.5 替换DOM节点 82 15.6 复制DOM节点 82 15.7 jQuery事件 82 第十六单元 jQuery动画效果和bootstrap起步 85 16.1 隐藏和显示 85 16.2 自定义动画 85 16.3 并发与排队效果 85 16.4 响应式网页概述 85 16.5 编写响应式网页 86 16.6 bootstrap概念 86 第十七单元 全局CSS样式 94 17.1 概述 94 17.2 布局容器 94 17.3 按钮 94 17.4 图片 94 17.5 表格 94 17.6 排版 94 17.7 栅格 94 17.8 表单 94 课程教学内容及目标 知识目标 掌握html5、css3的基本语法；