Web前端技术丛书 HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通 视频教学版PDF电子书下载

第1章 HTML5快速入门 1

1.1HTML5概述 1

1.2HTML5的文档结构 3

1.2.1文档类型说明 3

1.2.2HTML标记 3

1.2.3头标记head 3

1.2.4网页的主体标记body 7

1.2.5页面注释标记〈！----〉 7

1.3HTML5文件的编写方法 8

1.3.1使用记事本手工编写HTML文件 8

1.3.2使用Dreamweaver CC编写HTML文件 9

1.4HTML5语法的新变化 11

1.4.1标签不再区分大小写 11

1.4.2允许属性值不使用引号 12

1.4.3允许部分属性值的属性省略 12

1.5专家解惑 13

第2章 HTML5网页中的文本和图像 15

2.1添加文本 15

2.1.1普通文本 15

2.1.2特殊文字符号 16

2.1.3文本特殊样式 17

2.2文本排版 19

2.2.1换行标记〈br/〉与段落标记〈p〉 19

2.2.2标题标记〈h1〉～〈h6〉 22

2.3文字列表 23

2.3.1建立无序列表〈ul〉 23

2.3.2建立有序列表〈ol〉 24

2.4网页中的图像〈img〉 25

2.4.1网页中支持的图片格式 26

2.4.2使用路径 26

2.4.3网页中插入图像标记〈img〉 28

2.5综合实例——图文并茂房屋装饰装修网页 31

2.6专家解惑 33

第3章 用HTML5建立超链接 34

3.1URL的概念 34

3.1.1URL的格式 34

3.1.2URL的类型 35

3.2超链接标记〈a〉 36

3.2.1设置文本和图片的超链接 36

3.2.2超链接指向的目标类型 37

3.2.3设置以新窗口显示超链接页面 39

3.3创建热点区域 40

3.4浮动框架iframe 41

3.5综合实例——用Dreamweaver精确定位热点区域 42

3.6专家解惑 45

第4章 用HTML5创建表格 46

4.1表格基本结构及操作 46

4.1.1表格基本结构 46

4.1.2合并单元格 48

4.2完整的表格标记 52

4.3综合实例——制作计算机报价单 54

4.4专家解惑 56

第5章 使用表单 58

5.1表单概述 58

5.2表单基本元素的使用 59

5.2.1单行文本输入框text 59

5.2.2多行文本框标记〈textarea〉 60

5.2.3密码域password 61

5.2.4单选按钮radio 61

5.2.5复选框checkbox 62

5.2.6选择列表标记〈select〉 63

5.2.7普通按钮button 64

5.2.8提交按钮submit 65

5.2.9重置按钮reset 66

5.3表单高级元素的使用 67

5.3.1url属性 67

5.3.2eamil属性 68

5.3.3date和Times 69

5.3.4number属性 70

5.3.5range属性 71

5.3.6required属性 72

5.4综合实例——创建用户反馈表单 73

5.5专家解惑 74

第6章 HTML5中的音频和视频 75

6.1〈audio〉标记 75

6.1.1〈audio〉标记概述 75

6.1.2〈audio〉标记的属性 76

6.1.3音频解码器 77

6.1.4〈audio〉标记浏览器的支持情况 77

6.2〈video〉标记 77

6.2.1〈video〉标记概述 77

6.2.2〈video〉标记的属性 78

6.2.3视频解码器 79

6.2.4〈video＞标记浏览器的支持情况 79

6.3音频和视频中的方法 80

6.3.1canPlayType（）方法 80

6.3.2load（）方法 81

6.3.3play（）方法和pause（）方法 82

6.4音频和视频中的属性 83

6.4.1autoplay属性 83

6.4.2buffered属性 84

6.4.3controls属性 86

6.4.4currentSrc属性 87

6.5专家解惑 88

第7章 HTML5绘制图形 90

7.1canvas概述 90

7.1.1添加canvas元素 90

7.1.2绘制矩形 91

7.2绘制基本形状 92

7.2.1绘制圆形 92

7.2.2使用moveTo与lineTo绘制直线 94

7.2.3使用bezierCurveTo绘制贝济埃曲线 95

7.3绘制渐变图形 97

7.3.1绘制线性渐变 98

7.3.2绘制径向渐变 99

7.4绘制变形图形 101

7.4.1变换原点坐标 101

7.4.2图形缩放 102

7.4.3旋转图形 103

7.5图形组合 105

7.6绘制带阴影的图形 107

7.7使用图像 108

7.7.1绘制图像 108

7.7.2图像平铺 110

7.7.3图像裁剪 112

7.7.4像素处理 113

7.8绘制文字 116

7.9图形的保存与恢复 117

7.9.1保存与恢复状态 117

7.9.2保存文件 119

7.10综合实例1——绘制商标 120

7.11综合实例2——绘制火柴棒人物 122

7.12综合实例3——绘制时钟 126

7.13专家解惑 129

第8章 地理定位、离线Web应用和Web存储 131

8.1获取地理位置 131

8.1.1地理地位的原理 131

8.1.2地理定位的函数 132

8.1.3指定纬度和经度坐标 132

8.1.4目前浏览器对地理定位的支持情况 134

8.2HTML5离线Web应用 134

8.2.1新增的本地缓存 134

8.2.2本地缓存的管理者——manifest文件 134

8.2.3浏览器网页缓存与本地缓存的区别 136

8.2.4目前浏览器对Web离线应用的支持情况 136

8.3Web存储 136

8.3.1本地存储和Cookies的区别 137

8.3.2在客户端存储数据 137

8.3.3sessionStorage函数 137

8.3.4localStorage函数 139

8.3.5目前浏览器对Web存储的支持情况 141

8.4专家解惑 141

第9章 CSS3快速入门 142

9.1CSS3介绍 142

9.1.1CSS3功能 142

9.1.2CSS3发展历史 143

9.1.3浏览器与CSS3 143

9.2编辑和浏览CSS 144

9.2.1CSS基础语法 144

9.2.2使用记事本手工编写CSS文件 145

9.2.3使用Dreamweaver CC创建CSS文件 146

9.3在HTML5中使用CSS3的方法 147

9.3.1行内样式 148

9.3.2内嵌样式 149

9.3.3链接样式 150

9.3.4导入样式 151

9.3.5优先级问题 153

9.4CSS3选择器 155

9.4.1标记选择器 156

9.4.2类选择器 157

9.4.3ID选择器 158

9.4.4全局选择器 160

9.4.5组合选择器 161

9.4.6继承选择器 162

9.4.7伪类 164

9.4.8属性选择器 165

9.4.9结构伪类选择器 167

9.4.10UI元素状态伪类选择器 168

9.5选择器声明 170

9.5.1集体声明 170

9.5.2多重嵌套声明 171

9.6综合实例1——制作五彩标题 172

9.7综合实例2——制作新闻菜单 175

9.8专家解惑 178

第10章 CSS3字体与段落属性 180

10.1字体属性 180

10.1.1字体font-family 180

10.1.2字号font-size 181

10.1.3字体风格font-style 183

10.1.4加粗字体font-weight 184

10.1.5小写字母转为大写字母font-variant 185

10.1.6字体复合属性font 186

10.1.7字体颜色color 187

10.2文本高级样式 189

10.2.1阴影文本text-shadow 189

10.2.2溢出文本text-overflow 190

10.2.3控制换行word-wrap 192

10.2.4保持字体尺寸不变font-size-adjust 193

10.3段落属性 194

10.3.1单词间隔word-spacing 194

10.3.2字符间隔letter-spacing 195

10.3.3文字修饰text-decoration 196

10.3.4垂直对齐方式vertial-align 197

10.3.5文本转换text-transform 199

10.3.6水平对齐方式text-align 200

10.3.7文本缩进text-indent 202

10.3.8文本行高line-height 203

10.3.9处理空白white-sapce 204

10.3.10文本反排unicode-bidi和direction 206

10.4综合实例1——制作旅游宣传网页 207

10.5综合实例2——网页简单图文混排 211

10.6专家解惑 213

第11章 CSS3美化表格和表单样式 214

11.1表格基本样式 214

11.1.1表格边框样式 214

11.1.2表格边框宽度 217

11.1.3表格边框颜色 218

11.2CSS3与表单 219

11.2.1美化表单中元素 220

11.2.2美化提交按钮 222

11.2.3美化下拉菜单 223

11.3综合实例1——隔行变色 225

11.4综合实例2——表格图文网页布局 228

11.5综合实例3——变色表格 230

11.6综合实例4——登录表单 233

11.7综合实例5——注册表单 235

11.8专家解惑 238

第12章 CSS3美化图像 239

12.1图片样式 239

12.1.1图片边框 239

12.1.2图片缩放 241

12.2对齐图片 244

12.2.1横向对齐方式 244

12.2.2纵向对齐方式 245

12.3图文混排 247

12.3.1文字环绕 247

12.3.2设置图片与文字间距 248

12.4综合实例1——一句话新闻 250

12.5综合实例2——学校宣传单 254

12.6专家解惑 256

第13章 CSS3美化背景与边框 257

13.1背景相关属性 257

13.1.1背景颜色 257

13.1.2背景图片 259

13.1.3背景图片重复 260

13.1.4背景图片显示 261

13.1.5背景图片位置 263

13.1.6背景图片大小 265

13.1.7背景显示区域 267

13.1.8背景图像裁剪区域 268

13.1.9背景复合属性 270

13.2边框 270

13.2.1边框样式 270

13.2.2边框颜色 272

13.2.3边框线宽 274

13.2.4边框复合属性 275

13.3圆角边框 276

13.3.1圆角边框属性 276

13.3.2指定两个圆角半径 277

13.3.3绘制4个不同圆角边框 278

13.3.4绘制边框种类 281

13.4图片边框 283

13.4.1图片边框属性 283

13.4.2设置图像边框显示方式 284

13.5综合实例——设计公司主页 287

13.6专家解惑 290

第14章 网页的定位与布局 292

14.1定位方式 292

14.1.1定位属性 292

14.1.2position定位 293

14.1.3层叠顺序z-index 298

14.1.4边偏移属性 300

14.2float浮动定位 301

14.3overflow溢出定位 303

14.4visibility隐藏定位 305

14.5块和行内元素display 307

14.5.1块元素 307

14.5.2行内元素 309

14.6综合实例——定位布局新闻 310

14.7专家解惑 314

第15章 CSS3盒子和DIV布局 315

15.1认识div层 315

15.1.1层在HTML布局应用 315

15.1.2div和span区别 316

15.2盒子模型 317

15.2.1什么是盒子模型 317

15.2.2border边框 319

15.2.3padding内边距 320

15.2.4margin外边距 322

15.3CSS3新增弹性盒模型 326

15.3.1盒子布局取向box-orient 326

15.3.2盒子布局顺序box-direction 328

15.3.3盒子布局位置box-ordinal-group 329

15.3.4盒子弹性空间box-flex 331

15.3.5管理盒子空间box-pack和box-align 333

15.3.6空间溢出管理box-lines 335

15.4综合实例1——图文排版效果 337

15.5综合实例2——淘宝导购菜单 339

15.6专家解惑 342

第16章 CSS3＋DIV页面基本排版 344

16.1CSS3排版概念 344

16.1.1将页面用DIV分块 344

16.1.2设置各块位置 345

16.1.3用CSS定位 345

16.2固定宽度布局 349

16.2.1上中下版式 349

16.2.2左右版式 353

16.3新增CSS3多列布局 359

16.3.1列宽度column-width 359

16.3.2列数column-count 361

16.3.3列间距column-gap 362

16.3.4列边框样式column-rule 364

16.4综合实例——电子企业首页 366

16.5专家解惑 371

第17章 熟悉jQuery Mobile 373

17.1认识jQuery Mobile 373

17.2跨平台移动设备网页jQuery Mobile 374

17.2.1移动设备模拟器 374

17.2.2jQuery Mobile的安装 376

17.2.3jQuery Mobile网页的架构 377

17.3创建多页面的jQuery Mobile网页 379

17.4将页面作为对话框使用 380

17.5绚丽多彩的页面切换效果 382

17.6专家解惑 384

第18章 jQuery Mobile UI组件 385

18.1套用UI组件 385

18.1.1表单组件 385

18.1.2按钮和按钮组 395

18.1.3按钮图标 398

18.1.4弹窗 399

18.2列表 401

18.2.1列表视图 401

18.2.2列表内容 404

18.2.3列表过滤 406

18.3面板和可折叠块 407

18.3.1面板 407

18.3.2可折叠块 409

18.4导航条 411

18.5jQuery Mobile主题 415

18.6专家解惑 419

第19章 jQuery Mobile事件 420

19.1页面事件 420

19.1.1初始化事件 420

19.1.2外部页面加载事件 423

19.1.3页面过渡事件 425

19.2触摸事件 427

19.2.1点击事件 427

19.2.2滑动事件 429

19.3滚屏事件 431

19.4定位事件 435

19.5专家解惑 436

第20章 使用最新Bootstrap4框架 437

20.1Bootstrap概述 437

20.1.1Bootstrap特色 437

20.1.2Bootstrap4的更新 438

20.2下载Bootstrap 439

20.3安装Bootstrap 441

20.3.1本地安装Bootstrap 441

20.3.2初次使用Bootstrap 441

20.4使用常用组件 442

20.4.1使用下拉菜单 442

20.4.2使用按钮组 444

20.4.3使用导航组件 445

20.4.4绑定导航和下拉菜单 448

20.4.5面包屑导航 449

20.4.6使用广告屏 451

20.4.7使用card（卡片） 452

20.4.8使用进度条 454

20.4.9使用模态框 459

20.4.10使用滚动监听 461

20.5案例实战——胶囊导航选项卡（Tab栏） 463

20.6专家解惑 465

第21章 开发计算器APP 467

21.1项目概述 467

21.1.1功能梳理 467

21.1.2开发环境 467

21.1.3项目结构目录 468

21.1.4项目打包 468

21.1.5项目效果展示 469

21.2项目设计 470

21.2.1index.html文件 471

21.2.2index.css文件 472

21.2.3calc.js文件 477

21.2.4common.js文件 483

第22章 开发求职招聘APP 487

22.1项目概述 487

22.1.1项目结构目录 487

22.1.2项目效果展示 488

22.2项目设计 490

22.2.1设计登录和注册页面 491

22.2.2设计个人中心页面 493

22.2.3设计简历预览页面 494

22.2.4设计简历编辑页面 496

22.2.5设计投递记录和职位收藏页面 497

22.2.6设计职位列表页面 500

22.2.7设计职位详情页面 502

22.3项目打包成APP 503

第23章 项目实训3——开发购物网站APP 507

23.1项目概述 507

23.1.1项目结构目录 507

23.1.2项目效果展示 508

23.2首页设计 511

23.2.1设计广告栏 511

23.2.2设计导航栏 514

23.2.3设计轮播 515

23.2.4设计蔬菜栏 517

23.2.5设计干果栏 520

23.2.6设计底部栏 524

23.3购买页面设计 526

23.4蔬菜展示页面设计 529

23.5项目打包成APP 532

第24章 项目实训4—开发游戏APP 533

24.1游戏概述 533

24.1.1游戏结构目录 533

24.1.2项目效果演示 534

24.2游戏设计 534

24.2.1index.html文件 534

24.2.2style.css文件 535

24.2.3index.js文件 536

24.3项目打包成APP 538