《web前端开发大纲.doc》由会员分享,可在线阅读,更多相关《web前端开发大纲.doc(97页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、-_webweb 前端开发前端开发教学大纲教学大纲编写人:编写人: 石亚平石亚平 课课 时:时: 8080 课时课时 -_一、 课程教学内容及目标.4 (一) 知识目标.41. 掌握 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 (二) 能力目标
2、.51. 通过本课程的学习要求学生掌握 div+css 实现页面的布局,实现静态页面;.5 2. 通过 JavaScript 实现简单的交互功能;.5 3. 通过 jQuery 简化 js 的原生代码,减少代码量;.5 4. 通过 bootstrap 框架,实现页面快速布局.5 5. 能解决各大浏览器的兼容性问题;.5 (三) 参考教材.5 JavaScript 高级程序设计、W3School 离线手册、jQuery1.9.3 帮助文档.5 二、 课程教学内容及考核要求.5 第一单元:HTML 基础.51.1 Web 基础知识.5 1.2 HTML 快速入门.5 1.3 文本和图像.6 1.4
3、 表格和列表.6 第二单元:css 基础.172.1 CSS 语法.17 2.2 CSS 基础选择器.17 2.3 框模型和背景.18 2.4 浮动和定位.18 第三单元:CSS3 基础.293.1 复杂选择器.29 3.2 多列属性.30 3.3 CSS Hack.30 第四单元 CSS3 高级.364.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
4、 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 第
5、十单元 创建和访问数组.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.2HTML5 表单属性及验证.72 第十三单元 音视频处理和 Canvas 绘图.75 13.1视频处理.75 13.2音频处理.76 13.3Can
6、vas 概述.76 13.4Canvas 绘图.76 第十四单元 jQuery.79 14.1jQuery 介绍.79 14.2 jQuery 的编程步骤.79 14.3jQuery 对象.79-_14.4jQuery 选择器.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.7jQuery 事件.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表格.