web前端开发大纲

《web前端开发大纲》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《web前端开发》教学大纲编写人：石亚平课时：80课时97/97一、课程教学内容及目标4（一）知识目标41.掌握html、html5、css、css3的基本语法；42.掌握html5的canvas绘图；43.熟练应用div+css实现页面布局；44.掌握JavaScript基本语法；45.掌握DOM的基本用法；46.掌握jQuery的基本用法；47.熟悉w3c规范，了解各大主流浏览器的兼容性；48.熟悉bootstrap框架4（二）能力目标51.通过本课程的学习要求学生掌握div+css实现页面的布局，实现静态页面；52.通过JavaScript实现简单的交

2、互功能；53.通过jQuery简化js的原生代码，减少代码量；54.通过bootstrap框架，实现页面快速布局55.能解决各大浏览器的兼容性问题；5（三）参考教材5《JavaScript高级程序设计》、《W3School离线手册》、《jQuery1.9.3帮助文档》5二、课程教学内容及考核要求5第一单元：HTML基础51.1Web基础知识51.2HTML快速入门51.3文本和图像61.4表格和列表6第二单元：css基础172.1CSS语法172.2CSS基础选择器172.3框模型和背景182.4浮动和定位18第三单元：CSS3基础293.1复杂选择器293

3、.2多列属性303.3CSSHack30第四单元CSS3高级364.1转换364.2过渡364.3动画36第五单元JavaScript455.1JavaScript概述455.2JavaScript基础语法465.3变量和常量46第六单元JavaScript数据类型转换和运算符4997/976.1数据类型496.2基本类型496.3数据类型转换496.4运算符49第七单元JavaScript函数547.1函数的定义547.2函数的调用547.3变量的作用域547.4全局函数54第八单元 JavaScript分支结构588.1什么是分支结构588.2If语句5

4、88.3If-else语句588.4elseif语句588.5switch-case语句58第九单元循环结构619.1什么是循环结构619.2While语句619.3do-while语句619.4For语句61第十单元创建和访问数组6410.1什么是数组6410.2数组的定义和初始化6410.3访问数组6410.4数组的常用方法6410.5二维数组64第十一单元DOM6911.1DHTML概述6911.2DOM概述6911.3节点信息6911.4通过HTML选取元素6911.5通过CSS选取元素69第十二单元HTML5基础7212.1HTML5表单元素721

5、2.2HTML5表单属性及验证72第十三单元音视频处理和Canvas绘图7513.1视频处理7513.2音频处理7613.3Canvas概述7613.4Canvas绘图76第十四单元jQuery7914.1jQuery介绍7914.2jQuery的编程步骤7914.3jQuery对象7997/9714.4jQuery选择器79第十五单元jQuery操作DOM和jQuery事件8215.1查询8215.2样式操作8215.3遍历节点8215.4创建、插入、删除8215.5替换DOM节点8215.6复制DOM节点8215.7jQuery事件82第十六单元jQue

6、ry动画效果和bootstrap起步8516.1隐藏和显示8516.2自定义动画8516.3并发与排队效果8516.4响应式网页概述8516.5编写响应式网页8616.6bootstrap概念86第十七单元全局CSS样式9417.1概述9417.2布局容器9417.3按钮9417.4图片9417.5表格9417.6排版9417.7栅格9417.8表单9497/97一、课程教学内容及目标（一）知识目标1.掌握html5、css3的基本语法；2.掌握html5的canvas绘图；3.掌握css3动画；4.掌握JavaScript基本语法；5.掌握DOM的基本用法

7、；6.掌握jQuery的基本用法和jQuery的动画效果；7.熟悉w3c规范，了解各大主流浏览器的兼容性；8.熟悉bootstrap框架（二）能力目标1.通过本课程的学习要求学生掌握css3新增的选择器和html5新增的表单元素；2.会使用canvas绘图3.通过JavaScript实现简单的交互功能；4.通过jQuery简化js的原生代码，减少代码量；5.通过bootstrap框架，实现页面快速布局6.能解决各大浏览器的兼容性问题；（三）参考教材《JavaScript高级程序设计》、《W3School离线手册》、《jQuery1.9.3帮助文档》二、课程教

8、学内容及考核要求第一单元：HTML基础1.1Web基