移动互联网之路 HTML5+CSS3+jQueryMobileAPP与移动网站设计从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

移动互联网之路 HTML5+CSS3+jQueryMobileAPP与移动网站设计从入门到精通PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 移动设备与Web技术1

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章 初识HTML510

2.1 了解HTML510

2.1.1 HTML的发展10

2.1.2 HTML5概述11

2.1.3 HTML5的优势11

2.2 HTML5语法结构12

2.2.1 HTML5文档结构12

2.2.2 HTML5的基本语法13

2.2.3 HTML5中精简的头部14

2.3 HTML5中新增的标签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章 使用网页基本标签19

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结构标签44

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绘图60

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在页面中嵌入视频和音频93

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中的表章116

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本地存储143

8.1 本地存储Web Storage143

8.1.1 cookie存储数据的不足143

8.1.2 使用Web Storage存储的优势144

8.1.3 会话存储（sessionStorage）与本地存储（localStorage）的区别144

8.2 使用Web Storage145

8.2.1 检查浏览器是否支持Web Storage145

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 SQL153

8.3.1 了解Web SQL数据库153

8.3.2 Web SQL数据库的基本操作154

8.4 本章小结155

第9章 CSS样式基础156

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章 文字与背景设置183

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章 边框与超链接设置234

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盒模型和界面设计254

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动画效果297

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基础328

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页面353

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章 jQuery Mobile页面组件382

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

第17章 使用jQuery Mobile主题403

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

第18章 使用jQuery Mobile事件421

18.1 设置jQuery Mobile421

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

第19章 使用jQuery Mobile插件444

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

第20章 移动应用开发实战466

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 订餐APP480

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