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

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头标记head3

1.2.4网页的主体标记body7

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浮动框架iframe41

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单行文本输入框text59

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

5.2.3密码域password61

5.2.4单选按钮radio61

5.2.5复选框checkbox62

5.2.6选择列表标记〈select〉63

5.2.7普通按钮button64

5.2.8提交按钮submit65

5.2.9重置按钮reset66

5.3表单高级元素的使用67

5.3.1url属性67

5.3.2eamil属性68

5.3.3date和Times69

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浏览器与CSS3143

9.2编辑和浏览CSS144

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-family180

10.1.2字号font-size181

10.1.3字体风格font-style183

10.1.4加粗字体font-weight184

10.1.5小写字母转为大写字母font-variant185

10.1.6字体复合属性font186

10.1.7字体颜色color187

10.2文本高级样式189

10.2.1阴影文本text-shadow189

10.2.2溢出文本text-overflow190

10.2.3控制换行word-wrap192

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

10.3段落属性194

10.3.1单词间隔word-spacing194

10.3.2字符间隔letter-spacing195

10.3.3文字修饰text-decoration196

10.3.4垂直对齐方式vertial-align197

10.3.5文本转换text-transform199

10.3.6水平对齐方式text-align200

10.3.7文本缩进text-indent202

10.3.8文本行高line-height203

10.3.9处理空白white-sapce204

10.3.10文本反排unicode-bidi和direction206

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-index298

14.1.4边偏移属性300

14.2float浮动定位301

14.3overflow溢出定位303

14.4visibility隐藏定位305

14.5块和行内元素display307

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-orient326

15.3.2盒子布局顺序box-direction328

15.3.3盒子布局位置box-ordinal-group329

15.3.4盒子弹性空间box-flex331

15.3.5管理盒子空间box-pack和box-align333

15.3.6空间溢出管理box-lines335

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-width359

16.3.2列数column-count361

16.3.3列间距column-gap362

16.3.4列边框样式column-rule364

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

16.5专家解惑371

第17章 熟悉jQuery Mobile373

17.1认识jQuery Mobile373

17.2跨平台移动设备网页jQuery Mobile374

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下载Bootstrap439

20.3安装Bootstrap441

20.3.1本地安装Bootstrap441

20.3.2初次使用Bootstrap441

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章 开发计算器APP467

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章 开发求职招聘APP487

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项目打包成APP503

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

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项目打包成APP532

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

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项目打包成APP538