HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通:视频教学版作 者: 张工厂出版时间:2019内容简介 本书以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、使用表单、HTML5中的音频和视频、HTML5绘制图形、地理定位、离线Web应用、用CSS3设置字体与段落、表格和表单的样式、美化图片、背景、边框和用CSS3+DIV布局页面、jQuery Mobile UI组件、jQuery Mobile 事件、使用新Bootstrap 4框架、开发计算器、开发求职招聘、开发购物网站和开发手机游戏等内容。 通过对本书实例和综合案例的学习与演练,读者可以尽快掌握所学的知识,提高网页设计的实战能力,同时本书在网上提供了实例源代码,可供读者直接查看和调用,以便快速上手或进行二次开发。 本书内容丰富,理论结合实践,适合没有任何移动网站和开发基础的初学者,同时也可作为有一定HTML5和CSS3基础,想精通移动网站和开发的人员参考书。目 录第1章 HTML5快速入门 11.1 HTML5概述 11.2 HTML5的文档结构 31.2.1 文档类型说明 31.2.2 HTML标记 31.2.3 头标记head 31.2.4 网页的主体标记body 71.2.5 页面注释标记 71.3 HTML5文件的编写方法 81.3.1 使用记事本手工编写HTML文件 81.3.2 使用Dreamweaver CC编写HTML文件 91.4 HTML5语法的新变化 111.4.1 标签不再区分大小写 111.4.2 允许属性值不使用引号 121.4.3 允许部分属性值的属性省略 121.5 专家解惑 13第2章 HTML5网页中的文本和图像 152.1 添加文本 152.1.1 普通文本 152.1.2 特殊文字符号 162.1.3 文本特殊样式 172.2 文本排版 192.2.1 换行标记与段落标记 192.2.2 标题标记~ 222.3 文字列表 232.3.1 建立无序列表 232.3.2 建立有序列表 242.4 网页中的图像 252.4.1 网页中支持的图片格式 262.4.2 使用路径 262.4.3 网页中插入图像标记 282.5 综合实例—图文并茂房屋装饰装修网页 312.6 专家解惑 33第3章 用HTML5建立超链接 343.1 URL的概念 343.1.1 URL的格式 343.1.2 URL的类型 353.2 超链接标记 363.2.1 设置文本和图片的超链接 363.2.2 超链接指向的目标类型 373.2.3 设置以新窗口显示超链接页面 393.3 创建热点区域 403.4 浮动框架iframe 413.5 综合实例—用Dreamweaver精确定位热点区域 423.6 专家解惑 45第4章 用HTML5创建表格 464.1 表格基本结构及操作 464.1.1 表格基本结构 464.1.2 合并单元格 484.2 完整的表格标记 524.3 综合实例—制作计算机报价单 544.4 专家解惑 56第5章 使用表单 585.1 表单概述 585.2 表单基本元素的使用 595.2.1 单行文本输入框text 595.2.2 多行文本框标记 605.2.3 密码域password 615.2.4 单选按钮radio 615.2.5 复选框checkbox 625.2.6 选择列表标记 635.2.7 普通按钮button 645.2.8 提交按钮submit 655.2.9 重置按钮reset 665.3 表单高级元素的使用 675.3.1 url属性 675.3.2 eamil属性 685.3.3 date和Times 695.3.4 number属性 705.3.5 range属性 715.3.6 required属性 725.4 综合实例—创建用户反馈表单 735.5 专家解惑 74第6章 HTML5中的音频和视频 756.1 标记 756.1.1 标记概述 756.1.2 标记的属性 766.1.3 音频解码器 776.1.4 标记浏览器的支持情况 776.2 标记 776.2.1 标记概述 776.2.2 标记的属性 786.2.3 视频解码器 796.2.4 标记浏览器的支持情况 796.3 音频和视频中的方法 806.3.1 canPlayType()方法 806.3.2 load()方法 816.3.3 play()方法和pause()方法 826.4 音频和视频中的属性 836.4.1 autoplay 属性 836.4.2 buffered 属性 846.4.3 controls属性 866.4.4 currentSrc属性 876.5 专家解惑 88第7章 HTML5绘制图形 907.1 canvas概述 907.1.1 添加canvas元素 907.1.2 绘制矩形 917.2 绘制基本形状 927.2.1 绘制圆形 927.2.2 使用moveTo与lineTo绘制直线 947.2.3 使用bezierCurveTo绘制贝济埃曲线 957.3 绘制渐变图形 977.3.1 绘制线性渐变 987.3.2 绘制径向渐变 997.4 绘制变形图形 1017.4.1 变换原点坐标 1017.4.2 图形缩放 1027.4.3 旋转图形 1037.5 图形组合 1057.6 绘制带阴影的图形 1077.7 使用图像 1087.7.1 绘制图像 1087.7.2 图像平铺 1107.7.3 图像裁剪 1127.7.4 像素处理 1137.8 绘制文字 1167.9 图形的保存与恢复 1177.9.1 保存与恢复状态 1177.9.2 保存文件 1197.10 综合实例1—绘制商标 1207.11 综合实例2—绘制火柴棒人物 1227.12 综合实例3—绘制时钟 1267.13 专家解惑 129第8章 地理定位、离线Web应用 和Web存储 1318.1 获取地理位置 1318.1.1 地理地位的原理 1318.1.2 地理定位的函数 1328.1.3 指定纬度和经度坐标 1328.1.4 目前浏览器对地理定位的支持情况 1348.2 HTML5离线Web应用 1348.2.1 新增的本地缓存 1348.2.2 本地缓存的管理者—manifest文件 1348.2.3 浏览器网页缓存与本地缓存的区别 1368.2.4 目前浏览器对Web离线应用的支持情况 1368.3 Web存储 1368.3.1 本地存储和Cookies的区别 1378.3.2 在客户端存储数据 1378.3.3 sessionStorage函数 1378.3.4 localStorage函数 1398.3.5 目前浏览器对Web存储的支持情况 1418.4 专家解惑 141第9章 CSS3快速入门 1429.1 CSS3介绍 1429.1.1 CSS3功能 1429.1.2 CSS3发展历史 1439.1.3 浏览器与CSS3 1439.2 编辑和浏览CSS 1449.2.1 CSS基础语法 1449.2.2 使用记事本手工编写CSS文件 1459.2.3 使用Dreamweaver CC创建CSS文件 1469.3 在HTML5中使用CSS3的方法 1479.3.1 行内样式 1489.3.2 内嵌样式 1499.3.3 链接样式 1509.3.4 导入样式 1519.3.5 优先级问题 1539.4 CSS3选择器 1559.4.1 标记选择器 1569.4.2 类选择器 1579.4.3 ID选择器 1589.4.4 全局选择器 1609.4.5 组合选择器 1619.4.6 继承选择器 1629.4.7 伪类 1649.4.8 属性选择器 1659.4.9 结构伪类选择器 1679.4.10 UI元素状态伪类选择器 1689.5 选择器声明 1709.5.1 集体声明 1709.5.2 多重嵌套声明 1719.6 综合实例1—制作五彩标题 1729.7 综合实例2—制作新闻菜单 1759.8 专家解惑 178第10章 CSS3字体与段落属性 18010.1 字体属性 18010.1.1 字体font-family 18010.1.2 字号font-size 18110.1.3 字体风格font-style 18310.1.4 加粗字体font-weight 18410.1.5 小写字母转为大写字母font-variant 18510.1.6 字体复合属性font 18610.1.7 字体颜色color 18710.2 文本高级样式 18910.2.1 阴影文本text-shadow 18910.2.2 溢出文本text-overflow 19010.2.3 控制换行word-wrap 19210.2.4 保持字体尺寸不变font-size-adjust 19310.3 段落属性 19410.3.1 单词间隔word-spacing 19410.3.2 字符间隔letter-spacing 19510.3.3 文字修饰text-decoration 19610.3.4 垂直对齐方式vertial-align 19710.3.5 文本转换text-transform 19910.3.6 水平对齐方式text-align 20010.3.7 文本缩进text-indent 20210.3.8 文本行高line-height 20310.3.9 处理空白white-sapce 20410.3.10 文本反排unicode-bidi和direction 20610.4 综合实例1—制作旅游宣传网页 20710.5 综合实例2—网页简单图文混排 21110.6 专家解惑 213第11章 CSS3美化表格和表单样式 21411.1 表格基本样式 21411.1.1 表格边框样式 21411.1.2 表格边框宽度 21711.1.3 表格边框颜色 21811.2 CSS3与表单 21911.2.1 美化表单中元素 22011.2.2 美化提交按钮 22211.2.3 美化下拉菜单 22311.3 综合实例1—隔行变色 22511.4 综合实例2—表格图文网页布局 22811.5 综合实例3—变色表格 23011.6 综合实例4—登录表单 23311.7 综合实例5—注册表单 23511.8 专家解惑 238第12章 CSS3美化图像 23912.1 图片样式 23912.1.1 图片边框 23912.1.2 图片缩放 24112.2 对齐图片 24412.2.1 横向对齐方式 24412.2.2 纵向对齐方式 24512.3 图文混排 24712.3.1 文字环绕 24712.3.2 设置图片与文字间距 24812.4 综合实例1—一句话新闻 25012.5 综合实例2—学校宣传单 25412.6 专家解惑 256第13章 CSS3美化背景与边框 25713.1 背景相关属性 25713.1.1 背景颜色 25713.1.2 背景图片 25913.1.3 背景图片重复 26013.1.4 背景图片显示 26113.1.5 背景图片位置 26313.1.6 背景图片大小 26513.1.7 背景显示区域 26713.1.8 背景图像裁剪区域 26813.1.9 背景复合属性 27013.2 边框 27013.2.1 边框样式 27013.2.2 边框颜色 27213.2.3 边框线宽 27413.2.4 边框复合属性 27513.3 圆角边框 27613.3.1 圆角边框属性 27613.3.2 指定两个圆角半径 27713.3.3 绘制4个不同圆角边框 27813.3.4 绘制边框种类 28113.4 图片边框 28313.4.1 图片边框属性 28313.4.2 设置图像边框显示方式 28413.5 综合实例—设计公司主页 28713.6 专家解惑 290第14章 网页的定位与布局 29214.1 定位方式 29214.1.1 定位属性 29214.1.2 position定位 29314.1.3 层叠顺序z-index 29814.1.4 边偏移属性 30014.2 float浮动定位 30114.3 overflow溢出定位 30314.4 visibility隐藏定位 30514.5 块和行内元素display 30714.5.1 块元素 30714.5.2 行内元素 30914.6 综合实例—定位布局新闻 31014.7 专家解惑 314第15章 CSS3盒子和DIV布局 31515.1 认识div层 31515.1.1 层在HTML布局应用 31515.1.2 div和span区别 31615.2 盒子模型 31715.2.1 什么是盒子模型 31715.2.2 border边框 31915.2.3 padding内边距 32015.2.4 margin外边距 32215.3 CSS3新增弹性盒模型 32615.3.1 盒子布局取向box-orient 32615.3.2 盒子布局顺序box-direction 32815.3.3 盒子布局位置box-ordinal-group 32915.3.4 盒子弹性空间box-flex 33115.3.5 管理盒子空间box-pack和box-align 33315.3.6 空间溢出管理box-lines 33515.4 综合实例1—图文排版效果 33715.5 综合实例2—淘宝导购菜单 33915.6 专家解惑 342第16章 CSS3 DIV页面基本排版 34416.1 CSS3排版概念 34416.1.1 将页面用DIV分块 34416.1.2 设置各块位置 34516.1.3 用CSS定位 34516.2 固定宽度布局 34916.2.1 上中下版式 34916.2.2 左右版式 35316.3 新增CSS3多列布局 35916.3.1 列宽度column-width 35916.3.2 列数column-count 36116.3.3 列间距column-gap 36216.3.4 列边框样式column-rule 36416.4 综合实例—电子企业首页 36616.5 专家解惑 371第17章 熟悉jQuery Mobile 37317.1 认识jQuery Mobile 37317.2 跨平台移动设备网页jQuery Mobile 37417.2.1 移动设备模拟器 37417.2.2 jQuery Mobile的安装 37617.2.3 jQuery Mobile网页的架构 37717.3 创建多页面的jQuery Mobile网页 37917.4 将页面作为对话框使用 38017.5 绚丽多彩的页面切换效果 38217.6 专家解惑 384第18章 jQuery Mobile UI组件 38518.1 套用UI组件 38518.1.1 表单组件 38518.1.2 按钮和按钮组 39518.1.3 按钮图标 39818.1.4 弹窗 39918.2 列表 40118.2.1 列表视图 40118.2.2 列表内容 40418.2.3 列表过滤 40618.3 面板和可折叠块 40718.3.1 面板 40718.3.2 可折叠块 40918.4 导航条 41118.5 jQuery Mobile主题 41518.6 专家解惑 419第19章 jQuery Mobile事件 42019.1 页面事件 42019.1.1 初始化事件 42019.1.2 外部页面加载事件 42319.1.3 页面过渡事件 42519.2 触摸事件 42719.2.1 点击事件 42719.2.2 滑动事件 42919.3 滚屏事件 43119.4 定位事件 43519.5 专家解惑 436第20章 使用Bootstrap 4框架 43720.1 Bootstrap概述 43720.1.1 Bootstrap特色 43720.1.2 Bootstrap 4的更新 43820.2 下载Bootstrap 43920.3 安装Bootstrap 44120.3.1 本地安装Bootstrap 44120.3.2 初次使用Bootstrap 44120.4 使用常用组件 44220.4.1 使用下拉菜单 44220.4.2 使用按钮组 44420.4.3 使用导航组件 44520.4.4 绑定导航和下拉菜单 44820.4.5 面包屑导航 44920.4.6 使用广告屏 45120.4.7 使用card(卡片) 45220.4.8 使用进度条 45420.4.9 使用模态框 45920.4.10 使用滚动监听 46120.5 案例实战—胶囊导航选项卡(Tab栏) 46320.6 专家解惑 465第21章 开发计算器APP 46721.1 项目概述 46721.1.1 功能梳理 46721.1.2 开发环境 46721.1.3 项目结构目录 46821.1.4 项目打包 46821.1.5 项目效果展示 46921.2 项目设计 47021.2.1 index.html文件 47121.2.2 index.css文件 47221.2.3 calc.js文件 47721.2.4 common.js文件 483第22章 开发求职招聘APP 48722.1 项目概述 48722.1.1 项目结构目录 48722.1.2 项目效果展示 48822.2 项目设计 49022.2.1 设计登录和注册页面 49122.2.2 设计个人中心页面 49322.2.3 设计简历预览页面 49422.2.4 设计简历编辑页面 49622.2.5 设计投递记录和职位收藏页面 49722.2.6 设计职位列表页面 50022.2.7 设计职位详情页面 50222.3 项目打包成APP 503第23章 项目实训3—开发购物网站APP 50723.1 项目概述 50723.1.1 项目结构目录 50723.1.2 项目效果展示 50823.2 首页设计 51123.2.1 设计广告栏 51123.2.2 设计导航栏 51423.2.3 设计轮播 51523.2.4 设计蔬菜栏 51723.2.5 设计干果栏 52023.2.6 设计底部栏 52423.3 购买页面设计 52623.4 蔬菜展示页面设计 52923.5 项目打包成APP 532第24章 项目实训4—开发游戏APP 53324.1 游戏概述 53324.1.1 游戏结构目录 53324.1.2 项目效果演示 53424.2 游戏设计 53424.2.1 index.html文件 53424.2.2 style.css文件 53524.2.3 index.js文件 53624.3 项目打包成APP 538显示全部信息 上一篇: HTML5+CSS3+JavaScript从入门到精通(标准版) 未来科技 下一篇: HTML5+CSS3从入门到精通 李东博编著 2013年版