web前端开发大纲.doc

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