HTML5+CSS3+jQueryMobile轻松构造App与移动网站(第2版)

HTML5+CSS3+jQueryMobile轻松构造App与移动网站(第2版)"

作者:陈婉凌
ISBN:9787302454168
定价:¥59
字数:千字
页数:
出版时间:2016.12.01
开本:
版次:2-7
装帧:
出版社:清华大学出版社
简介

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》范例的素材和代码下载地址为:http://pan.baidu.com/s/1qY6Kj04

本书以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇“打包与测试”教用户如何将写好的网页打包成Android APP。本书最后3章包含了完整的范例实战——“百度地图API和谷歌地图API”“甜点坊订购系统实战”以及“记事本Note APP实战”,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。

前言

最近制作网站时不少客户会问,网站能不能直接转换成手机可以浏览的版本,最好能直接装在用户的手机上?当然可以!只要有HTML5,客户的上述需求都能轻易满足。大多数客户都会优先考虑如何节省成本,如果为了移动设备再开发一个原生应用程序(Native App)的版本,费用会更加昂贵。但是通过HTML5技术,稍微修改一下现有网站就能放到移动设备上,功能界面与普通APP没有区别,甚至更加美观,客户接受度普遍都很高。对于程序开发人员而言,轻轻松松就能增加两三倍的收入,这也是HTML5这么诱人的原因。

对于程序开发人员而言,最大的问题应该是界面设计部分,jQuery Mobile函数库的出现,完全解决了这个问题,它的优点之一就是只要稍加设置属性,就能将表单组件转换成移动设备界面。HTML5与jQuery Mobile两者搭配使用,能够轻易达到跨平台、跨设备(Write-Once,Run Anywhere)的目的,这无疑是目前开发跨移动设备网站的技术首选。

HTML5不仅仅是单纯的HTML语法,还包含了JavaScript、CSS等技术,HTML5新增了一些网页应用程序的API,这些都必须搭配JavaScript语言使用。另外,网页美化的部分,如文字字体、大小与颜色等,以前可以使用<font>标记属性来设置,现在HTML5已经停用这些样式美化的标记属性,改由CSS语法负责。当然,学习这些技术之前,必须十分熟悉基本的HTML语法,才能达到事半功倍的效果。

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站(第2版)》以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇“打包与测试”教用户如何将写好的网页打包成Android APP。本书最后3章包含了完整的范例实战——“百度地图API和谷歌地图API”“甜点坊订购系统实战”以及“记事本Note APP实战”,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。

“工欲善其事,必先利其器”,网页制作前的首要任务就是准备好相关的软件工具,例如想要设计个人专用图案或影片就必须由图像编辑软件、多媒体剪辑软件进行辅助,这些软件工具虽然可以在市面上买到,但对于经费有限的读者来说,却是一大负担。读者可以参考书中所列举的免费工具或自由软件,让有心学习的用户找到合适的工具。相信《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站(第2版)》是用户学习网页制作的最佳入门书,同时也适合老师们作为相关课程的教材使用。

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站(第2版)》内容虽经再三思考校对,力求谨慎、正确,但疏漏之处恐难避免,还请读者批评指正,再次感谢。

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站(第2版)》范例的素材和代码下载地址为:http://pan.baidu.com/s/1qY6Kj04(注意区分数字和英文字母大小写)。如果下载有问题,请发送电子邮件至booksaga@126.com,邮件主题设置为“求HTML5+CSS3(第2版)代码”。

编者

2016年8月

目录

第1篇  HTML5网页开发

第1章  HTML5基础入门 2

1.1  认识HTML5 2

1.1.1  HTML5与HTML4的差异 2

1.1.2  HTML5废除的标记 3

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

第2章  文字变化与排版技巧 14

2.1  段落效果——使用排版标记 14

2.1.1  设置段落样式的标记 14

2.1.2  设置对齐与缩进的标记 16

2.1.3  添加分隔线 18

2.1.4  设置段落标题 19

2.2  文字效果——使用文字标记 20

2.2.1  设置字形样式的标记 20

2.2.2  设置上标、下标 22

2.3  项目符号与编号——使用列表标记 22

2.3.1  符号列表 22

2.3.2  编号列表 24

2.3.3  定义列表 26

2.4  注释与特殊符号 27

2.4.1  添加注释 27

2.4.2  使用特殊符号 29

2.5  创建超链接 30

2.5.1  什么是超链接 30

2.5.2  超链接的用法 30

2.5.3  站外网页链接 32

2.5.4  站内网页链接 33

2.5.5  链接到E-Mail邮箱 35

2.5.6  链接到文件 38

第3章  HTML5表格与表单 40

3.1  制作基本表格 40

3.1.1  表格的基本架构 40

3.1.2  设置表格标题 42

3.2  表格的编辑技巧 44

3.2.1  合并单元格 44

3.2.2  利用表格组合图片 46

3.3  什么是表单 48

表单能做什么 49

3.4  创建表单 50

3.4.1  表单的基本架构 51

3.4.2  输入组件 53

3.4.3  列表组件 58

3.4.4  选择组件 60

3.4.5  按钮组件 61

3.4.6  表单分组 63

3.5  操作范例——教学意见调查表 63

第4章  HTML5多媒体素材的应用 66

4.1  网页图片使用须知 66

4.1.1  图片的尺寸与分辨率 66

4.1.2  图片的来源 67

4.2  图片的使用 67

4.2.1  嵌入图片 67

4.2.2  路径表示法 68

4.3  添加影音特效 70

4.3.1  在网页中加入音乐 70

4.3.2  添加影音动画 72

4.3.3  添加Flash动画 73

4.3.4  传统影音播放器 74

4.3.5  使用iframe嵌入优酷视频 74

第5章  网页存储Web Storage 78

5.1  认识Web Storage 78

5.1.1  Web Storage的概念 78

5.1.2  检测浏览器是否支持Web Storage 78

5.2  localStorage和sessionStorage 79

5.2.1  访问localStorage 79

5.2.2  删除localStorage 82

5.2.3  访问sessionStorage 84

5.3  Web Storage实例练习 85

5.3.1  登录/注销和计数器 85

5.3.2  购物车 90

第2篇  CSS网页美化

第6章  认识CSS样式表 102

6.1  什么是CSS样式表 102

6.1.1  CSS的由来 102

6.1.2  CSS的优势 103

6.1.3  CSS的应用 104

6.2  创建CSS样式表 105

6.2.1  CSS基本格式 105

6.2.2  应用CSS样式表 107

6.2.3  认识CSS选择器 112

第7章  CSS基本语法 118

7.1  控制文字样式 118

7.1.1  字体属性 118

7.1.2  段落属性 121

7.1.3  文字效果属性 125

7.2  控制背景 128

7.2.1  设置背景颜色 128

7.2.2  设置背景图片 130

7.2.3  设置背景渐变 138

第8章  CSS样式与排版 142

8.1  控制边界与边框 142

8.1.1  边界 142

8.1.2  边框 144

8.1.3  边界间距 151

8.2  网页组件的定位 153

8.2.1  一般定位 154

8.2.2  图层定位 160

8.3  超链接与鼠标光标特效 162

8.3.1  超链接特效 162

8.3.2  鼠标光标特效 165

第9章  HTML5+CSS3综合应用 168

9.1  操作网页内容 168

9.2  使用语义标记排版 170

9.3  叠字标题 175

9.4  网页背景和鼠标光标 176

9.5  菜单超链接特效 177

9.6  主内容区样式 178

第3篇  jQuery与jQuery Mobile

第10章  认识jQuery与jQuery Mobile 184

10.1  认识JavaScript 184

10.1.1  JavaScript架构 184

10.1.2  JavaScript对象与函数 187

10.1.3  JavaScript事件 189

10.2  认识jQuery 191

10.2.1  引用jQuery函数库 191

10.2.2  jQuery基本架构 193

10.2.3  jQuery选择器 193

10.3  跨平台移动设备网页jQuery Mobile 196

10.3.1  认识jQuery Mobile 196

10.3.2  第一个jQuery Mobile网页 200

第11章  jQuery Mobile UI组件 206

11.1  套用UI组件 206

11.1.1  认识UI组件 206

11.1.2  按钮 208

11.1.3  组按钮 212

11.1.4  列表 213

11.2  网页导航与布景主题 216

11.2.1  jQuery Mobile网页导航 216

11.2.2  ThemeRoller快速应用布景主题 219

第12章  jQuery Mobile 事件 226

12.1  页面事件 226

12.1.1  初始化事件 226

12.1.2  外部页面加载事件 230

12.1.3  页面切换事件 231

12.2  触摸事件 234

12.2.1  点击事件 234

12.2.2  滑动事件 236

12.2.3  滚动事件 238

12.2.4  屏幕方向改变事件 240

第13章  数据的保存与读取 243

13.1  认识IndexedDB 243

13.1.1  IndexedDB的概念 243

13.1.2  IndexedDB基本操作 244

13.1.3  读取数据 253

13.1.4  删除数据 254

13.1.5  使用指针对象 255

13.2  认识Web SQL 260

13.2.1  Web SQL基本操作 260

13.2.2  创建数据表 262

13.2.3  新增、修改和删除数据 265

13.3  读取文本文件 269

13.3.1  选择文件 269

13.3.2  读取文件 272

第14章  插件的使用 275

14.1  表格排序插件——tablesorter 275

14.1.1  下载与套用 275

14.1.2  高级应用 277

14.2  日期选择器——Datepicker 280

14.2.1  下载与套用 280

14.2.2  高级应用 281

14.3  日历插件——FullCalendar 284

14.3.1  下载与套用 284

14.3.2  高级应用 285

第4篇  打包与测试

第15章  下载与安装Apache Cordova 294

15.1  下载与安装Cordova 294

15.1.1  安装必要的工具 294

15.1.2  通过npm安装Cordova 300

15.1.3  设置Android模拟器 301

15.2  将网页转换成Android APP 303

第16章  百度地图API和谷歌地图API 307

16.1  百度地图API和谷歌地图API 307

16.1.1  简易的百度地图和谷歌地图 307

16.1.2  地图控件 314

16.2  按地址显示地图 317

16.2.1  地址定位 317

16.2.2  图标标记 321

第17章  甜点坊订购系统实战 325

17.1  网站架构 325

17.2  订购流程 328

17.3  查订单 337

17.4  找店家 340

第18章  记事本Note APP实战 341

18.1  记事本的结构 341

18.2  新增记事 343

18.3  删除记事 345

18.4  记事列表 347

 

作者简介

编辑推荐

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》范例的素材和代码下载地址为:http://pan.baidu.com/s/1qY6Kj04

本书以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇“打包与测试”教用户如何将写好的网页打包成Android APP。本书最后3章包含了完整的范例实战——“百度地图API和谷歌地图API”“甜点坊订购系统实战”以及“记事本Note APP实战”,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。

作者寄语

陈婉凌,网页技术的资深软件工程师,并拥有多年讲授计算机课程的丰富经验,擅长编写HTML、CSS、JavaScript、jQuery、PHP方面的书籍,在出版的书籍中入自身多年教学经验与职场实战经验,内容充实,难易度适中,适合大众读者。

电子资料

www.luweidong.cn

下一个