Web前端开发案例教程——HTML5+CSS3+JavaScript+JQuery+Bootstrap响应式开发

前端开发、移动开发、响应式Web开发从入门到精通
分享 推荐 1 收藏 15 阅读 2.0K
刘伯成 (作者)

关于本书的内容有任何问题,请联系 刘博

1. 介绍了HTML5开发技术,JQuery框架以及BootStrap响应式开发
2.配图丰富,效果直观
3. 以项目开发为主线,采用边讲边练的方式
4.配有大量的实用案例,理论和实践完美结合
5.综合案例整合所学理论知识

内容摘要

本书全面系统地介绍了网页设计、开发涉及的主要技术和技巧。主要内容包括:Web前端开发概述、HTML5基础、表格和表单、框架、CSS样式表、CSS样式表布局、HTML5、CSS3综合案例、JavaScript基础、JavaScript对象、JavaScript DOM、JQuery基础、JQuery应用、响应式布局、Bootstrap。

目录

第1章 Web前端开发概述 1
1.1 Web概述 2
1.1.1 Web客户端技术 2
1.1.2 Web服务器端技术 2
1.1.3 超文本传输协议 3
1.1.4 统一资源定位符 3
1.2 HTML 3
1.2.1 HTML简介 3
1.2.2 HTML的发展 4
1.3 CSS 4
1.3.1 CSS简介 4
1.3.2 CSS的特点 5
1.4 JavaScript 5
1.4.1 JavaScript简介 5
1.4.2 JavaScript的特点 6
1.5 jQuery 6
1.6 Bootstrap 7
1.7 其他前端框架 7
1.7.1 Angular 7
1.7.2 React 7
1.7.3 Vue 7
小结 8
第2章 HTML5基础Ⅰ 9
2.1 HTML5的新特性 10
2.2 HTML5文档结构 11
2.2.1 基本结构 11
2.2.2 编辑工具 12
2.3 HTML5头部标签 13
2.3.1 <title>标签 13
2.3.2 <meta>标签 14
2.3.3 <link>标签 14
2.3.4 <style>标签 14
2.3.5 <script>标签 15
2.4 块级标签 15
2.4.1 基本的块级标签 15
2.4.2 常用于布局的块级标签 17
2.5 行级标签 22
2.5.1 图像标签<img/> 22
2.5.2 图片列表标签<figure>和<figcaption> 23
2.5.3 范围标签<span> 25
2.5.4 换行标签<br/> 25
2.5.5 超链接标签<a> 26
2.6 W3C标准 30
2.6.1 W3C提倡的Web页面结构 30
2.6.2 HTML5的基本规范、结构元素和媒体支持 31
2.7 实践指导 34
小结 35
拓展训练 36
第3章 HTML5基础Ⅱ 37
3.1 表格基础 38
3.1.1 表格结构 39
3.1.2 表格标签 40
3.1.3 表格属性设置 41
3.1.4 跨行和跨列设置 42
3.2 表单 45
3.2.1 表单标签 47
3.2.2 表单域 47
3.2.3 表单按钮 53
3.2.4 HTML5新增的表单属性 54
3.2.5 HTML5新增表单标签 55
3.2.6 表单验证 56
3.3 表格布局 57
3.3.1 应用场景 57
3.3.2 图文布局 57
3.3.3 表单布局 59
3.3.4 表格的嵌套布局 61
3.4 <iframe>框架 63
3.4.1 <iframe>的用法 64
3.4.2 设置<iframe>常用属性 64
3.5 实践指导 65
小结 67
拓展训练 67
第4章 CSS3基础 70
4.1 CSS3简介 71
4.2 CSS3基本语法 72
4.2.1 CSS3基本结构 72
4.2.2 在HTML5中引入CSS3样式表 72
4.2.3 CSS3基本选择器 76
4.2.4 CSS层叠性、继承性和重要性 80
4.2.5 多选择器的常用符号及组合 82
4.3 CSS的常用属性 82
4.3.1 CSS的属性单位 82
4.3.2 字体属性 83
4.3.3 文本属性 85
4.3.4 背景属性 87
4.3.5 列表的常用属性 88
4.3.6 超链接伪类样式 89
4.4 实践指导 91
小结 93
拓展训练 94
第5章 CSS3布局 95
5.1 盒子模型及应用 96
5.1.1 盒子模型 96
5.1.2 盒子属性 96
5.2 DIV+CSS3布局 100
5.2.1 <div>标签的样式设置 100
5.2.2 布局页面设置 102
5.2.3 <div>标签的嵌套 103
5.2.4 display属性 104
5.2.5 <div>标签的浮动 106
5.2.6 <div>标签的定位 109
5.2.7 圆角边框 112
5.2.8 典型的DIV+CSS3整体页面布局 113
5.3 典型的局部布局 115
5.3.1 <div>-<ul>-<li>局部布局 115
5.3.2 <div>-<dl>-<dt>-<dd>局部布局 119
5.4 实践指导 121
小结 123
拓展训练 124
第6章 网站设计 125
6.1 网站开发流程 126
6.1.1 需求分析 126
6.1.2 伪界面设计 127
6.1.3 网站制作 127
6.1.4 测试网页 128
6.1.5 发布网站 128
6.2 创建站点 128
6.3 页面布局技术 130
6.3.1 表格布局 130
6.3.2 框架布局 130
6.3.3 DIV+CSS3布局 131
6.4 网页制作 131
6.4.1 制作首页布局 131
6.4.2 制作网页模板 132
6.4.3 制作样式表文件和其他页面绑定 133
6.4.4 设置页面间的链接 135
6.5 测试并发布网站 135
6.5.1 测试内容 135
6.5.2 发布站点 136
6.6 实践指导 139
小结 141
拓展训练 141
第7章 JavaScript基础 142
7.1 JavaScript简介 143
7.1.1 JavaScript的基本结构 143
7.1.2 脚本的执行原理 145
7.2 JavaScript基础语法 145
7.2.1 变量 146
7.2.2 数据类型 146
7.2.3 注释 148
7.2.4 运算符 148
7.2.5 常用的输入/输出 148
7.3 流程控制 149
7.3.1 分支结构 149
7.3.2 循环结构 152
7.3.3 转移结构 155
7.4 函数 157
7.4.1 内置系统函数 157
7.4.2 自定义函数 159
7.5 实践指导 160
小结 164
拓展训练 164
第8章 JavaScript对象 165
8.1 JavaScript核心对象 166
8.1.1 数组对象 166
8.1.2 字符串对象 167
8.1.3 日期对象 170
8.1.4 数学对象 173
8.2 自定义对象 175
8.2.1 对象的制作和使用 175
8.2.2 在对象内设定方法 177
8.2.3 将对象作为对象属性使用 178
8.3 JavaScript的事件 180
8.4 实践指导 182
小结 183
拓展训练 183
第9章 JavaScript DOM 185
9.1 DOM概述 186
9.2 window对象 187
9.2.1 常用属性 187
9.2.2 常用方法 187
9.2.3 常用事件 189
9.3 document对象 191
9.3.1 常用属性 191
9.3.2 常用方法 192
9.4 其他对象 194
9.4.1 history对象 194
9.4.2 location对象 195
9.4.3 表单对象 196
9.5 DOM编程应用 198
9.5.1 元素的显示和隐藏 198
9.5.2 复选框全选效果 202
9.6 实践指导 204
小结 205
拓展训练 205
第10章 jQuery基础 206
10.1 jQuery简介 207
10.1.1 jQuery的使用 207
10.1.2 jQuery工厂函数 208
10.2 DOM对象与jQuery对象的相互转换 208
10.3 jQuery的选择器 210
10.3.1 基本选择器 210
10.3.2 层次选择器 211
10.3.3 过滤选择器 213
10.3.4 表单选择器 221
10.4 实践指导 223
小结 223
拓展训练 223
第11章 jQuery应用 224
11.1 jQuery的事件绑定 225
11.1.1 jQuery事件 225
11.1.2 常用的绑定方法 225
11.1.3 使用jQuery操作DOM 227
11.2 jQuery的动画函数 236
11.2.1 show()和hide()函数 236
11.2.2 fadeIn()和fadeOut()函数 237
11.2.3 自定义动画 238
11.3 jQuery的简单应用 239
11.3.1 功能需求 239
11.3.2 功能实现 240
11.4 实践指导 246
小结 246
拓展训练 246
第12章 响应式布局 247
12.1 视口 248
12.1.1 PC端视口 248
12.1.2 移动端视口 248
12.2 媒体查询与百分比布局 250
12.2.1 媒体查询 250
12.2.2 百分比布局 251
12.3 栅格系统 254
12.3.1 栅格系统简介 254
12.3.2 栅格系统的应用 254
12.4 弹性盒布局 255
12.4.1 弹性盒布局简介 255
12.4.2 弹性盒布局的应用 258
12.5 实践指导 261
小结 262
拓展训练 262
第13章 Bootstrap技术 263
13.1 Bootstrap技术简介 264
13.1.1 Bootstrap技术基本介绍 264
13.1.2 Bootstrap技术的基本用法 264
13.2 栅格系统 265
13.3 CSS全局样式 269
13.3.1 基础排版 269
13.3.2 表单 270
13.3.3 按钮 273
13.3.4 图片 273
13.4 Bootstrap组件 274
13.4.1 图标 274
13.4.2 下拉菜单 276
13.4.3 输入框 278
13.4.4 导航与导航条 279
13.4.5 缩略图与媒体对象 286
13.4.6 列表组 289
13.5 实践指导 290
小结 291
拓展训练 291
第14章 综合案例 292
14.1 网页概述 293
14.1.1 导航条 293
14.1.2 搜索栏 293
14.1.3 滚动式信息栏 294
14.1.4 其他网页元素 294
14.2 导航条 295
14.3 搜索栏 298
14.4 滚动式推荐栏 299
14.5 其他网页元素 301
14.5.1 用户信息栏 301
14.5.2 美食信息栏 302
14.5.3 特殊服务栏 303
14.5.4 外部链接栏 304
14.5.5 网页信息栏 305
14.5.6 至顶(to-top) 306
小结 308
拓展训练 308

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

刘伯成,南昌大学软件学院副教授, 发表论文:《基于多Agent智能网络教学系统设计与实现》、《掌上物流通系统的设计与实现》、《人工情感与物联网技术研究》等。

推荐用户

相关图书

联系客服
联系客服
人邮微信
人邮微信
微信二维码
返回顶部
返回顶部