新書推薦:
《
世界文明中的作物迁徙:聚焦亚洲、中东和南美洲被忽视的本土农业文明
》
售價:NT$
454.0
《
无端欢喜
》
售價:NT$
347.0
《
股票大作手操盘术
》
售價:NT$
245.0
《
何以中国·何谓唐代:东欧亚帝国的兴亡与转型
》
售價:NT$
398.0
《
一间只属于自己的房间 女性主义先锋伍尔夫代表作 女性精神独立与经济独立的象征,做自己,比任何事都更重要
》
售價:NT$
203.0
《
泉舆日志 幻想世界宝石生物图鉴
》
售價:NT$
611.0
《
养育女孩 : 官方升级版
》
售價:NT$
230.0
《
跨界:蒂利希思想研究
》
售價:NT$
500.0
編輯推薦:
本书从实际应用的角度出发,系统地介绍了 HTML 5、CSS 3 和 jQuery Mobile 的核心知识,采用实用案例与知识点相结合的方式,避免枯燥无味的基础知识讲解,使读者能够学以致用,掌握*的移动应用开发技术。● 内容全面:本书内容全面,涵盖 HTML 5、CSS 3 和 jQuery Mobile 的各方面知识。● 以案例为中心:脱离单纯的知识点讲解,通过案例与知识点相结合的方式进行讲解,生动贴切地诠释了知识点在实际工作中的应用。● 语言简洁流畅:本书语言流畅、图文并茂,以大量的案例讲解在实际移动应用开发中的制作方法和技巧,避免了枯燥无味的说教。● 视频辅助教学:将案例的制作与教学视频相结合,使读者更加容易理解所讲内容。
內容簡介:
本书全面、系统地讲解了 HTML 5、CSS 3 和 jQuery Mobile 从 Web 界面设计到移动应用开发的各种技术和
知识点。本书难度适中,知识结构严谨,内容由浅入深、从易到难,讲解通俗易懂,并注重读者兴趣的培养,在
知识点介绍过程中配合大量案例进行讲解,以帮助读者提高实战技能。
本书共 20 章,分为四部分。第一部分为第 1 章内容,介绍了移动互联网与移动 Web 技术的相关知识,使
读者对移动 Web 应用有一定的了解;第二部分为第 2 ~ 8 章,介绍了 HTML 5 各方面的知识点,重点介绍了绘
图、音频和视频、新型表单等内容;第三部分为第 9 ~ 13 章,介绍了 CSS 样式各属性的设置和使用方法,包括
CSS 3 中新增的弹性盒模型、多列布局、动画效果、渐变填充等内容;第四部分为第 14 ~ 20 章,介绍了 jQuery
Mobile 的相关知识,重点介绍了 jQuery Mobile 的页面、组件、主题、事件和插件等内容,并通过实用案例讲解
了综合运用 HTML 5、CSS 3 和 jQuery Mobile 开发移动应用的方法和技巧。
本书附赠 1 张 DVD 光盘,其中提供了所有案例的源文件、素材以及相关的视频教程,为读者学习提供方便。
本书适合 Web 设计与开发的初学者和爱好者自学,也适合有一定 Web 前端开发基础的网页开发人员阅读,
同时也可作为各院校相关专业的教材使用。
關於作者:
李晓斌,从事网页设计开发有十五年的时间。一直致力于提高网站的安全性。对HTML5的功能有深刻解读。并熟知HTML5在网页中的应用。同时将HTML5应用到手机移动端的技术有深刻体会。参与多项案例的操作,并编写同类畅销书多本。
目錄 :
第1章 移动设备与Web技术
1.1 了解移动互联网 1
1.1.1 移动互联网的特点 1
1.1.2 移动互联网的发展方向 2
1.2 智能手机与手机浏览器 2
1.2.1 智能手机的发展 2
1.2.2 智能手机系统 3
1.2.3 智能手机浏览器 5
1.2.4 移动Web浏览器的特点 6
1.3 关于移动Web应用 6
1.3.1 移动Web应用的发展 6
1.3.2 基于Web的应用开发 7
1.3.3 基于HTML 5的移动应用 7
1.3.4 移动应用开发框架 8
1.4 移动应用开发注意事项 8
1.4.1 了解移动设备的屏幕尺寸和分辨率 8
1.4.2 确定移动应用的内容 8
1.4.3 简洁的HTML、CSS和JavaScript代码 9
1.4.4 测试移动应用 9
1.5 本章小结 9
第2章 初识HTML 5
2.1 了解HTML 5 10
2.1.1 HTML的发展 10
2.1.2 HTML 5概述 11
2.1.3 HTML 5的优势 11
2.2 HTML 5语法结构 12
2.2.1 HTML 5文档结构 12
2.2.2 HTML 5的基本语法 13
2.2.3 HTML 5中精简的头部 14
2.3 HTML 5中新增的标签 14
2.3.1 结构标签 14
2.3.2 文本标签 15
2.3.3 应用和辅助标签 15
2.3.4 进度标签 15
2.3.5 交互性标签 16
2.3.6 在文档和应用中使用的标签 16
2.3.7 rudy标签 16
2.3.8 其他标签 16
2.4 HTML 5的标准属性 17
2.5 HTML 5的事件属性 17
2.6 本章小结 18
第3章 使用网页基本标签
3.1 设置文字效果 19
3.1.1 文字样式font标签 19
3.1.2 文字加粗b和strong标签 21
3.1.3 文字倾斜i和em标签 21
3.1.4 文字下划线u标签 22
3.1.5 其他文字修饰标签 23
3.2 设置段落效果 25
3.2.1 文本分段p标签 25
3.2.2 文本分行br标签 25
3.2.3 标题h1至h6标签 27
3.2.4 水平线hr标签 28
3.2.5 文本对齐设置 29
3.3 创建列表 30
3.3.1 使用ul标签创建项目列表 30
3.3.2 使用ol标签创建编号列表 31
3.3.3 使用dl标签创建定义列表 33
3.4 插入图片 34
3.4.1 图像img标签 34
3.4.2 图文混排 36
3.5 创建超链接 38
3.5.1 什么是超链接 38
3.5.2 超链接a标签 38
3.5.3 相对链接和绝对链接 39
3.5.4 网页中的特殊超链接 40
3.5.5 超链接标签中的其他属性设置 43
3.6 本章小结 43
第4章 使用HTML 5结构标签
4.1 构建HTML 5页面主体内容 44
4.1.1 article标签标识文章 44
4.1.2 section标签标识章节 46
4.1.3 nav标签标识导航 48
4.1.4 aside标签标识辅助内容 50
4.1.5 time标签标识文章发布日期 50
4.2 添加语义模块 51
4.2.1 header标签添加标题块 51
4.2.2 hgroup标签为标题分组 52
4.2.3 footer标签添加页脚 53
4.2.4 address标签添加联系信息 54
4.3 制作文章页面 55
4.4 本章小结 59
第5章 使用HTML 5绘图
5.1 canvas标签 60
5.1.1 了解canvas标签 60
5.1.2 在网页中插入canvas元素 60
5.1.3 使用canvas标签实现绘图的流程 61
5.2 绘制基本图形 62
5.2.1 绘制直线 62
5.2.2 绘制矩形 64
5.2.3 绘制圆形 66
5.2.4 绘制三角形 69
5.2.5 图形组合 70
5.3 绘制曲线 72
5.3.1 使用arc方法 72
5.3.2 使用arcTo方法 74
5.3.3 使用quadraticCurveTo方法 76
5.3.4 使用bezierCurveTo方法 78
5.4 绘制文本 80
5.4.1 使用文本 80
5.4.2 获取文字宽度 82
5.4.3 创建对象阴影 83
5.5 图像的绘制与裁切 85
5.5.1 绘制线性渐变 85
5.5.2 绘制径向渐变 87
5.5.3 绘制图像 89
5.5.4 裁切区域 91
5.6 本章小结 93
第6章 使用HTML 5在页面中嵌入视频和音频
6.1 使用embed标签 94
6.1.1 使用embed标签嵌入音频 94
6.1.2 使用embed标签嵌入视频 96
6.2 HTML 5多媒体基础 97
6.2.1 在线多媒体的发展 97
6.2.2 音频和视频编解码器 98
6.2.3 功能缺陷及未来趋势 98
6.3 在网页中使用HTML 5音频 99
6.3.1 audio标签所支持的音频格式 99
6.3.2 使用audio标签 99
6.4 在网页中使用HTML 5视频 100
6.4.1 video标签所支持的视频格式 101
6.4.2 使用video标签 101
6.4.3 使用source标签 102
6.4.4 检查浏览器是否支持audio和video元素 103
6.5 audio与video标签的属性 103
6.5.1 元素的标签属性 104
6.5.2 元素的接口属性 104
6.6 audio与video标签的方法和事件 107
6.6.1 audio与video标签的接口方法 107
6.6.2 audio与video标签的事件 109
6.7 本章小结 115
第7章 HTML 5中的表单
7.1 网页表单概述 116
7.1.1 表单的作用 116
7.1.2 表单form标签 116
7.1.3 表单的数据传递方式method属性 117
7.2 传统表单元素 117
7.2.1 文本域 117
7.2.2 密码域 118
7.2.3 文本区域 118
7.2.4 隐藏域 118
7.2.5 复选框 119
7.2.6 单选按钮 119
7.2.7 选择域 119
7.2.8 文件域 120
7.2.9 按钮 120
7.2.10 图像域 120
7.3 了解HTML 5表单 125
7.3.1 HTML表单的发展 125
7.3.2 HTML 5新增表单元素的作用 125
7.3.3 浏览器对HTML 5表单的支持情况 126
7.4 HTML 5新增表单输入类型 126
7.4.1 url类型 126
7.4.2 email类型 126
7.4.3 range类型 126
7.4.4 number类型 127
7.4.5 tel类型 127
7.4.6 search类型 127
7.4.7 color类型 127
7.4.8 date类型 128
7.4.9 month、week、time、datetime、datetime-local类型 128
7.5 HTML 5新增表单属性 132
7.5.1 form属性 132
7.5.2 formaction属性 132
7.5.3 formmethod、formenctype、formnovalidate、formtarget属性 132
7.5.4 placeholder属性 133
7.5.5 autofocus属性 134
7.5.6 autocomplete属性 134
7.6 HTML 5新增表单元素 134
7.6.1 datalist标签和list属性 135
7.6.2 keygen标签 135
7.6.3 output标签 136
7.7 HTML 5提供的表单验证方法 136
7.7.1 与验证有关的表单元素属性 136
7.7.2 表单验证属性 138
7.7.3 ValidityState对象 139
7.7.4 表单验证方法 140
7.7.5 表单验证事件 141
7.8 本章小结 142
第8章 HTML 5本地存储
8.1 本地存储Web Storage 143
8.1.1 cookie存储数据的不足 143
8.1.2 使用Web Storage存储的优势 144
8.1.3 会话存储sessionStorage与本地存储localStorage的区别 144
8.2 使用Web Storage 145
8.2.1 检查浏览器是否支持Web Storage 145
8.2.2 设置和获取Storage数据 146
8.2.3 Storage API的属性和方法 148
8.2.4 存储JSON对象的数据 150
8.2.5 Storage API的事件 152
8.3 本地数据库Web SQL 153
8.3.1 了解Web SQL数据库 153
8.3.2 Web SQL数据库的基本操作 154
8.4 本章小结 155
第9章 CSS样式基础
9.1 了解CSS样式 156
9.1.1 为什么要使用CSS样式 156
9.1.2 CSS样式的版本发展 157
9.1.3 CSS 3的发展 157
9.1.4 浏览器对CSS 3的支持情况 157
9.1.5 了解CSS 3的全新功能 158
9.2 CSS样式语法 158
9.2.1 CSS样式基本语法 158
9.2.2 CSS规则构成 159
9.3 CSS选择器 160
9.3.1 通配选择器 160
9.3.2 标签选择器 161
9.3.3 id选择器 162
9.3.4 类选择器 163
9.3.5 伪类和伪对象选择器 166
9.3.6 群组选择器 168
9.3.7 派生选择器 168
9.4 CSS 3新增选择器 170
9.4.1 属性选择器 171
9.4.2 结构伪类选择器 173
9.4.3 UI元素状态伪类选择器 173
9.4.4 伪元素选择器 174
9.5 应用CSS样式 176
9.5.1 应用CSS样式的4种方式 176
9.5.2 CSS样式的特性 180
9.6 本章小结 182
第10章 文字与背景设置
10.1 文字样式CSS属性 183
10.1.1 font-family属性字体 183
10.1.2 font-size属性字体大小 183
10.1.3 color属性字体颜色 184
10.1.4 font-weight属性字体粗细 186
10.1.5 font-style属性字体样式 187
10.1.6 text-transform属性英文字体大小写 189
10.1.7 text-decoration属性文字修饰 190
10.1.8 letter-spacing属性字符间距 192
10.2 段落样式CSS属性 193
10.2.1 line-height属性行间距 193
10.2.2 text-indent属性段落首行缩进 193
10.2.3 text-align属性文本水平对齐 195
10.2.4 vertical-align属性文本垂直对齐 196
10.3 CSS 3新增文本样式属性 199
10.3.1 text-overflow 属性文本溢出处理 199
10.3.2 word-wrap和word-break属性文本换行控制 200
10.3.3 text-shadow 属性文本阴影 202
10.3.4 @font-face规则使用服务器端字体 203
10.4 列表样式CSS属性 205
10.4.1 list-style-type属性设置列表符号 205
10.4.2 list-style-image属性自定义列表符号 208
10.4.3 设置定义列表 209
10.5 背景样式CSS属性 210
10.5.1 background-color属性背景颜色 210
10.5.2 background-image属性背景图像 211
10.5.3 background-repeat属性背景图像平铺方式 211
10.5.4 background-position属性背景图像位置 214
10.5.5 background-attachment属性背景图像固定 216
10.6 CSS 3新增颜色设置样式 218
10.6.1 RGBA颜色值 218
10.6.2 HSL颜色值 219
10.6.3 HSLA颜色值 219
10.6.4 opacity属性元素不透明度 221
10.6.5 transparent颜色值 222
10.7 CSS 3新增渐变背景 222
10.7.1 线性渐变背景 223
10.7.2 径向渐变背景 226
10.8 CSS 3新增背景样式属性 227
10.8.1 background属性设置多背景图像 228
10.8.2 background-size 属性背景图像大小 229
10.8.3 background-origin 属性背景图像原点 231
10.8.4 background-clip 属性背景图像显示区域 232
10.9 本章小结 233
第11章 边框与超链接设置
11.1 边框样式CSS属性 234
11.1.1 border-width属性边框宽度 234
11.1.2 border-style属性边框样式 235
11.1.3 border-color属性边框颜色 236
11.2 CSS 3新增边框样式属性 238
11.2.1 border-colors属性多重边框颜色 238
11.2.2 border-image属性图像边框 240
11.2.3 border-radius属性圆角边框 242
11.3 超链接CSS样式伪类 244
11.3.1 :link伪类 244
11.3.2 :hover 伪类 244
11.3.3 :active 伪类 245
11.3.4 :visited 伪类 246
11.3.5 按钮式超链接 249
11.4 光标指针样式 251
11.4.1 cursor属性光标效果 251
11.4.2 设置网页中光标指针效果 252
11.5 本章小结 253
第12章 CSS 3盒模型和界面设计
12.1 传统CSS盒模型 254
12.1.1 什么是CSS盒模型 254
12.1.2 CSS盒模型的要点 255
12.1.3 margin属性边距 255
12.1.4 border属性边框 256
12.1.5 padding属性填充 256
12.2 CSS 3弹性盒模型 259
12.2.1 开启弹性盒模型 259
12.2.2 box-orient属性元素布局方向 261
12.2.3 box-direction属性元素布局顺序 263
12.2.4 box-ordinal-group属性元素位置 264
12.2.5 box-flex属性元素空间分配 266
12.2.6 box-pack和box-align属性元素对齐方式 267
12.2.7 实现元素水平和垂直居中显示 268
12.2.8 实现元素底部对齐 269
12.3 增强的CSS 3盒模型 271
12.3.1 box-shadow属性元素阴影 271
12.3.2 box-sizing属性元素尺寸大小 272
12.3.3 overflow-x和overflow-y属性元素溢出内容处理 274
12.4 定位网页元素 275
12.4.1 position属性元素定位 275
12.4.2 relative相对定位 276
12.4.3 absolute绝对定位 277
12.4.4 fixed固定定位 278
12.4.5 float属性浮动定位 280
12.5 CSS 3新增用户界面设计属性 283
12.5.1 resize属性改变元素尺寸 283
12.5.2 outline属性轮廓外边框 284
12.5.3 appearance属性伪装的元素 287
12.5.4 content属性为元素添加内容 289
12.6 CSS 3新增多列布局属性 290
12.6.1 columns属性多列布局 291
12.6.2 column-width属性列宽度 292
12.6.3 column-count属性列数 292
12.6.4 column-gap属性列间距 293
12.6.5 column-rule属性列分隔线 293
12.6.6 column-span属性横跨所有列 294
12.7 本章小结 296
第13章 CSS 3 动画效果
13.1 CSS 3实现元素变换效果 297
13.1.1 transform属性 297
13.1.2 旋转变形 298
13.1.3 缩放和翻转变形 299
13.1.4 移动变形 301
13.1.5 倾斜变形 302
13.1.6 矩阵变形 304
13.1.7 定义变形中心点 305
13.1.8 同时使用多个变形函数 307
13.2 CSS 3实现元素过渡效果 309
13.2.1 transition属性 309
13.2.2 transition-property属性实现过渡效果 309
13.2.3 transition-duration属性设置过渡时间 311
13.2.4 transition-delay属性设置过渡延迟效果 312
13.2.5 transition-timing-function属性设置过渡方式 313
13.2.6 制作动态选项卡 315
13.3 CSS 3实现元素动画效果 319
13.3.1 @keyframes规则关键帧动画 319
13.3.2 animation属性实现元素动画效果 320
13.3.3 制作交互导航菜单动画效果 324
13.4 本章小结 328
第14章 jQuery和jQuery Mobile基础
14.1 JavaScript基础 329
14.1.1 JavaScript简介 329
14.1.2 在网页中使用JavaScript
的方法 329
14.1.3 JavaScript运算符 330
14.1.4 JavaScript条件和循环语句 332
14.1.5 JavaScript函数 335
14.1.6 JavaScript事件 337
14.2 jQuery基础 339
14.2.1 jQuery简介 339
14.2.2 在网页中引用jQuery函数库 340
14.2.3 jQuery基本语法 341
14.2.4 jQuery选择器 341
14.2.5 使用jQuery设置CSS样式属性 343
14.3 jQuery Mobile基础 344
14.3.1 jQuery Mobile简介 344
14.3.2 jQuery Mobile功能特点 344
14.3.3 jQuery Mobile的工作原理 345
14.4 jQuery Mobile操作流程 345
14.4.1 下载移动设备模拟器 345
14.4.2 使用URL方式加载jQuery Mobile函数库 346
14.4.3 创建jQuery Mobile页面 348
14.4.4 jQuery Mobile页面链接 350
14.5 本章小结 352
第15章 jQuery Mobile页面
15.1 jQuery Mobile页面结构 353
15.1.1 jQuery Mobile页面基本架构 353
15.1.2 多容器jQuery Mobile页面 354
15.1.3 链接外部jQuery Mobile页面 354
15.1.4 在jQuery Mobile页面中实现后退功能 356
15.1.5 弹出对话框 358
15.2 预加载和缓存jQuery Mobile页面 360
15.2.1 预加载jQuery Mobile页面 360
15.2.2 页面缓存 360
15.3 jQuery Mobile页面头部栏 362
15.3.1 头部栏的基本结构 362
15.3.2 设置后退按钮的文字 363
15.3.3 添加按钮 364
15.3.4 设置按钮位置 366
15.4 jQuery Mobile页面导航栏 367
15.4.1 导航栏的基本结构 367
15.4.2 导航栏的图标 369
15.4.3 设置导航栏图标位置 371
15.5 jQuery Mobile页面尾部栏 372
15.5.1 添加按钮 372
15.5.2 添加表单元素 373
15.6 结构化jQuery Mobile页面
内容 374
15.6.1 jQuery Mobile布局
网格 375
15.6.2 可折叠区块 377
15.6.3 可折叠区块的嵌套 379
15.6.4 可折叠区块组 380
15.7 本章小结 381
16.1 jQuery Mobile按钮组件 382
16.1.1 内联按钮 382
16.1.2 按钮组 384
16.2 jQuery Mobile表单组件 385
16.2.1 文本输入组件 385
16.2.2 滑块 386
16.2.3 翻转切换开关 388
16.2.4 单选按钮 388
16.2.5 复选框 390
16.2.6 选择菜单 391
16.2.7 多项选择菜单 393
16.3 jQuery Mobile列表组件 394
16.3.1 基本列表 394
16.3.2 有序列表 395
16.3.3 分割列表选项 396
16.3.4 对列表项进行分类 398
16.3.5 图标与计数器 399
16.3.6 列表项内容格式化处理 400
16.4 本章小结 402
4402403
17.1 了解jQuery Mobile主题 403
17.2 jQuery Mobile页面主题 404
17.2.1 默认主题 404
17.2.2 修改默认主题 406
17.3 自定义jQuery Mobile页面和
工具栏主题 408
17.3.1 自定义页面主题 408
17.3.2 自定义工具栏主题 410
17.3.3 自定义内容主题 412
17.4 使用ThemeRoller创建主题 413
17.5 本章小结 420
420421
18.1 设置jQuery Mobile 421
18.2 jQuery Mobile事件 422
18.2.1 页面事件 423
18.2.2 触摸事件 426
18.2.3 屏幕滚动事件 431
18.2.4 翻转事件 434
18.3 jQuery Mobile常用技巧 436
18.3.1 开启或禁用列表项中的
图标 437
18.3.2 固定页面头部栏与
尾部栏 439
18.3.3 随机显示页面背景图片 440
18.4 本章小结 443
443444
19.1 使用插件实现对话框效果 444
19.1.1 ActionSheet插件 444
19.1.2 mmenu插件 447
19.2 使用插件实现表单效果 451
19.2.1 DateBox插件 451
19.2.2 Mobiscroll插件 454
19.3 使用插件实现图片浏览效果 457
19.3.1 Camera插件 457
19.3.2 Swipebox插件 462
19.4 本章小结 465
6
20.1 移动APP引导页 466
20.1.1 功能分析 466
20.1.2 制作步骤 466
20.2 移动应用首页 473
20.2.1 功能分析 473
20.2.2 制作背景图轮换 473
20.2.3 制作可滑动的底部
导航栏 476
20.3 订餐APP 480
20.3.1 系统分析 480
20.3.2 制作启动页面 481
20.3.3 制作订餐APP首页面 483
20.3.4 制作订餐城市页面 486
20.3.5 制作餐厅列表页面 489
20.3.6 制作餐厅介绍页面 491
20.4 本章小结 495
內容試閱 :
了解移动互联网移动互联网是所有移动应用的基础,越来越多的人在购物、用餐、出行、工作时,都习惯性地掏出手机,查看信息、查找位置、分享感受、协同工作等,移动互联网给人们的生活方式带来了翻天覆地的变化。1.1.1 移动互联网的特点移动互联网是使用智能手机、平板电脑等移动终端,可同时提供语音、数据、多媒体等业务应用的开放式互联网络。移动互联网为视听节目、游戏、电子书籍等数字内容的传播注入了新的活力,也为用户消费数字内容提供了多样化的选择。在当今社会,移动互联网已不仅仅是一种普通的通信工具,而更多的是人们的得力助手。移动互联网相较于传统互联网,具有便捷性、智能性、个性化的特点。●● 便捷性便捷性不仅体现在用户携带的便捷性,更表现在用户使用时间的便捷性,可随时随地非常方便地接入无线网络。●● 智能性移动互联网相比较传统互联网,在操作方面更加智能,可通过手动、语音、智能手机自动识别获取等功能实现信息收集进而进行智能机操作。●● 个性化移动互联网可在用户许可的情况下自动获取关于用户的位置、历史记录、日常使用习惯,并对此进行后台处理、分析,从而将最为符合用户习惯的个性化内容呈现给用户,提高用户体验。