web前端开发教案.docVIP

web前端开发教课设计 web前端开发教课设计 PAGE/NUMPAGES web前端开发教课设计 web前端开发教课设计 【篇一：web前端开发纲领】 web前端开发》教课纲领编写人：石亚平 课时： 一、课程教课内容及目 标 5 （一）知识目 标 5 1. 掌握html、html5 、css、css3 的基本语 法； 5 2. 掌握html5 的canvas 绘 图； 5 3. 娴熟应用div+css 实现页面布 局； 5 4. 掌握javascript基本语 法； 5 5. 掌握dom的基本用 法； 5 6. 掌握jquery 的基本用 法； 5 熟习w3c规范，认识各大主流阅读器的兼容 性；5 熟习bootstrap框 架 5 （二）能力目 标 5 经过本课程的学习要修业生掌握div+css实现页面的布局，实现 静态页面；5 经过javascript实现简单的交互功 能；5 经过jquery简化js的原生代码，减少代码 量；5 经过bootstrap框架，实现页面迅速布 局5 能解决各大阅读器的兼容性问 题；5 （三）参照教 材 5 javascript高级程序设计》、《w3school离线手册》、 《jquery1.9.3帮助文档》 5 二、课程教课内容及核查要 求 5 第一单元：html基 础 5 1.1web 基础知 识 5 1.2html 迅速入 门 1.3 5 文本和图 像 6 1.4 表格和列 表 7 第二单元：css基 础 17 2.1css 语 法 17 2.2css 基础选择 器 18 2.3框模型和背 景 18 2.4浮动和定 位 18 第三单元：css3 基 础 28 3.1复杂选择 器 3.2多列属 28 性 3.3css 29 hack 29 第四单元css3 高 级 34 4.1 转 换 34 4.2 过 渡 34 4.3动 画 34 第五单元 javascript 43 5.1 javascript 概 述 43 5.2 javascript 基础语 法 5.3 43 变量和常 量 44 第六单元javascript 数据种类变换和运算 符 47 6.2基本类 型 6.3 47 数据种类转 换 47 6.4 运算 符 47 第七单元javascript 函 数 52 7.1 函数的定 义 7.2 52 函数的调 用 52 7.3变量的作用 域  52 7.4全局函 数  52 第八单元javascript分支结 构 56 8.1什么是分支结 构  56 8.2if  语 句  56 8.3if-else  语 句  56 8.4elseif  语 句  56 8.5switch-case  语 句  56 第九单元循环结 构 59 9.1什么是循环结 构  59 9.2while  语 句 59 9.3do-while  语 句 59 9.4 for语 句 59 第十单元 创立和接见数 组 61 10.1 什么是数 组 10.2 61 数组的定义和初始 化 61 10.3 接见数 组 62 10.4 数组的常用方 法 6210.5二维数组62 第十一单元 67 11.1 dhtml 概 述 67 11.2dom 概 述 67 11.3 节点信 息 67 11.4经过html采纳元 素 67 11.5经过css采纳元 素 67 第十二单元 html5基 础 69 12.1html5 表单元 素 69 12.2html5表单属性及验 证 70 音视频办理和canvas 第十三单元 绘 图 7 3 13.1视频处 理 73 13.2音频处 理 73 13.3canvas 概 述 13.4canvas 73 绘 图 73 第十四单元 76 14.1jquery 介 绍 76 14.2jquery 的编程步 骤 76 14.3jquery 对 象 77 第十五单元jquery 操作dom和jquery 事 件 79 15.1查 询 79 15.2款式操 作 79 15.3遍历节 点 80 15.4创立、插入、删 除 80 15.5替代dom 节 点 80 15.6复制dom 节 点 80 15.7jquery事 件 80 第十六单元jquery 动画成效和bootstrap 起 步 83 16.1隐蔽和显 示 16.2 83 自定义动 画 83 16.3 并发与排队效 果 83 16.4 响应式网页概 述 83 16.5编写响应式网 页 83 16.6bootstrap概 念 83 第十七单元全局css样 式 92 17.1概 述 92 17.2布局容 器 92 17.3按 钮 92 17.4图 片 92 17.5表 格 92 17.6排 版 92 17.7栅 格 9217