web前端开发大纲.docx

PAGE PAGE 10 /97 《web 前端开发》教学大纲 编写人： 石亚平课 时： 80 课时 一、 课程教学内容及目标 （一） 知识目标 1. 掌握html、 html5、css、css3 的基本语法； 2. 掌握html5 的 canvas 绘图； 3. 熟练应用div+css 实现页面布局； 4. 掌握JavaScript 基本语法； 5. 掌握DOM 的基本用法； 6. 掌握jQuery 的基本用法； 7. 熟悉w3c 规范，了解各大主流浏览器的兼容性； 8. 熟悉bootstrap 框架 （二） 能力目标 1. 通过本课程的学习要求学生掌握div+css 实现页面的布局，实现静态页面； 2. 通过JavaScript 实现简单的交互功能； 3. 通过jQuery 简化js 的原生代码，减少代码量； 4. 通过bootstrap 框架，实现页面快速布局 5. 能解决各大浏览器的兼容性问题； （三） 参考教材 《JavaScript 高级程序设计》、《W3School 离线手册》、《jQuery1.9.3 帮助文档》 5 二、 课程教学内容及考核要求 第一单元：HTML 基础 1.1 Web 基础知识 1.2 HTML 快速入门 1.3 文本和图像 1.4 表格和列表 第二单元：css 基础 2.1 CSS 语法 2.2 CSS 基础选择器 2.3 框模型和背景 2.4 浮动和定位 第三单元：CSS3 基础 3.1 复杂选择器 3.2 多列属性 3.3 CSS Hack 第四单元 CSS3 高级 4.1 转换 4.2 过渡 4.3 动画 第五单元 JavaScript 5.1 JavaScript 概述 5.2 JavaScript 基础语法 5.3 变量和常量 第六单元 JavaScript 数据类型转换和运算符 6.1 数据类型 6.2 基本类型 6.3 数据类型转换 6.4 运算符 第七单元 JavaScript 函数 7.1 函数的定义 7.2 函数的调用 7.3 变量的作用域 7.4 全局函数 第八单元 JavaScript 分支结构 8.1 什么是分支结构 8.2 If 语句 8.3 If-else 语句 8.4 else if 语句 8.5 switch-case 语句 第九单元 循环结构 9.1 什么是循环结构 9.2 While 语句 9.3 do-while 语句 9.4 For 语句 第十单元 创建和访问数组 10.1 什么是数组 10.2 数组的定义和初始化 10.3 访问数组 10.4 数组的常用方法 10.5 二维数组 62 第十一单元 DOM 11.1 DHTML 概述 11.2 DOM 概述 11.3 节点信息 11.4通过 HTML 选取元素 11.5通过 CSS 选取元素 第十二单元 HTML5 基础 12.1 HTML5 表单元素 12.2HTML5 表单属性及验证 第十三单元 音视频处理和Canvas 绘图 13.1 视频处理 13.2 音频处理 13.3 Canvas 概述 13.4 Canvas 绘图 第十四单元 jQuery 14.1 jQuery 介绍 14.2 jQuery 的编程步骤 14.3 jQuery 对象 14.4 jQuery 选择器 第十五单元 jQuery 操作DOM 和 jQuery 事件 15.1 查询 15.2 样式操作 15.3 遍历节点 15.4创建、插入、删除 15.5 替换 DOM 节点 15.6 复制 DOM 节点 15.7 jQuery 事件 第十六单元 jQuery 动画效果和bootstrap 起步 16.1 隐藏和显示 16.2 自定义动画 16.3 并发与排队效果 16.4 响应式网页概述 16.5 编写响应式网页 16.6 bootstrap 概念 第十七单元 全局 CSS 样式 17.1 概述 17.2 布局容器 17.3 按钮 17.4 图片 17.5 表格 17.6 排版 17.7 栅格 17.8 表单错..误..！..未..定..义..书..签..。 一、 课程教学内容及目标 （一） 知识目标 掌握 html5、css3 的基本语法； 掌握 html5 的 canvas 绘图； 掌握 css3 动画； 掌握 JavaScript 基本语法； 掌握 DOM 的基本用法； 掌握 jQuery 的基本用法和 jQuery 的动画效果； 熟悉 w3c 规范，了解各大主