Bootstrap与jQuery UI框架设计PDF电子书下载

第1章 Bootstrap入门 1

1 Bootstrap简介 2

1.1 Bootstrap简介 2

1.2 Bootstrap文件结构和标准模板 3

操作案例：在页面中使用Bootstrap 5

2 Bootstrap功能介绍 6

2.1 Bootstrap构成模块 6

2.2 Bootstrap的特色和功能介绍 8

2.2.1 Bootstrap的特色 8

2.2.2媒体查询 9

2.2.3 Bootstrap主要功能 11

2.3 Bootstrap优秀插件 16

2.4 Bootstrap版本变化 16

3 Bootstrap优秀网站示例 18

本章总结 20

本章作业 20

第2章 Bootstrap布局 21

1 Bootstrap的结构 22

1.1使用栅格系统 22

1.1.1绘制栅格 23

1.1.2栅格系统的列偏移 29

操作案例1：制作音乐网站首页 31

1.1.3栅格系统的列交换 32

1.1.4栅格系统的嵌套 34

1.2响应式栅格 36

操作案例2：组合栅格系统 40

2 CSS布局概要 42

2.1 CSS布局简介 42

2.2基础排版 43

2.2.1标题 44

2.2.2主体内容 46

2.2.3对齐方式 47

2.2.4列表 48

3禁用响应式布局 51

本章总结 52

本章作业 52

第3章 Bootstrap组件 53

1按钮 54

操作案例1：制作Bootstrap官网案例页面 59

2表格 61

3 CSS组件 63

3.1表单 63

3.2输入框组 66

3.3图标 70

3.4下拉菜单 71

操作案例2：制作收集用户信息页面 75

3.5按钮组 76

3.6导航和导航条 82

操作案例3：制作导航栏 87

3.7缩略图 89

3.8媒体对象 91

本章总结 93

本章作业 94

第4章 Bootstrap插件 95

1动画过渡 96

2 Bootstrap中的JS插件 98

2.1模态框 98

操作案例1：利用模态窗体制作百度登录框 103

2.2轮播图 105

操作案例2：利用Bootstrap制作携程网首页的轮播图 109

2.3选项卡 111

2.4折叠 112

操作案例3：利用Bootstrap制作导航菜单 114

本章总结 116

本章作业 116

第5章 jQuery Mobile入门 119

1 jQuery Mobile入门 120

1.1 jQuery Mobile简介 120

1.2 jQuery Mobile准备文档 121

1.3 jQuery Mobile架构 123

1.3.1 jQuery Mobile属性 123

1.3.2 jQuery Mobile主题 127

1.3.3 jQuery Mobile视图 128

操作案例1：制作jQuery Mobile基本页面 129

1.3.4 jQuery Mobile对话框 130

1.4与电话整合 132

操作案例2：制作商家信息展示页面 133

2 jQuery Mobile UI组件 134

2.1网格系统 134

2.2格式化内容 137

2.3可折叠的内容 138

2.4工具栏 140

操作案例3：制作影视介绍页面 143

2.5按钮 145

操作案例4：制作音乐播放器页面 148

本章总结 150

本章作业 150

第6章 jQuery Mobile基础 153

1列表 154

1.1整页列表与插入列表 154

1.2视觉分隔符 155

1.3交互行 157

1.4图片 159

1.4.1图标 159

1.4.2缩略图 159

1.4.3计数气泡 162

2表单组件 164

2.1表单动作 165

2.2表单元素 165

2.2.1文本标签和容器标签 165

2.2.2文本输入框 166

2.2.3 textarea输入区域 166

2.2.4 HTML5新增标签 167

操作案例：制作信息收集页面 173

3 jQuery Mobile API 174

3.1jQuery Mobile API 174

3.2 jQuery Mobile事件 176

3.2.1页面事件 176

3.2.2方向事件 177

3.2.3触摸事件 177

本章总结 181

本章作业 181