Web 前端开发职业技能标准串讲教案
初级
Web 前端开发职业技能等级考试
第一篇 Web 页面制作基础
第一章 HTML 标签介绍 .................................................................................................. 8
第一节 HTML 基本结构 ........................................................................................... 8
第二节 标签(元素)全局标准属性........................................................................ 9
第三节 HTML 的全局事件属性 ............................................................................. 10
第二章 HTML 的标签(元素) .................................................................................... 11
第一节 文本标签...................................................................................................... 11
第二节 多媒体标签.................................................................................................. 12
第三节 列表.............................................................................................................. 13
第四节 表格.............................................................................................................. 13
第五节 表单标签系列.............................................................................................. 14
第六节 其他语义化标签.......................................................................................... 16
第三章 页面结构与模块划分 ......................................................................................... 17
第一节 网页结构...................................................................................................... 17
第二节 模块划分...................................................................................................... 18
第四章 CSS 概述 ............................................................................................................. 18
第一节 CSS 代码语法 .............................................................................................. 18
第二节 CSS 放置位置 ............................................................................................. 19
第三节 CSS 的继承 .................................................................................................. 20
第五章 CSS 选择器 ......................................................................................................... 20
第一节 选择器的种类.............................................................................................. 20
第二节 选择器的优先级.......................................................................................... 22
第六章 CSS 样式(属性) ............................................................................................. 23
第一节 背景样式...................................................................................................... 23
第二节 字体样式...................................................................................................... 24
1
第三节 文本属性...................................................................................................... 25
第四节 基本样式...................................................................................................... 26
第五节 样式重置...................................................................................................... 28
第六节 盒模型样式.................................................................................................. 28
第七节 浮动 float ..................................................................................................... 30
第八节 定位 position ................................................................................................ 31
附录 .................................................................................................................................. 32
1. HTML 常用标签属性汇总 .................................................................................. 32
2. HTML 常用标签汇总 .......................................................................................... 33
3. css 默认值汇总 ..................................................................................................... 34
4. 浏览器默认样式................................................................................................... 36
第二篇 html5 和 css3 开发基础与应用
第一章 html5 开发基础与应用 ...................................................................................... 39
第一节 简介.............................................................................................................. 39
第二节 常用元素和属性.......................................................................................... 40
第三节 HTML5 表单相关元素和属性 ................................................................... 43
第二章 CSS3 .................................................................................................................... 45
第一节 CSS3 新增选择器 ....................................................................................... 45
第二节 CSS3 新增属性 ........................................................................................... 46
第三节 新增变形动画属性...................................................................................... 47
第四节 CSS3 的 3D 变形属性................................................................................. 48
第五节 CSS3 的过渡属性 ....................................................................................... 50
第六节 CSS3 的动画属性 ....................................................................................... 51
第七节 CSS3 新增多列属性 ................................................................................... 51
第八节 弹性盒模型.................................................................................................. 52
2
第三篇 JavaScript 程序设计
第一章:JavaScript 语法基础 ....................................................................................... 54
第一节 JavaScript 历史 ............................................................................................ 54
第二节 基础知识...................................................................................................... 55
第三节 数据类型...................................................................................................... 57
第二章 运算 ..................................................................................................................... 59
第一节 算术运算...................................................................................................... 59
第二节 强制转换...................................................................................................... 60
第三节 赋值运算...................................................................................................... 61
第四节 关系运算...................................................................................................... 62
第五节 逻辑运算...................................................................................................... 63
第六节 三元运算...................................................................................................... 63
第七节 隐式转换...................................................................................................... 64
第三章 分支循环 ............................................................................................................. 64
第一节 if ................................................................................................................... 64
第二节 switch ........................................................................................................... 66
第三节 while ............................................................................................................. 66
第四节 do-while ....................................................................................................... 66
第五节 for ................................................................................................................. 67
第六节 break 和 continue ......................................................................................... 67
第四章 数组 ..................................................................................................................... 68
第一节 基本应用...................................................................................................... 68
第二节 数组方法...................................................................................................... 69
第三节 二维数组...................................................................................................... 72
第五章 字符串 ................................................................................................................. 72
3
第一节 字符串属性.................................................................................................. 72
第二节 字符串的方法.............................................................................................. 72
第六章 正则表达式 ......................................................................................................... 74
第一节 基本概念...................................................................................................... 74
第二节 创建正则表达式.......................................................................................... 74
第三节 元字符.......................................................................................................... 74
第四节 模式修饰符.................................................................................................. 75
第五节 正则方法...................................................................................................... 75
第六节 支持正则的 String 方法 .............................................................................. 76
第七章 对象 ..................................................................................................................... 77
第一节 定义对象...................................................................................................... 77
第二节 内置对象...................................................................................................... 78
第三节 Math 方法 .................................................................................................... 78
第八章 面向对象 ............................................................................................................. 80
第一节 类和对象...................................................................................................... 80
第二节 定义对象...................................................................................................... 81
第三节 原型和原型链.............................................................................................. 83
第九章 函数 ..................................................................................................................... 84
第一节 函数的定义.................................................................................................. 84
第二节 局部变量和全局变量.................................................................................. 85
第三节 函数参数...................................................................................................... 86
第四节 返回值.......................................................................................................... 86
第五节 匿名函数...................................................................................................... 87
第六节 自运行函数.................................................................................................. 87
第七节 闭包.............................................................................................................. 88
4
第十章 BOM .................................................................................................................... 89
第一节 BOM 概述 .................................................................................................... 89
第二节 BOM 对象 .................................................................................................... 89
第十一章 DOM ................................................................................................................ 91
第一节 DOM 概述 ................................................................................................... 91
第二节 DOM 对象方法 ........................................................................................... 91
第三节 DOM 对象属性 ........................................................................................... 92
第四节 操作 DOM 对象属性和内容 ...................................................................... 93
第五节 操作 DOM 间的关系 .................................................................................. 94
第六节 DOM 节点属性( Attribute ) ........................................................................ 95
第十二章 事件 ................................................................................................................. 96
第一节 事件.............................................................................................................. 96
第二节 事件对象(Event) .................................................................................... 98
第三节 事件流.......................................................................................................... 99
第四节 事件监听(DOM2 级事件) ................................................................... 100
第四篇 轻量级框架开发应用
第一章 jQuery 简介 ...................................................................................................... 101
第一节 jQuery 是什么 ............................................................................................ 101
第二节 jQuery 主要功能 ........................................................................................ 101
第三节 JQuery 对象 ............................................................................................... 101
第四节 JQuery 的缺点 ........................................................................................... 102
第五节 版本进化.................................................................................................... 102
第二章 选择器 ............................................................................................................... 103
第一节 基本选择器................................................................................................ 103
第二节 属性选择器................................................................................................ 103
5
第三节 位置选择器................................................................................................ 103
第四节 后代选择器................................................................................................ 104
第五节 子代选择器................................................................................................ 104
第六节 选择器对象................................................................................................ 104
第七节 选择器对象遍历应用及页面初始化........................................................ 105
第八节 子元素、表单、表单对象属性选择器.................................................... 105
第九节 层级选择器................................................................................................ 106
第三章 DOM 操作 ......................................................................................................... 107
第一节 查找获取.................................................................................................... 107
第二节 插入............................................................................................................ 107
第三节 包裹............................................................................................................ 107
第四节 替换............................................................................................................ 108
第五节 删除............................................................................................................ 108
第六节 克隆............................................................................................................ 108
第四章 筛选 ................................................................................................................... 108
第一节 过滤............................................................................................................ 108
第二节 查找............................................................................................................ 109
第三节 串联............................................................................................................ 109
第五章 jQuery 事件 ...................................................................................................... 110
第一节 页面载入.................................................................................................... 110
第二节 事件绑定.................................................................................................... 110
第三节 鼠标事件.................................................................................................... 110
第四节 键盘事件.................................................................................................... 111
第五节 表单事件.................................................................................................... 111
第六节 文档窗口事件............................................................................................ 111
6
第七节 事件冒泡.................................................................................................... 111
第六章 效果 ................................................................................................................... 111
第一节 容器适应.................................................................................................... 111
第二节 标签操作.................................................................................................... 112
第三节 基本 滑动 淡出淡入.................................................................................. 113
第四节 自定义动画................................................................................................ 113
第七章 AJAX ................................................................................................................. 113
第一节 工作原理.................................................................................................... 114
第二节 AJAX 的原生写法 .................................................................................... 115
第三节 jQuery 中 AJAX 语法 ................................................................................ 115
第四节 JSON 对象 ................................................................................................. 116
第五节 XML 使用 .................................................................................................. 116
第六节 AJAX-load()方法 ...................................................................................... 116
第七节 AJAX-get() 和 post() 方法 ........................................................................ 117
第八节 AJAX 跨域 ................................................................................................ 117
附件 ................................................................................................................................ 117
7