HTML5+CSS3+jQuery Mobile移动开发(全案例微课版)

HTML5+CSS3+jQuery Mobile移动开发(全案例微课版)
作 者: 刘辉
出版社: 清华大学出版社
丛编项:
版权说明: 本书为公共版权或经版权方授权,请支持正版图书
标 签: 暂缺
ISBN 出版时间 包装 开本 页数 字数
未知 暂无 暂无 未知 0 暂无

作者简介

  刘辉在河南财经大学主要负责网页设计、网站开发和Android开发课程,主要擅长HTML5、CSS3、JavaScript、jQuery技术,一直负责毕业班的实训工作,在移动终端软件开发有多年的开发经验,具有很强的实战经验。

内容简介

《HTML5+CSS3+jQuery Mobile移动开发(全案例微课版)》是针对零基础读者研发的移动开发入门教材。本书侧重案例实训,并提供扫码微课来讲解当前的热点案例。 《HTML5+CSS3+jQuery Mobile移动开发(全案例微课版)》分为21章,内容包括认识HTML 5,设计网页的文本与段落,网页中的图像和超链接,表格与标记,网页中的表单,网页中的多媒体,数据存储Web Storage,认识CSS样式表,设计图片、链接和菜单的样式,设计表格和表单的样式,使用CSS3布局网页版式,JavaScript和jQuery,jQuery Mobile快速入门,使用 UI组件,jQuery Mobile 事件,数据存储和读取技术,设计流行的响应式网页,App的打包和测试。本书最后通过3个热点综合项目,进一步巩固读者的项目开发经验。 《HTML5+CSS3+jQuery Mobile移动开发(全案例微课版)》通过精选热点案例,可以让初学者快速掌握网页设计技术。

图书目录

第1章 认识HTML 5 001

1.1 HTML的基本概念 002

1.1.1 什么是HTML 002

1.1.2 HTML的发展历程 002

1.2 HTML文件的基本结构 003

1.3 认识HTML 5基本标记 003

1.3.1 文档类型说明 003

1.3.2 html标记 004

1.3.3 头标记head 004

1.3.4 网页的主体标记body 006

1.3.5 页面注释标记 007

1.4 HTML 5网页的开发环境 008

1.4.1 使用记事本手工编写HTML文件 008

1.4.2 使用WebStorm编写HTML文件 009

1.5 新手常见疑难问题 012

1.6 实战训练营 013

第2章 设计网页的文本与段落 015

2.1 标题 016

2.1.1 标题文字标记 016

2.1.2 标题的对齐方式 016

2.2 设置文字格式 017

2.2.1 文字的字体、字号和颜色 017

2.2.2 文字的粗体、斜体和下划线 019

2.2.3 文字的上标和下标 020

2.3 设置段落格式 020

2.3.1 段落标记 020

2.3.2 段落的换行标记 021

2.3.3 段落的原格式标记 021

2.4 网页的列表 022

2.4.1 无序列表 022

2.4.2 有序列表 023

2.4.3 自定义列表 024

2.5 新手常见疑难问题 025

2.6 实战技能训练营 025

第3章 网页中的图像和超链接 027

3.1 网页中的图像 028

3.1.1 网页中支持的图片格式 028

3.1.2 图像中的路径 028

3.2 在网页中插入图像 030

3.3 编辑网页中的图像 031

3.3.1 设置图像的大小和边框 031

3.3.2 设置图像的间距和对齐方式 032

3.3.3 设置图像的替换文字和提示文字 033

3.4 认识网页超链接 034

3.4.1 什么是网页超链接 034

3.4.2 超链接中的URL 034

3.4.3 超链接的URL类型 035

3.5 建立网页超级链接 035

3.5.1 创建超文本链接 035

3.5.2 创建图片链接 036

3.5.3 创建下载链接 037

3.5.4 使用相对路径和路径 038

3.5.5 设置以新窗口显示超链接页面 038

3.5.6 设置电子邮件链接 039

3.6 使用浮动框架iframe 040

3.7 使用书签链接制作电子书阅读网页 041

3.8 图像热点链接 043

3.9 新手常见疑难问题 045

3.10 实战技能训练营 046

第4 章 表格与 标记 047

4.1 表格的基本结构 048

4.2 创建表格 049

4.2.1 创建普通表格 049

4.2.2 创建一个带有标题的表格 049

4.3 编辑表格 050

4.3.1 定义表格的边框类型 050

4.3.2 定义表格的表头 050

4.3.3 设置表格背景 051

4.3.4 设置单元格的背景 052

4.3.5 合并单元格 052

4.3.6 表格的分组 054

4.3.7 设置单元格的行高与列宽 055

4.4 完整的表格标记 056

4.5 设置悬浮变色的表格 056

4.6 标记 058

4.7 标记 059

4.8 新手常见疑难问题 060

4.9 实战技能训练营 060

第5 章 网页中的表单 062

5.1 表单概述 063

5.2 输入标记 063

5.2.1 文本框 063

5.2.2 单选按钮和复选框 065

5.2.3 按钮 066

5.3 图像域和文件域 068

5.4 列表 069

5.5 表单的高级元素 070

5.5.1 url 属性 070

5.5.2 email 属性 071

5.5.3 date 和time 属性 071

5.5.4 number 属性 072

5.5.5 range 属性 072

5.5.6 required 属性 073

5.6 新手常见疑难问题 073

5.7 实战技能训练营 074

第6 章 网页中的多媒体 075

6.1 audio 标记概述 076

6.1.1 认识audio 标记 076

6.1.2 audio 标记的属性 076

6.1.3 浏览器对audio 标记的支持情况 077

6.2 在网页中添加音频文件 077

6.3 video 标记 078

6.3.1 认识video 标记 078

6.3.2 video 标记的属性 079

6.3.3 浏览器对video 标记的支持情况 080

6.4 在网页中添加视频文件 080

6.5 新手常见疑难问题 081

6.6 实战技能训练营 082

第7 章 数据存储Web Storage 083

7.1 认识Web 存储 084

7.1.1 本地存储和Cookies 的区别 084

7.1.2 Web 存储方法 084

7.2 使用HTML 5 Web Storage API 084

7.2.1 测试浏览器的支持情况 085

7.2.2 使用sessionStorage 方法创建对象 085

7.2.3 使用localStorage 方法创建对象 086

7.2.4  Web Storage API 的其他操作 087

7.2.5 使用JSON 对象存取数据 088

7.3 目前浏览器对Web 存储的支持情况 090

7.4 制作简单Web 留言本 090

7.5 新手常见疑难问题 093

7.6 实战技能训练营 093

第8 章 认识CSS 样式表 094

8.1 CSS 概 述 095

8.1.1 CSS 的功能 095

8.1.2 CSS 的基础语法 095

8.2 创建和链接CSS 文件 096

8.3 CSS 中的选择器 097

8.3.1 标记选择器 097

8.3.2 类选择器 098

8.3.3 ID 选择器 099

8.3.4 伪类选择器 100

8.3.5 属性选择器 101

8.4 CSS 中的常用样式 102

8.4.1 使用字体样式 102

8.4.2 使用文本样式 105

8.4.3 使用背景样式 108

8.4.4 设计边框样式 111

8.4.5 设置列表样式 114

8.5 新手常见疑难问题 116

8.6 实战技能训练营 116

第9 章 设计图片、链接和菜单的样式 118

9.1 设计图片的样式 119

9.1.1 设置图片的大小 119

9.1.2 图片对齐 120

9.1.3 文字环绕图片 122

9.1.4 图片与文字的间距 123

9.2 为图片添加圆角边框样式 124

9.3 设计链接的样式 125

9.3.1 设置链接样式 125

9.3.2 定义下划线样式 126

9.3.3 定义链接背景图 127

9.3.4 定义链接提示信息 128

9.3.5 定义链接按钮样式 129

9.4 设计菜单的样式 129

9.4.1 制作动态导航菜单 130

9.4.2 制作多级菜单列表 131

9.5 新手常见疑难问题 133

9.6 实战技能训练营 134

第10 章 设计表格和表单的样式 136

10.1 设计表格的样式 137

10.1.1 设置表格颜色 137

10.1.2 设置表格边框 138

10.1.3 表格边框宽度 139

10.1.4 表格边框颜色 140

10.1.5 表格标题位置 140

10.1.6 隐藏空单元格 142

10.1.7 单元格的边距 143

10.2 设计表单的样式 144

10.2.1 表单字体样式 144

10.2.2 表单边框样式 145

10.2.3 表单背景样式 146

10.2.4 设计表单按钮样式 147

10.2.5 设计下拉菜单样式 148

10.3 新手常见疑难问题 149

10.4 实战技能训练营 149

第11 章 使用CSS3 布局网页版式 151

11.1 认识CSS3 布局版式 152

11.1.1 将页面用DIV 分块 152

11.1.2 设置各块位置 152

11.1.3 用CSS 定位版式 153

11.2 固定宽度网页布局模式 155

11.2.1 网页单列布局模式 155

11.2.2 网页1-2-1 型布局模式 157

11.3 自动缩放网页布局模式 159

11.3.1 1-2-1 等比例变宽布局 159

11.3.2 1-2-1 单列变宽布局 160

11.3.3 1-3-1 单侧列宽度固定布局 160

11.3.4 1-3-1 中间列宽度固定布局 162

11.4 新手常见疑难问题 164

11.5 实战技能训练营 164

第12 章 JavaScript 和jQuery 166

12.1 认识JavaScript 167

12.1.1 什么是JavaScript 167

12.1.2 在HTML 网页头中嵌入JavaScript 代码 167

12.2 JavaScript 对象与函数 168

12.2.1 认识对象 168

12.2.2 认识函数 169

12.3 JavaScript 事件 170

12.3.1 事件与事件处理概述 170

12.3.2 JavaScript 的常用事件 171

12.4 认识jQuery 172

12.4.1 jQuery 能做什么 172

12.4.2 jQuery 的配置 173

12.5 jQuery 选择器 173

12.5.1 jQuery 的工厂函数 173

12.5.2 常见选择器 174

12.6 新手常见疑难问题 175

12.7 实战技能训练营 175

第13 章 jQuery Mobile 快速入门 177

13.1 认识jQuery Mobile 178

13.2 跨平台移动设备网页jQuery Mobile 178

13.2.1 移动设备模拟器 178

13.2.2 jQuery Mobile 的安装 180

13.2.3 jQuery Mobile 网页的架构 182

13.3 创建多页面的jQuery Mobile 网页 183

13.4 创建模态页 184

13.5 绚丽多彩的页面切换效果 185

13.6 新手常见疑难问题 187

13.7 实战技能训练营 187

第14 章 使用UI 组件 189

14.1 套用UI 组件 190

14.1.1 表单组件 190

14.1.2 按钮和组按钮 196

14.1.3 按钮图标 198

14.1.4 弹窗 200

14.2 列表 201

14.2.1 列表视图 201

14.2.2 列表内容 203

14.2.3 列表过滤 204

14.3 面板和可折叠块 206

14.3.1 面板 206

14.3.2 可折叠块 207

14.4 导航条 209

14.5 jQuery Mobile 主题 211

14.6 新手常见疑难问题 214

14.7 实战技能训练营 215

第15 章 jQuery Mobile 事件 216

15.1 页面事件 217

15.1.1 初始化事件 217

15.1.2 外部页面加载事件 219

15.1.3 页面过渡事件 220

15.2 触摸事件 222

15.2.1 点击事件 222

15.2.2 滑动事件 224

15.3 滚屏事件 226

15.4 定位事件 227

15.5 新手常见疑难问题 229

15.6 实战技能训练营 230

第16 章 数据存储和读取技术 231

16.1 认识Web SQL Database 232

16.2 使用Web SQL Database 操作数据 232

16.2.1 数据库的基本操作 232

16.2.2 数据表的基本操作 233

16.2.3 数据的基本操作 234

16.3 创建简易的学生管理系统 236

16.4 选择文件 237

16.4.1 选择单个文件 237

16.4.2 选择多个文件 238

16.5 使用FileReader 接口读取文件 239

16.5.1 检测浏览器是否支持FileReader 接口 239

16.5.2  FileReader 接口的方法 239

16.5.3 使用readAsDataURL 方法预览图片 239

16.5.4 使用readAsText 方法读取文本文件 241

16.6 新手常见疑难问题 242

16.7 实战技能训练营 243

第17 章 设计流行的响应式网页 244

17.1 什么是响应式网页设计 245

17.2 像素和屏幕分辨率 246

17.3 视口 246

17.3.1 视口的分类和常用属性 246

17.3.2 媒体查询 247

17.4 响应式网页的布局设计 248

17.4.1 常用布局类型 248

17.4.2 布局的实现方式 248

17.4.3 响应式布局的设计与实现 250

17.5 响应式图片 250

17.5.1 使用 标记 251

17.5.2 使用CSS 图片 252

17.6 响应式视频 253

17.7 响应式导航菜单 253

17.8 响应式表格 255

17.8.1 隐藏表格中的列 255

17.8.2 滚动表格中的列 256

17.8.3 转换表格中的列 258

17.9 响应式开发框架Bootstrap 260

17.10 新手常见疑难问题 261

17.11 实战技能训练营 262

第18 章 App 的打包和测试 263

18.1 配置Android 开发环境 264

18.1.1 安装Java JDK 264

18.1.2 安装Android SDK 266

18.1.3 安装Apache Ant 268

18.2 下载与安装Apache Cordova 270

18.3 设置Android 模拟器 271

18.4 将网页转换为Android App 272

18.5 新手常见疑难问题 274

第19 章 项目实训1——开发连锁咖啡响应式网站 275

19.1 网站概述 276

19.1.1 网站结构 276

19.1.2 设计效果 276

19.1.3 设计准备 277

19.2 设计首页布局 277

19.3 设计可切换导航 278

19.4 主体内容 282

19.4.1 设计轮播广告区 283

19.4.2 设计产品推荐区 284

19.4.3 设计登录注册和Logo 285

19.4.4 设计特色展示区 286

19.4.5 设计产品生产流程区 287

19.5 设计底部隐藏导航 289

第20 章 项目实训2——家庭记账本App 291

20.1 记账本的需求分析 292

20.2 数据库分析 292

20.2.1 分析数据库 292

20.2.2 创建数据库 292

20.3 记账本的代码实现 293

20.3.1 设计首页 293

20.3.2 新增记账页面 293

20.3.3 记账列表页面 295

20.3.4 记账详情页面 296

20.3.5 删除记账 297

第21 章 项目实训3——连锁酒店订购系统App 302

21.1 连锁酒店订购的需求分析 303

21.2 网站的结构 303

21.3 连锁酒店系统的代码实现 304

21.3.1 设计首页 304

21.3.2 设计订购页面 305

21.3.3 设计连锁分店页面 310

21.3.4 设计查看订单页面 312

21.3.5 设计酒店介绍页面 313