前言
章 HTML概述 1
1.1 网页制作概述 1
1.1.1 HTML简介 1
1.1.2 CSS简介 2
1.1.3 JavaScript简介 2
1.1.4 HTML5新特性 2
1.2 HTML4常用元素与属性 3
1.2.1 标题类元素 3
1.2.2 基本的HTML 元素 4
1.2.3 插入图片元素 6
1.2.4 超链接元素 8
1.2.5 常用列表元素 11
1.2.6 常用表格元素 15
1.3 HTML的表单元素 19
1.3.1 HTML4常用的表单元素 20
1.3.2 HTML5新增的表单元素及属性 27
1.4 HTML5的多媒体元素 29
1.4.1 audio元素 29
1.4.2 video元素 30
1.5 项目实践：个人注册页面的实现 31
本章小结 34
第2章 CSS样式表 35
2.1 CSS基础 35
2.1.1 CSS简介 35
2.1.2 在HTML页面中引入CSS的方法 36
2.2 CSS选择器 37
2.2.1 基本选择器 37
2.2.2 层次选择器 39
2.2.3 动态伪类选择器 41
2.2.4 属性选择器 42
2.3 边框 45
2.3.1 边框基本属性 45
2.3.2 CSS3图片边框属性 46
2.3.3 CSS3圆角边框属性 47
2.4 背景 49
2.4.1 背景基本属性 49
2.4.2 CSS3新增背景属性 50
2.4.3 CSS3多背景属性 52
2.5 文本 54
2.5.1 文本基本属性 54
2.5.2 CSS3文本阴影属性 55
2.5.3 CSS3文本换行 56
2.6 盒模型 58
2.6.1 盒的内部结构 58
2.6.2 CSS3新增盒模型属性 60
2.6.3 CSS3外轮廓属性 63
2.6.4 CSS3盒子阴影属性 65
2.6.5 块级元素与内联元素 67
2.7 浮动与定位 67
2.7.1 浮动 67
2.7.2 定位 71
2.7.3 z-index属性 73
2.7.4 display属性 74
2.8 列表 76
2.8.1 list-style-type属性 76
2.8.2 list-style-image属性 78
2.8.3 list-style-positio属性 81
2.8.4 list-style属性 82
2.8.5 列表应用一：水平导航菜单 83
2.8.6 列表应用二：图文列表 84
本章小结 88
第3章 CSS样式不错篇 89
3.1 CSS页面布局 89
3.1.1 网页基本组成 89
3.1.2 网页大小 89
3.1.3 单列布局 90
3.1.4 两列布局 91
3.1.5 三列布局 95
3.1.6 混合布局 97
3.2 CSS3渐变 101
3.2.1 CSS3线性渐变 102
3.2.2 CSS3径向渐变 102
3.2.3 CSS3重复渐变 103
3.3 CSS3变形 103
3.3.1 transform属性 104
3.3.2 transform-origin属性 106
3.4 项目实践 109
3.4.1 项目简介 109
3.4.2 页面结构 109
3.4.3 水平导航 110
3.4.4 图片列表 111
3.4.5 整体布局 113
本章小结 114
第4章 JavaScript入门 115
4.1 JavaScript介绍 115
4.2 JavaScript入门基础 116
4.2.1 引入JavaScript 116
4.2.2 数据类型 117
4.2.3 变量和常量 119
4.2.4 运算符和表达式 121
4.3 程序流程控制语句 125
4.3.1 分支语句 125
4.3.2 循环语句 130
4.3.3 try-catch-finally语句 135
4.4 函数 137
4.4.1 函数定义 137
4.4.2 函数变量作用域 140
4.4.3 函数返回值 142
4.5 JavaScript内置对象与事件 143
4.5.1 JavaScript中的对象 143
4.5.2 JavaScript内置对象 148
4.5.3 事件 157
4.5.4 项目实践 160
本章小结 164
第5章 DOM对象与BOM对象 165
5.1 DOM对象 165
5.1.1 什么是DOM 165
5.1.2 常用的DOM操作 165
5.2 BOM对象 175
5.2.1 什么是BOM 175
5.2.2 window对象 175
5.3 尺寸获取 180
5.3.1 尺寸获取的用途 180
5.3.2 screen对象 180
5.3.3 浏览器窗口的尺寸获取 181
5.3.4 网页尺寸 181
5.4 项目实践 185
本章小结 187
第6章 jQuery基本应用 188
6.1 jQuery概述 188
6.1.1 认识jQuery 188
6.1.2 配置jQuery开发环境 189
6.1.3 编写个jQuery程序 190
6.2 jQuery选择器 191
6.2.1 基础选择器 191
6.2.2 表单选择器 192
6.3 jQuery HTML操作 195
6.3.1 jQuery访问HTM元素 195
6.3.2 jQuery操作CSS样式 197
6.3.3 jQuery管理HTML元素 199
6.4 jQuery事件 204
6.4.1 jQuery事件概述 204
6.4.2 jQuery事件处理方法 204
6.4.3 Event对象 208
6.4.4 jQuery的内置事件方法 209
6.5 jQuery动画方法 212
6.5.1 显示和隐藏 212
6.5.2 淡入和淡出 214
6.5.3 滑动效果 215
6.5.4 自定义动画 216
6.6 项目实践 220
6.6.1 项目简介 220
6.6.2 HTML结构 221
6.6.3 CSS样式 222
6.6.4 jQuery动画 223
本章小结 225
第7章 综合案例 226
7.1 整体布局 226
7.2 Bootstrap响应式框架 228
7.2.1 Bootstrap框架简介 228
7.2.2 Bootstrap环境安装 229
7.2.3 Bootstrap CSS概览 231
7.2.4 Bootstrap组件概览 234
7.3 导航区域 236
7.4 轮播区域 238
7.5 主体区域 239
7.6 页脚区域 249
本章小结 252
参考文献 253

《Web前端开发实践教程》对Web昀新的开发技术进行了全面的介绍，HTML5+CSS3+JavaS cript将网页内容、外观样式及动态效果有效分离，减少页面代码，提高运行速度。除此之外，还讲述了jQuery和Bootstrap等前端框架的内容。《Web前端开发实践教程》包括7章内容。章介绍了HTML的基础知识，然后引入HTML5技术，介绍了HTML5的文档结构及常用元素和属性；第2章介绍了CSS3样式的基础语法及其具体应用；第3章结合实际案例，讲解了CSS3样式的不错应用，突出介绍了CSS3的新增功能；第4章介绍了Java Script语言的语法基础及其典型应用；第5章介绍了DOM和BOM对象及其事件处理机制；第6章介绍了Web前台框架技术jQuery的基础语法以及插件的用法；第7章结合《Web前端开发实践教程》内容设计了一个综合性项目，《Web前端开发实践教程》除了用到前面所讲的内容外，还涉及响应式开发等新颖内容，以便读者进行实战练习。《Web前端开发实践教程》各章都提供了丰富实用的案例和小结，力图让读者在实践练习中掌握昀新的主流Web前端开发技术。