HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通(视频教学版)

HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通(视频教学版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2019-05
版次: 1
ISBN: 9787302527237
定价: 99.00
装帧: 其他
开本: 16开
纸张: 胶版纸
6人买过
  • 本书以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、使用表单、HTML5中的音频和视频、HTML5绘制图形、地理定位、离线Web应用、用CSS3设置字体与段落、表格和表单的样式、美化图片、背景、边框和用CSS3 DIV布局页面、jQuery Mobile UI组件、jQuery Mobile 事件、使用*Bootstrap 4框架、开发计算器、开发求职招聘、开发购物网站和开发手机游戏等内容。
      通过对本书实例和综合案例的学习与演练,读者可以尽快掌握所学的知识,提高网页设计的实战能力,同时本书在网上提供了实例源代码,可供读者直接查看和调用,以便快速上手或进行二次开发。
      本书内容丰富,理论结合实践,适合没有任何移动网站和开发基础的初学者,同时也可作为有一定HTML5和CSS3基础,想精通移动网站和开发的人员参考书。 张工厂,IT资深专家,从事行业十余年,出版多部作品。 目  录

    第1章  HTML5快速入门    1

    1.1  HTML5概述    1

    1.2  HTML5的文档结构    3

    1.2.1  文档类型说明    3

    1.2.2  HTML标记    3

    1.2.3  头标记head    3

    1.2.4  网页的主体标记body    7

    1.2.5  页面注释标记    7

    1.3  HTML5文件的编写方法    8

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

    1.3.2  使用Dreamweaver CC编写HTML文件    9

    1.4  HTML5语法的新变化    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  换行标记

    与段落标记

        19

    2.2.2  标题标记~    22

    2.3  文字列表    23

    2.3.1  建立无序列表    23

    2.3.2  建立有序列表    24

    2.4  网页中的图像    25

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

    2.4.2  使用路径    26

    2.4.3  网页中插入图像标记    28

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

    2.6  专家解惑    33

    第3章  用HTML5建立超链接    34

    3.1  URL的概念    34

    3.1.1  URL的格式    34

    3.1.2  URL的类型    35

    3.2  超链接标记    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  多行文本框标记    60

    5.2.3  密码域password    61

    5.2.4  单选按钮radio    61

    5.2.5  复选框checkbox    62

    5.2.6  选择列表标记    63

    5.2.7  普通按钮button    64

    5.2.8  提交按钮submit    65

    5.2.9  重置按钮reset    66

    5.3  表单高级元素的使用    67

    5.3.1  url属性    67

    5.3.2  eamil属性    68

    5.3.3  date和Times    69

    5.3.4  number属性    70

    5.3.5  range属性    71

    5.3.6  required属性    72

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

    5.5  专家解惑    74

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

    6.1  标记    75

    6.1.1  标记概述    75

    6.1.2  标记的属性    76

    6.1.3  音频解码器    77

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

    6.2  标记    77

    6.2.1  标记概述    77

    6.2.2  标记的属性    78

    6.2.3  视频解码器    79

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

    6.3  音频和视频中的方法    80

    6.3.1  canPlayType()方法    80

    6.3.2  load()方法    81

    6.3.3  play()方法和pause()方法    82

    6.4  音频和视频中的属性    83

    6.4.1  autoplay 属性    83

    6.4.2  buffered 属性    84

    6.4.3  controls属性    86

    6.4.4  currentSrc属性    87

    6.5  专家解惑    88

    第7章  HTML5绘制图形    90

    7.1  canvas概述    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.2  HTML5离线Web应用    134

    8.2.1  新增的本地缓存    134

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

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

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

    8.3  Web存储    136

    8.3.1  本地存储和Cookies的区别    137

    8.3.2  在客户端存储数据    137

    8.3.3  sessionStorage函数    137

    8.3.4  localStorage函数    139

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

    8.4  专家解惑    141

    第9章  CSS3快速入门    142

    9.1  CSS3介绍    142

    9.1.1  CSS3功能    142

    9.1.2  CSS3发展历史    143

    9.1.3  浏览器与CSS3    143

    9.2  编辑和浏览CSS    144

    9.2.1  CSS基础语法    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.4  CSS3选择器    155

    9.4.1  标记选择器    156

    9.4.2  类选择器    157

    9.4.3  ID选择器    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.10  UI元素状态伪类选择器    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.2  CSS3与表单    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.2  position定位    293

    14.1.3  层叠顺序z-index    298

    14.1.4  边偏移属性    300

    14.2  float浮动定位    301

    14.3  overflow溢出定位    303

    14.4  visibility隐藏定位    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.2  div和span区别    316

    15.2  盒子模型    317

    15.2.1  什么是盒子模型    317

    15.2.2  border边框    319

    15.2.3  padding内边距    320

    15.2.4  margin外边距    322

    15.3  CSS3新增弹性盒模型    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.1  CSS3排版概念    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.2  jQuery Mobile的安装    376

    17.2.3  jQuery 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.5  jQuery 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章  使用最新Bootstrap 4框架    437

    20.1  Bootstrap概述    437

    20.1.1  Bootstrap特色    437

    20.1.2  Bootstrap 4的更新    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.1  index.html文件    471

    21.2.2  index.css文件    472

    21.2.3  calc.js文件    477

    21.2.4  common.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.1  index.html文件    534

    24.2.2  style.css文件    535

    24.2.3  index.js文件    536

    24.3  项目打包成APP    538
  • 内容简介:
    本书以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、使用表单、HTML5中的音频和视频、HTML5绘制图形、地理定位、离线Web应用、用CSS3设置字体与段落、表格和表单的样式、美化图片、背景、边框和用CSS3 DIV布局页面、jQuery Mobile UI组件、jQuery Mobile 事件、使用*Bootstrap 4框架、开发计算器、开发求职招聘、开发购物网站和开发手机游戏等内容。
      通过对本书实例和综合案例的学习与演练,读者可以尽快掌握所学的知识,提高网页设计的实战能力,同时本书在网上提供了实例源代码,可供读者直接查看和调用,以便快速上手或进行二次开发。
      本书内容丰富,理论结合实践,适合没有任何移动网站和开发基础的初学者,同时也可作为有一定HTML5和CSS3基础,想精通移动网站和开发的人员参考书。
  • 作者简介:
    张工厂,IT资深专家,从事行业十余年,出版多部作品。
  • 目录:
    目  录

    第1章  HTML5快速入门    1

    1.1  HTML5概述    1

    1.2  HTML5的文档结构    3

    1.2.1  文档类型说明    3

    1.2.2  HTML标记    3

    1.2.3  头标记head    3

    1.2.4  网页的主体标记body    7

    1.2.5  页面注释标记    7

    1.3  HTML5文件的编写方法    8

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

    1.3.2  使用Dreamweaver CC编写HTML文件    9

    1.4  HTML5语法的新变化    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  换行标记

    与段落标记

        19

    2.2.2  标题标记~    22

    2.3  文字列表    23

    2.3.1  建立无序列表    23

    2.3.2  建立有序列表    24

    2.4  网页中的图像    25

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

    2.4.2  使用路径    26

    2.4.3  网页中插入图像标记    28

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

    2.6  专家解惑    33

    第3章  用HTML5建立超链接    34

    3.1  URL的概念    34

    3.1.1  URL的格式    34

    3.1.2  URL的类型    35

    3.2  超链接标记    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  多行文本框标记    60

    5.2.3  密码域password    61

    5.2.4  单选按钮radio    61

    5.2.5  复选框checkbox    62

    5.2.6  选择列表标记    63

    5.2.7  普通按钮button    64

    5.2.8  提交按钮submit    65

    5.2.9  重置按钮reset    66

    5.3  表单高级元素的使用    67

    5.3.1  url属性    67

    5.3.2  eamil属性    68

    5.3.3  date和Times    69

    5.3.4  number属性    70

    5.3.5  range属性    71

    5.3.6  required属性    72

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

    5.5  专家解惑    74

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

    6.1  标记    75

    6.1.1  标记概述    75

    6.1.2  标记的属性    76

    6.1.3  音频解码器    77

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

    6.2  标记    77

    6.2.1  标记概述    77

    6.2.2  标记的属性    78

    6.2.3  视频解码器    79

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

    6.3  音频和视频中的方法    80

    6.3.1  canPlayType()方法    80

    6.3.2  load()方法    81

    6.3.3  play()方法和pause()方法    82

    6.4  音频和视频中的属性    83

    6.4.1  autoplay 属性    83

    6.4.2  buffered 属性    84

    6.4.3  controls属性    86

    6.4.4  currentSrc属性    87

    6.5  专家解惑    88

    第7章  HTML5绘制图形    90

    7.1  canvas概述    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.2  HTML5离线Web应用    134

    8.2.1  新增的本地缓存    134

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

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

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

    8.3  Web存储    136

    8.3.1  本地存储和Cookies的区别    137

    8.3.2  在客户端存储数据    137

    8.3.3  sessionStorage函数    137

    8.3.4  localStorage函数    139

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

    8.4  专家解惑    141

    第9章  CSS3快速入门    142

    9.1  CSS3介绍    142

    9.1.1  CSS3功能    142

    9.1.2  CSS3发展历史    143

    9.1.3  浏览器与CSS3    143

    9.2  编辑和浏览CSS    144

    9.2.1  CSS基础语法    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.4  CSS3选择器    155

    9.4.1  标记选择器    156

    9.4.2  类选择器    157

    9.4.3  ID选择器    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.10  UI元素状态伪类选择器    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.2  CSS3与表单    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.2  position定位    293

    14.1.3  层叠顺序z-index    298

    14.1.4  边偏移属性    300

    14.2  float浮动定位    301

    14.3  overflow溢出定位    303

    14.4  visibility隐藏定位    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.2  div和span区别    316

    15.2  盒子模型    317

    15.2.1  什么是盒子模型    317

    15.2.2  border边框    319

    15.2.3  padding内边距    320

    15.2.4  margin外边距    322

    15.3  CSS3新增弹性盒模型    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.1  CSS3排版概念    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.2  jQuery Mobile的安装    376

    17.2.3  jQuery 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.5  jQuery 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章  使用最新Bootstrap 4框架    437

    20.1  Bootstrap概述    437

    20.1.1  Bootstrap特色    437

    20.1.2  Bootstrap 4的更新    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.1  index.html文件    471

    21.2.2  index.css文件    472

    21.2.3  calc.js文件    477

    21.2.4  common.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.1  index.html文件    534

    24.2.2  style.css文件    535

    24.2.3  index.js文件    536

    24.3  项目打包成APP    538
查看详情