jQuery+jQuery Mobile跨设备网页设计

目 录

第一篇 基础知识

第1章 必学HTML语言 3

1-1 什么是HTML 4

1-2 学习HTML前的准备工作 4

1-2-1 建立HTML文件 4

1-2-2 预览HTML网页 6

1-3 HTML语言结构 7

1-3-1 HTML的标签类型 7

1-3-2 HTML的组成 7

1-3-3 标签属性的运用 8

1-4 HTML5文件结构与语义标签 8

1-4-1 结构化的语义标签 8

1-4-2 HTML5声明与编码设置 12

1-4-3 meta标签与SEO优化的关系 13

1-5 HTML常用段落标签 14

1-5-1 设置段落样式的标签 14

1-5-2 设置段落标题 16

1-5-3 项目符号与编号——使用列表标签 16

1-5-4 HTML注释 19

1-5-5 使用特殊符号 20

1-5-6 div标签与span标签 21

1-6 网页图像的应用 23

1-6-1 图像的尺寸与分辨率 23

1-6-2 嵌入图像 23

1-6-3 路径的表示法 24

1-7 表格与窗体 26

1-7-1 制作基本表格 26

1-7-2 表格的基本结构 26

1-7-3 制作窗体 28

1-8 加入超链接 31

第2章 必学CSS基础 33

2-1 建立CSS样式表单 34

2-1-1 CSS基本格式 34

2-1-2 套用CSS样式表单 35

2-2 CSS选择器 39

2-2-1 认识HTML DOM 39

2-2-2 认识CSS选择器 40

第3章 必学JavaScript基础 45

3-1 认识JavaScript 46

3-1-1 JavaScript结构 46

3-1-2 链接外部JS文件 49

3-2 变量与基本数据类型 51

3-2-1 JavaScript变量、常数与数据类型 51

3-2-2 基本数据类型 53

3-2-3 对象 55

3-2-4 函数 57

3-2-5 数组 58

3-2-6 日期 60

3-2-7 数学 61

3-2-8 null和undefined的差异 64

3-3 JavaScript 与 DOM 64

3-3-1 文档对象模型 64

3-3-2 JavaScript事件处理 66

3-4 JavaScript流程控制 68

3-4-1 运算符 68

3-4-2 if…else条件判断语句 70

3-4-3 for循环 71

第4章 必学jQuery基础 72

4-1 认识jQuery 73

4-1-1 jQuery的优点 73

4-1-2 引用jQuery函数库 74

4-2 jQuery的基础知识 75

4-2-1 jQuery的基本语句 75

4-2-2 jQuery选择器 76

4-2-3 jQuery调试 78

4-2-4 使用jQuery存取组件内容 80

第二篇 jQuery实用技术

第5章 jQuery基本功——网页益智游戏 85

5-1 组件的设计与制作 86

5-1-1 界面和程序功能概述 86

5-1-2 游戏界面的HTML 87

5-2 善用CSS表现视觉效果 88

5-2-1 游戏界面的CSS 88

5-2-2 控制文字样式 89

5-2-3 网页组件定位的CSS语句 91

5-2-4 调整边界、留白的CSS语句 94

5-2-5 加入阴影及圆角的CSS语句 98

5-2-6 为组件设置背景和渐层 100

5-3 jQuery程序解析 104

5-3-1 动态产生数字组件 104

5-3-2 随机排列数字 105

5-3-3 数字按钮的事件处理程序 108

5-3-4 计时开始与结束 110

5-3-5 函数的多重用法与限制 112

第6章 自制专属的jQuery Plugin 118

6-1 jQuery Plugin初探 119

6-1-1 jQuery Plugin的命名 119

6-1-2 JavaScript的prototype对象 119

6-1-3 第一个jQuery Plugin 122

6-1-4 避免插件冲突 125

6-2 实现jQuery Plugin——图像展示器 127

6-2-1 前置准备工作 127

6-2-2 HTML组件设置和插件套用 128

6-2-3 套用CSS语句 129

6-2-4 编写jQuery Plugin程序 130

第7章 使用jQuery 打造完美图表 137

7-1 表格排序套件——tablesorter 138

7-1-1 下载与套用 138

7-1-2 高级应用 141

7-2 日历插件——FullCalendar 143

7-2-1 下载与套用 143

7-2-2 高级应用 144

第8章 RWD响应式网页设计 151

8-1 何谓响应式网页设计 152

8-1-1 响应式设计的基础 152

8-1-2 创建响应式网页 153

8-2 认识Bootstrap插件 161

8-2-1 Bootstrap下载 161

8-2-2 Bootstrap基本结构 162

8-2-3 认识Grid System 163

8-2-4 创建表格 165

8-2-5 创建响应式图像 168

第9章 Web Storage网页存储 170

9-1 认识Web Storage 171

9-1-1 Web Storage的概念 171

9-1-2 检测浏览器是否支持Web Storage 171

9-2 localStorage和sessionStorage 172

9-2-1 存取localStorage 172

9-2-2 清除localStorage 175

9-2-3 存取sessionStorage 177

9-3 Web Storage实例练习 177

9-3-1 登录/注销和计数器 177

9-3-2 购物车 181

第10章 综合实践——瀑布流照片展示网页 191

10-1 实现成品预览 192

10-2 创建页标题和页尾 193

10-2-1 前置准备工作 194

10-2-2 使用Bootstrap打造导航条 194

10-2-3 为菜单加上符号图标 196

10-2-4 打造右侧折叠式菜单 197

10-3 添加照片瀑布流展示的效果 198

10-3-1 Masonry插件的下载 198

10-3-2 Masonry插件的使用 199

10-3-3 检测图像是否加载完成 200

10-4 单击照片缩略图放大显示照片 201

10-4-1 下载Colorbox插件 202

10-4-2 Colorbox插件的使用 202

第三篇 使用jQuery Mobile 快速打造移动设备网页

第11章 认识jQuery Mobile 209

11-1 认识jQuery Mobile 210

11-1-1 jQuery Mobile的优点 210

11-1-2 jQuery Mobile的工作流程 210

11-1-3 移动设备仿真器 211

11-1-4 第一个jQuery Mobile网页 212

11-2 套用UI组件 217

11-2-1 认识UI组件 217

11-2-2 按钮 219

11-2-3 分组的按钮 224

11-2-4 列表视图 224

11-3 网页导向与主题 227

11-3-1 jQuery Mobile网页导向 227

11-3-2 ThemeRoller快速套用主题 230

第12章 jQuery Mobile事件 236

12-1 页面事件 237

12-1-1 初始化事件 237

12-1-2 外部页面载入事件 240

12-1-3 页面切换事件 241

12-2 触摸事件 244

12-2-1 单击事件 244

12-2-2 滑动事件 246

12-2-3 滚动事件 248

12-2-4 屏幕方向改变事件 249

第13章 嵌入百度地图和谷歌地图 252

13-1 百度地图API和谷歌地图API 253

13-1-1 简易的百度地图和谷歌地图 253

13-1-2 地图控件 261

13-2 按地址显示地图 263

13-2-1 地址定位 263

13-2-2 图标标记 266

第14章 综合实践——记事本Web App的实现（含HTML5 Web DataBase） 271

14-1 认识Web SQL 272

14-1-1 Web SQL基本操作 272

14-1-2 创建数据表 274

14-1-3 添加、修改及删除数据 276

14-2 记事本应用程序的结构 281

14-3 添加记事 282

14-4 删除记事 284

14-5 记事列表 286