新書推薦:
《
成吉思汗传:看历代帝王将相谋略 修炼安身成事之根本
》
售價:HK$
61.6
《
爱丁堡古罗马史-罗马城的起源和共和国的崛起
》
售價:HK$
76.8
《
自伤自恋的精神分析
》
售價:HK$
52.8
《
大宋悬疑录:貔貅刑
》
售價:HK$
74.8
《
不被大风吹倒
》
售價:HK$
65.9
《
人生解忧:佛学入门四十讲
》
售價:HK$
107.8
《
东野圭吾:分身(东野圭吾无法再现的双女主之作 奇绝瑰丽、残忍又温情)
》
售價:HK$
64.9
《
浪潮将至
》
售價:HK$
86.9
|
編輯推薦: |
原生应用程序App的开发费用比较高,同时开发周期比较长。jQuery Mobile函数库的出现很好地解决了这一问题,通过HTML5、CSS3、JavaScript和jQuery Mobile搭配使用,开发出的移动网站和App跟原生的没有区别,受到广大客户的欢迎。
|
內容簡介: |
本书通过众多实例和综合案例的学习与演练,使读者可以尽快掌握所学的Web开发技术,提高移动网站与App开发的实战能力。同时本书提供了实例源代码、课件和教学视频,方便读者快速上手并能进行二次开发。 本书共20章,以应用实例和综合实战案例的形式逐一详解HTML 5网页设计的文档结构、文本、图像、超链接、表格、表单、音频和视频、数据存储Web Storage、CSS快速入门、CSS基础语法、网页的定位与布局、JavaScript快速入门、JavaScript对象编程、JavaScript操纵CSS、地理定位、离线Web应用、熟悉jQuery Mobile、jQuery Mobile UI组件、jQuery Mobile 事件、数据存储技术和读取技术、使用jQuery Mobile插件、开发求职招聘App、开发手机游戏和开发购物网站App等方法和技巧。 本书内容丰富,理论结合实践,对从事网站美工工作的读者而言,是一本手边必不可少的工具书;对从事移动网站与App开发的读者来说,也是一本难得的参考手册。本书也适合作为高等院校计算机相关专业师生的教学参考书。
|
關於作者: |
王英英,从事Web应用开发多年,精通多种编程语言,对数据库技术有深入研究。在Python编程、数据库开发方面有着丰富的经验,并已出版过多本相关畅销书,受广大读者熟悉和认可。畅销书有《MySQL 5.7从零开始学(视频教学版)》《MySQL8从入门到精通(视频教学版)》等。
|
目錄:
|
第1章 HTML 5快速入门 1
1.1 HTML 5概述 1
1.2 HTML 5的文档结构 2
1.2.1 文档类型说明 3
1.2.2 HTML标记 3
1.2.3 头标记head 3
1.2.4 网页的主体标记body 6
1.2.5 页面注释标记 6
1.3 HTML 5文件的编写方法 7
1.3.1 使用记事本手工编写HTML
文件 7
1.3.2 使用WebStorm编写HTML
文件 8
1.4 HTML 5语法的新变化 9
1.4.1 标签不再区分大小写 9
1.4.2 允许属性值不使用引号 10
1.4.3 允许部分属性值的属性
省略 10
1.5 新手疑惑解答 11
第2章 HTML 5网页中的文本和图像 12
2.1 添加文本 12
2.2 文本排版 16
2.2.1 换行标记与段落
标记
16
2.2.2 标题标记~ 18
2.3 文字列表 19
2.3.1 建立无序列表 19
2.3.2 建立有序列表 20
2.4 网页中的图像 21
2.4.1 网页中支持的图片格式 22
2.4.2 使用路径 22
2.4.3 在网页中插入图像标记
23
2.5 URL的概念 27
2.5.1 URL的格式 27
2.5.2 URL的类型 27
2.6 超链接标记 28
2.6.1 设置文本和图片的超
链接 29
2.6.2 超链接指向的目标类型 29
2.6.3 设置以新窗口显示超链接
页面 31
2.7 创建热点区域 32
2.8 综合实例——图文并茂的房屋装饰
装修网页 33
2.9 新手疑惑解答 34
第3章 用HTML 5创建表格和表单 36
3.1 表格基本结构及操作 36
3.1.1 表格基本结构 36
3.1.2 合并单元格 38
3.2 完整的表格标记 42
3.3 表单概述 43
3.4 表单基本元素的使用 44
3.4.1 单行文本输入框text 44
3.4.2 多行文本框标记
45
3.4.3 密码域password 46
3.4.4 单选按钮radio 47
3.4.5 复选框checkbox 48
3.4.6 选择列表标记 49
3.4.7 普通按钮button 50
3.4.8 提交按钮submit 51
3.4.9 重置按钮reset 52
3.5 表单高级元素的使用 53
3.5.1 url属性 53
3.5.2 eamil属性 54
3.5.3 日期和时间 55
3.5.4 number属性 55
3.5.5 range属性 56
3.5.6 required属性 57
3.6 综合实例——创建用户反馈
表单 58
3.7 新手疑惑解答 59
第4章 HTML 5中的音频和视频 60
4.1 标记 60
4.1.1 标记概述 60
4.1.2 标记的属性 61
4.1.3 音频解码器 62
4.1.4 标记浏览器的支持
情况 62
4.2 标记 62
4.2.1 标记概述 62
4.2.2 标记的属性 63
4.2.3 视频解码器 64
4.2.4 标记浏览器的支持
情况 64
4.3 音频和视频中的方法 64
4.3.1 canPlayType()方法 64
4.3.2 load()方法 66
4.3.3 play()方法和pause()方法 67
4.4 音频和视频中的属性 68
4.4.1 autoplay属性 68
4.4.2 buffered属性 70
4.4.3 controls属性 71
4.4.4 currentSrc属性 73
4.5 新手疑惑解答 74
第5章 数据存储Web Storage 75
5.1 认识Web存储 75
5.1.1 本地存储和Cookies的
区别 75
5.1.2 Web存储方法 75
5.2 使用HTML 5 Web Storage API 76
5.2.1 测试浏览器的支持情况 76
5.2.2 使用sessionStorage方法
创建对象 77
5.2.3 使用localStorage方法
创建对象 78
5.2.4 Web Storage API的其他
操作 80
5.2.5 使用JSON对象存取
数据 80
5.3 目前浏览器对Web存储的支持
情况 83
5.4 综合实例——设计一个页面
计数器 83
5.5 新手疑惑解答 85
第6章 CSS快速入门 86
6.1 CSS介绍 86
6.1.1 CSS功能 86
6.1.2 CSS发展历史 87
6.1.3 浏览器与CSS 87
6.2 编辑和浏览CSS 88
6.2.1 CSS基础语法 88
6.2.2 使用WebStorm创建CSS
文件 88
6.3 在HTML中使用CSS的方法 89
6.3.1 行内样式 90
6.3.2 内嵌样式 90
6.3.3 链接样式 92
6.3.4 导入样式 93
6.3.5 优先级问题 94
6.4 CSS 3选择器 96
6.4.1 标记选择器 97
6.4.2 类选择器 98
6.4.3 ID选择器 99
6.4.4 全局选择器 101
6.4.5 组合选择器 102
6.4.6 继承选择器 103
6.4.7 伪类 104
6.4.8 属性选择器 106
6.4.9 结构伪类选择器 107
6.4.10 UI元素状态伪类
选择器 109
6.5 选择器的声明 110
6.5.1 集体声明 111
6.5.2 多重嵌套声明 112
6.6 综合实例——设计新闻菜单 112
6.7 新手疑惑解答 116
第7章 CSS基础语法 117
7.1 CSS美化网页中的文字 117
7.1.1 设置字体的属性 117
7.1.2 字体颜色color 120
7.2 文本的对齐方式 122
7.2.1 垂直对齐方式
vertial-align 122
7.2.2 水平对齐方式 124
7.3 CSS美化网页中的表格 126
7.3.1 表格边框样式 126
7.3.2 表格边框宽度 128
7.3.3 表格边框颜色 130
7.4 CSS与表单 131
7.4.1 美化表单中的元素 131
7.4.2 美化提交按钮 133
7.4.3 美化下拉菜单 135
7.5 CSS美化网页中的图片 137
7.5.1 图片边框 137
7.5.2 横向对齐方式 138
7.5.3 纵向对齐方式 139
7.6 CSS美化网页背景 141
7.6.1 背景颜色 141
7.6.2 背景图片 142
7.7 综合实例——制作旅游宣传
网页 145
7.8 新手疑惑解答 149
第8章 网页的定位与布局 151
8.1 定位方式 151
8.1.1 定位属性 151
8.1.2 position定位 152
8.1.3 层叠顺序z-index 156
8.1.4 边偏移属性 158
8.2 float浮动定位 159
8.3 overflow溢出定位 162
8.4 visibility隐藏定位 163
8.5 块和行内元素display 165
8.5.1 块元素 165
8.5.2 行内元素 168
8.6 综合实例——定位布局新闻 168
8.7 新手疑惑解答 172
第9章 JavaScript快速入门 173
9.1 JavaScript简介 173
9.2 在HTML文件中使用JavaScript
代码 174
9.2.1 JavaScript嵌入HTML
文件 174
9.2.2 外部JavaScript文件 175
9.3 数据类型与变量 176
9.3.1 数据类型 176
9.3.2 变量 178
9.4 流程控制语句 180
9.4.1 注释语句和语句块 180
9.4.2 选择语句 181
9.4.3 循环语句 188
9.5 函数 191
9.5.1 函数简介 191
9.5.2 定义函数 192
9.5.3 调用函数 195
9.6 综合实例——购物简易计算器 197
9.7 新手疑惑解答 199
第10章 JavaScript对象编程 200
10.1 字符串对象 200
10.1.1 字符串对象的创建 200
10.1.2 字符串对象的常用
属性 201
10.1.3 字符串对象的常用
函数 201
10.2 数组对象 203
10.2.1 数组对象的创建 204
10.2.2 数组对象的操作 204
10.2.3 数组对象的常用方法 207
10.3 文档对象模型 211
10.3.1 文档对象模型介绍 211
10.3.2 在DOM模型中获得
对象的方法 211
10.3.3 事件驱动 213
10.4 窗口(window)对象 215
10.4.1 窗口介绍 215
10.4.2 对话框 217
10.4.3 窗口操作 219
10.5 文档(document)对象 220
10.5.1 文档的属性 221
10.5.2 文档中的图片 223
10.5.3 文档中的超链接 224
10.6 表单对象 226
10.6.1 form对象 226
10.6.2 form对象的属性与
方法 227
10.6.3 单选与复选的使用 228
10.6.4 使用下拉菜单 230
10.7 综合实例——设计省市联动
效果 231
10.8 新手疑惑解答 235
第11章 JavaScript操纵CSS 236
11.1 DHTML简介 236
11.2 前台动态网页效果 237
11.2.1 动态内容 237
11.2.2 动态样式 238
11.2.3 动态定位 240
11.2.4 显示与隐藏 242
11.3 JavaScript控制表单背景色和
文字提示 243
11.4 综合实例——实现即时验证
效果 246
11.5 新手疑惑解答 248
第12章 地理定位、离线Web应用和
Web存储 250
12.1 获取地理位置 250
12.1.1 地理地位的原理 250
12.1.2 地理定位的函数 250
12.1.3 指定纬度和经度坐标 251
12.1.4 目前浏览器对地理定位的
支持情况 252
12.2 HTML 5离线Web应用 253
12.2.1 新增的本地缓存 253
12.2.2 本地缓存的管理者——
manifest文件 253
12.2.3 浏览器网页缓存与本地
缓存的区别 254
12.2.4 目前浏览器对Web离线
应用的支持情况 254
12.3 Web存储 255
12.3.1 本地存储和Cookies的
区别 255
12.3.2 在客户端存储数据 255
12.3.3 sessionStorage函数 256
12.3.4 localStorage函数 257
12.3.5 目前浏览器对Web存储的
支持情况 258
12.4 新手疑惑解答 259
第13章 熟悉jQuery Mobile 260
13.1 认识jQuery Mobile 260
13.2 跨平台移动设备网页
jQuery Mobile 261
13.2.1 移动设备模拟器 261
13.2.2 jQuery Mobile的安装 262
13.2.3 jQuery Mobile网页的
架构 264
13.3 创建多页面的jQuery Mobile
网页 265
13.4 将页面作为对话框使用 267
13.5 绚丽多彩的页面切换效果 268
13.6 综合案例——设计弹出表单
效果 271
13.7 新手疑惑解答 272
第14章 jQuery Mobile UI组件 273
14.1 套用UI组件 273
14.1.1 表单组件 273
14.1.2 按钮和组按钮 281
14.1.3 按钮图标 283
14.1.4 弹窗 285
14.2 列表 286
14.2.1 列表视图 287
14.2.2 列表内容 289
14.2.3 列表过滤 291
14.3 面板和可折叠块 293
14.3.1 面板 293
14.3.2 可折叠块 294
14.4 导航条 296
14.5 jQuery Mobile主题 300
14.6 综合案例——设计一个商品列表
页面 303
14.7 新手疑惑解答 306
第15章 jQuery Mobile事件 307
15.1 页面事件 307
15.1.1 初始化事件 307
15.1.2 外部页面加载事件 310
15.1.3 页面过渡事件 312
15.2 触摸事件 314
15.2.1 点击事件 314
15.2.2 滑动事件 317
15.3 滚屏事件 319
15.4 定位事件 322
15.5 综合案例——设计一个商品秒杀的
滚屏页面 324
15.6 新手疑惑解答 326
第16章 数据存储和读取技术 327
16.1 Web SQL Database概述 327
16.2 使用Web SQL Database操作
数据 327
16.2.1 数据库的基本操作 328
16.2.2 数据表的基本操作 329
16.2.3 数据的基本操作 331
16.3 综合案例——企业员工管理
系统 332
16.4 新手疑惑解答 335
第17章 使用jQuery Mobile插件 336
17.1 Camera插件 336
17.2 Swipebox插件 338
17.3 mmenu插件 340
17.4 DateBox插件 342
17.5 Mobiscroll插件 343
17.6 新手疑惑解答 345
第18章 项目实训1——开发求职
招聘App 346
18.1 项目概述 346
18.1.1 项目结构目录 346
18.1.2 项目效果展示 347
18.2 项目设计 349
18.2.1 设计登录和注册页面 349
18.2.2 设计个人中心页面 351
18.2.3 设计简历预览页面 353
18.2.4 设计简历编辑页面 354
18.2.5 设计投递记录和职位
收藏页面 355
18.2.6 设计职位列表页面 359
18.2.7 设计职位详情页面 361
18.3 项目打包成App 362
第19章 项目实训2——开发
游戏App 366
19.1 游戏概述 366
19.1.1 游戏结构目录 366
19.1.2 项目效果演示 366
19.2 游戏设计 367
19.2.1 index.html文件 367
19.2.2 style.css文件 368
19.2.3 index.js文件 369
19.3 项目打包成App 372
第20章 项目实训3——开发购物
网站App 373
20.1 项目概述 373
20.1.1 项目结构目录 373
20.1.2 项目效果展示 373
20.2 首页设计 375
20.2.1 设计广告栏 376
20.2.2 设计导航栏 379
20.2.3 设计轮播 380
20.2.4 设计蔬菜栏 382
20.2.5 设计干果栏 385
20.2.6 设计底部栏 389
20.3 购买页面设计 391
20.4 蔬菜展示页面设计 395
20.5 项目打包成App 398
|
內容試閱:
|
原生应用程序App的开发费用比较高,同时花费的时间比较长。jQuery Mobile函数库的出现很好地解决了这一问题,通过HTML 5、CSS 3、JavaScript和jQuery Mobile搭配使用,开发出的移动网站和普通App没有区别,受到广大用户的欢迎。
本书内容
第1~5章分别介绍HTML 5快速入门、HTML 5网页中的文本和图像、使用HTML 5创建表格和表单、HTML 5中的音频和视频、数据存储Web Storage。
第6~8章分别介绍CSS快速入门、CSS基础语法、网页的定位与布局。
第9~11章分别介绍JavaScript快速入门、JavaScript对象编程、JavaScript操纵CSS。
第12章介绍地理定位、离线Web应用和Web存储,包括获取地理位置、HTML 5离线Web应用和Web存储等。
第13~15章介绍jQuery Mobile入门知识、jQuery Mobile UI组件以及jQuery Mobile事件。
第16章介绍数据存储和读取技术,主要包括Web SQL Database概述、使用Web SQL Database操作数据、企业员工管理系统等。
第17章介绍jQuery Mobile插件的使用,主要包括Camera插件、Swipebox插件、mmenu插件、DateBox插件、Mobiscroll插件等。
第18~20章分别介绍求职招聘App、游戏App与购物网站App三个项目实训。
本书特色
知识全面:知识由浅入深,涵盖所有HTML 5、CSS 3、JavaScript和jQuery Mobile的知识点,便于读者循序渐进地掌握移动网站和App开发技术。
图文并茂:注重操作,图文并茂,在介绍案例的过程中,每一个操作均有对应的插图。这种图文结合的方式使读者在学习的过程中能够直观、清晰地看到操作的过程以及效果,便于更快地理解和掌握。
易学易用:颠覆传统“看”书的观念,变成一本能“操作”的图书。
案例丰富:把知识点融入系统的案例实训中,并且结合经典案例进行讲解和拓展,进而使读者达到“知其然,并知其所以然”的目标。
贴心周到:本书对读者在学习过程中可能会遇到的疑难问题以“提示”和“技巧”的形式进行说明,以免读者在学习的过程中走弯路。
资源支持:本书提供配套的源代码、课件与教学视频,可让读者在实际应用中掌握网页布局的每一项技能,使本书真正体现“自学无忧”,成为一本物超所值的好书。
源码、课件与教学视频下载
本书配套资源可使用微信扫描下面的二维码下载,也可通过下载页面把链接发送到自己的邮箱中下载。如果有任何疑问,请联系booksaga@163.com,邮件主题为“H5C3JSjM开发”。
读者对象
本书是一本完整介绍HTML 5 CSS 3 JavaScript jQuery Mobile移动网站和App开发的教程,内容丰富、条理清晰、实用性强,适合以下读者学习使用:
没有任何移动网站和App开发基础的初学者。
有一定的HTML 5和CSS 3基础,想精通移动网站和App开发的人员。
高等院校和培训机构的老师和学生。
鸣谢
本书由王英英主编,参与编写的还有张工厂、刘增杰、胡同夫、刘玉萍、刘玉红。本书虽然倾注了编者的努力,但由于水平有限、时间仓促,书中难免有疏漏之处,欢迎批评指正。如果遇到问题或有好的建议,敬请与我们联系,我们将全力提供帮助。
编 者
2021年1月
|
|