响应式网页开发基础教程 jQuery+Bootstrap2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

响应式网页开发基础教程 jQuery+BootstrapPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 响应式网页设计基础1

1.1 什么是响应式网页1

1.1.1 响应式网页设计的产生1

1.1.2 响应式和“自适应网页”2

1.1.3 响应式网页的特点2

1.2 媒体查询及应用3

1.2.1 媒体查询简介3

1.2.2 媒体查询的基本形式3

1.2.3 常用媒体特性5

1.2.4 动手练习：制作响应式网页示例6

1.3 响应式网页呈现7

1.3.1 屏幕可视区域viewport7

1.3.2 相对大小与绝对大小9

1.3.3 响应式图像适配10

1.4 本章实训：创建一个响应式网页14

1.4.1 使用HTML5标签建立页面基本结构14

1.4.2 布局与定位14

1.4.3 网页内容呈现14

习题16

第2章 JavaScript基础18

2.1 初识JavaScript18

2.1.1 JavaScript的组成18

2.1.2 JavaScript在网页中的引用方式19

2.1.3 常用的输入卐输出语句21

2.2 JavaScript编程基础23

2.2.1 变量与数据类型23

2.2.2 运算符25

2.2.3 程序的流程控制语句27

2.2.4 函数的使用30

2.2.5 常用JavaScript内置对象30

2.3 JavaScript事件处理38

2.3.1 事件与事件处理程序38

2.3.2 常用事件40

2.4 JavaScript的BOM与DOM40

2.4.1 BOM对象及其子对象40

2.4.2 DOM对象模型43

2.4.3 HTML文档的节点44

2.4.4 操作DOM节点对象45

2.5 本章实训：JavaScript在线上网页的应用实例50

2.5.1 网页换肤50

2.5.2 在线搜索52

2.5.3 百度一下54

习题55

第3章 jQuery基础58

3.1 初识jQuery58

3.1.1 jQuery简介58

3.1.2 jQuery在网页中的引用方式58

3.1.3 jQuery初体验59

3.2 jQuery选择器62

3.2.1 基本选择器62

3.2.2 层级选择器63

3.2.3 过滤选择器65

3.2.4 筛选选择器76

3.3 jQuery控制属性与类77

3.3.1 控制属性attr77

3.3.2 控制CSS类78

3.4 事件处理与应用举例81

3.4.1 jQuery常用事件81

3.4.2 jQuery的动画效果与应用88

3.5 操作DOM对象95

3.5.1 jQuery操作DOM属性95

3.5.2 jQuery操作DOM节点95

3.6 本章实训：jQuery网页应用实例97

3.6.1 jQuery线上网页应用之导航菜单97

3.6.2 jQuery线上网页应用之图片展示100

3.6.3 jQuery插件应用举例104

3.6.4 jQuery操作DOM应用举例108

习题109

第4章 Bootstrap基础112

4.1 Bootstrap入门112

4.1.1 Bootstrap简介112

4.1.2 如何使用Bootstrap113

4.1.3 在Dreamweaver CC中创建Bootstrap页面114

4.2 Bootstrap基本样式设计114

4.2.1 网格系统114

4.2.2 图片样式115

4.2.3 排版样式与辅助类115

4.2.4 表格样式123

4.2.5 徽章126

4.2.6 字体图标126

4.3 本章实训：Bootstrap基本样式设置127

习题128

第5章 响应式布局130

5.1 响应式网页布局概述130

5.1.1 固定布局130

5.1.2 流式布局131

5.1.3 弹性布局131

5.1.4 混合布局131

5.2 网格布局132

5.2.1 网格布局的概念132

5.2.2 CSS中的Flex与Grid133

5.3 使用Bootstrap实现网格布局136

5.3.1 Bootstrap网格布局概述136

5.3.2 Bootstrap响应式网格布局139

5.3.3 列偏移与列排序141

5.3.4 列嵌套143

5.4 本章实训：基于Bootstrap的响应式布局实现144

5.4.1 建立页面基本结构144

5.4.2 响应式布局的实现145

习题146

第6章 Bootstrap组件设计147

6.1 Bootstrap表单设计147

6.1.1 基础表单147

6.1.2 表单输入（input）150

6.1.3 表单控件设置150

6.1.4 表单验证状态152

6.1.5 按钮组152

6.1.6 输入框组155

6.2 Bootstrap下拉菜单156

6.2.1 下拉菜单示例156

6.2.2 下拉菜单实现方法158

6.3 Bootstrap导航及分页159

6.3.1 Bootstrap导航基本样式159

6.3.2 标签页式导航160

6.3.3 胶囊式导航161

6.3.4 面包屑导航163

6.3.5 导航栏及其组件163

6.3.6 分页设计166

6.3.7 滚动监听168

6.3.8 附加导航（Affix）168

6.4 Bootstrap消息提示170

6.4.1 工具提示（tooltip）170

6.4.2 警告框组件（alert）172

6.4.3 弹出框（popover）173

6.5 Bootstrap内置组件174

6.5.1 轮播图175

6.5.2 缩略图177

6.5.3 巨幕效果177

6.5.4 进度条178

6.5.5 模态框（modal）179

6.5.6 well和面板（panel）181

6.5.7 折叠组件183

6.5.8 在Adobe Dreamweaver CC中插入Bootstrap组件185

6.6 本章实训：使用Bootstrap实现简单的响应式网页186

6.6.1 搭建Bootstrap环境186

6.6.2 响应式导航条实现187

6.6.3 响应式轮播图187

6.6.4 页面内容188

6.6.5 页面底部189

6.6.6 页面样式及脚本代码190

习题193

第7章 Bootstrap页面效果设计实例196

7.1 登录表单优化实例196

7.1.1 网页主体内容196

7.1.2 样式设置197

7.2 标签式导航优化效果实例199

7.2.1 网页主体内容200

7.2.2 样式设置200

7.3 “手风琴式”折叠菜单效果202

7.3.1 网页主体内容202

7.3.2 样式设置204

习题205

第8章 Bootstrap响应式网页开发综合实例206

8.1 搭建Bootstrap基本框架207

8.2 设计导航栏211

8.3 设计轮播图213

8.4 设计内容布局215

8.4.1 网格布局系统215

8.4.2 标签页布局217

8.4.3 底部的设计220

习题220