移动互联网之路

第1章　移动设备与Web技术1.1　了解移动互联网 11.1.1　移动互联网的特点 11.1.2　移动互联网的发展方向 21.2　智能手机与手机浏览器 21.2.1　智能手机的发展 21.2.2　智能手机系统 31.2.3　智能手机浏览器 51.2.4　移动Web浏览器的特点 61.3　关于移动Web应用 61.3.1　移动Web应用的发展 61.3.2　基于Web的应用开发 71.3.3　基于HTML 5的移动应用 71.3.4　移动应用开发框架 81.4　移动应用开发注意事项 81.4.1　了解移动设备的屏幕尺寸和分辨率 81.4.2　确定移动应用的内容 81.4.3　简洁的HTML、CSS和JavaScript代码 91.4.4　测试移动应用 91.5　本章小结 9 第2章　初识HTML 52.1　了解HTML 5 102.1.1　HTML的发展 102.1.2　HTML 5概述 112.1.3　HTML 5的优势 112.2　HTML 5语法结构 122.2.1　HTML 5文档结构 122.2.2　HTML 5的基本语法 132.2.3　HTML 5中精简的头部 142.3　HTML 5中新增的标签 142.3.1　结构标签 142.3.2　文本标签 152.3.3　应用和辅助标签 152.3.4　进度标签 152.3.5　交互性标签 162.3.6　在文档和应用中使用的标签 162.3.7　标签 162.3.8　其他标签 162.4　HTML 5的标准属性 172.5　HTML 5的事件属性 172.6　本章小结 18 第3章　使用网页基本标签3.1　设置文字效果 193.1.1　文字样式标签 193.1.2　文字加粗和标签 213.1.3　文字倾斜和标签 213.1.4　文字下划线标签 223.1.5　其他文字修饰标签 233.2　设置段落效果 253.2.1　文本分段标签 253.2.2　文本分行
标签 253.2.3　标题至标签 273.2.4　水平线标签 283.2.5　文本对齐设置 293.3　创建列表 303.3.1　使用标签创建项目列表 303.3.2　使用标签创建编号列表 313.3.3　使用标签创建定义列表 333.4　插入图片 343.4.1　图像标签 343.4.2　图文混排 363.5　创建超链接 383.5.1　什么是超链接 383.5.2　超链接标签 383.5.3　相对链接和绝对链接 393.5.4　网页中的特殊超链接 403.5.5　超链接标签中的其他属性设置 433.6　本章小结 43 第4章　使用HTML 5结构标签 4.1　构建HTML 5页面主体内容 444.1.1　标签标识文章 444.1.2　标签标识章节 464.1.3　标签标识导航 484.1.4　标签标识辅助内容 504.1.5　标签标识文章发布日期 504.2　添加语义模块 514.2.1　标签添加标题块 514.2.2　标签为标题分组 524.2.3　标签添加页脚 534.2.4　标签添加联系信息 544.3　制作文章页面 554.4　本章小结 59 第5章　使用HTML 5绘图5.1　标签 605.1.1　了解标签 605.1.2　在网页中插入canvas元素 605.1.3　使用标签实现绘图的流程 615.2　绘制基本图形 625.2.1　绘制直线 625.2.2　绘制矩形 645.2.3　绘制圆形 665.2.4　绘制三角形 695.2.5　图形组合 705.3　绘制曲线 725.3.1　使用arc()方法 725.3.2　使用arcTo()方法 745.3.3　使用quadraticCurveTo()方法 765.3.4　使用bezierCurveTo()方法 785.4　绘制文本 805.4.1　使用文本 805.4.2　获取文字宽度 825.4.3　创建对象阴影 835.5　图像的绘制与裁切 855.5.1　绘制线性渐变 855.5.2　绘制径向渐变 875.5.3　绘制图像 895.5.4　裁切区域 915.6　本章小结 93 第6章　使用HTML 5在页面中嵌入视频和音频6.1　使用标签 946.1.1　使用标签嵌入音频 946.1.2　使用标签嵌入视频 966.2　HTML 5多媒体基础 976.2.1　在线多媒体的发展 976.2.2　音频和视频编解码器 986.2.3　功能缺陷及未来趋势 986.3　在网页中使用HTML 5音频 996.3.1　标签所支持的音频格式 996.3.2　使用标签 996.4　在网页中使用HTML 5视频 1006.4.1　标签所支持的视频格式 1016.4.2　使用标签 1016.4.3　使用标签 1026.4.4　检查浏览器是否支持audio和video元素 1036.5　与标签的属性 1036.5.1　元素的标签属性 1046.5.2　元素的接口属性 1046.6　与标签的方法和事件 1076.6.1　与标签的接口方法 1076.6.2　与标签的事件 1096.7　本章小结 115 第7章　HTML 5中的表单7.1　网页表单概述 1167.1.1　表单的作用 1167.1.2　表单标签 1167.1.3　表单的数据传递方式method属性 1177.2　传统表单元素 1177.2.1　文本域 1177.2.2　密码域 1187.2.3　文本区域 1187.2.4　隐藏域 1187.2.5　复选框 1197.2.6　单选按钮 1197.2.7　选择域 1197.2.8　文件域 1207.2.9　按钮 1207.2.10　图像域 1207.3　了解HTML 5表单 1257.3.1　HTML表单的发展 1257.3.2　HTML 5新增表单元素的作用 1257.3.3　浏览器对HTML 5表单的支持情况 1267.4　HTML 5新增表单输入类型 1267.4.1　url类型 1267.4.2　email类型 1267.4.3　range类型 1267.4.4　number类型 1277.4.5　tel类型 1277.4.6　search类型 1277.4.7　color类型 1277.4.8　date类型 1287.4.9　month、week、time、datetime、datetime-local类型 1287.5　HTML 5新增表单属性 1327.5.1　form属性 1327.5.2　formaction属性 1327.5.3　formmethod、formenctype、formnovalidate、formtarget属性 1327.5.4　placeholder属性 1337.5.5　autofocus属性 1347.5.6　autocomplete属性 1347.6　HTML 5新增表单元素 1347.6.1　标签和list属性 1357.6.2　标签 1357.6.3　标签 1367.7　HTML 5提供的表单验证方法 1367.7.1　与验证有关的表单元素属性 1367.7.2　表单验证属性 1387.7.3　ValidityState对象 1397.7.4　表单验证方法 1407.7.5　表单验证事件 1417.8　本章小结 142 第8章　HTML 5本地存储8.1　本地存储Web Storage 1438.1.1　cookie存储数据的不足 1438.1.2　使用Web Storage存储的优势 1448.1.3　会话存储(sessionStorage)与本地存储(localStorage)的区别 1448.2　使用Web Storage 1458.2.1　检查浏览器是否支持Web Storage 1458.2.2　设置和获取Storage数据 1468.2.3　Storage API的属性和方法 1488.2.4　存储JSON对象的数据 1508.2.5　Storage API的事件 1528.3　本地数据库Web SQL 1538.3.1　了解Web SQL数据库 1538.3.2　Web SQL数据库的基本操作 1548.4　本章小结 155 第9章　CSS样式基础9.1　了解CSS样式 1569.1.1　为什么要使用CSS样式 1569.1.2　CSS样式的版本发展 1579.1.3　CSS 3的发展 1579.1.4　浏览器对CSS 3的支持情况 1579.1.5　了解CSS 3的全新功能 1589.2　CSS样式语法 1589.2.1　CSS样式基本语法 1589.2.2　CSS规则构成 1599.3　CSS选择器 1609.3.1　通配选择器 1609.3.2　标签选择器 1619.3.3　id选择器 1629.3.4　类选择器 1639.3.5　伪类和伪对象选择器 1669.3.6　群组选择器 1689.3.7　派生选择器 1689.4　CSS 3新增选择器 1709.4.1　属性选择器 1719.4.2　结构伪类选择器 1739.4.3　UI元素状态伪类选择器 1739.4.4　伪元素选择器 1749.5　应用CSS样式 1769.5.1　应用CSS样式的4种方式 1769.5.2　CSS样式的特性 1809.6　本章小结 182 第10章　文字与背景设置10.1　文字样式CSS属性 18310.1.1　font-family属性——字体 18310.1.2　font-size属性——字体大小 18310.1.3　color属性——字体颜色 18410.1.4　font-weight属性——字体粗细 18610.1.5　font-style属性——字体样式 18710.1.6　text-transform属性——英文字体大小写 18910.1.7　text-decoration属性——文字修饰 19010.1.8　letter-spacing属性——字符间距 19210.2　段落样式CSS属性 19310.2.1　line-height属性——行间距 19310.2.2　text-indent属性——段落首行缩进 19310.2.3　text-align属性——文本水平对齐 19510.2.4　vertical-align属性——文本垂直对齐 19610.3　CSS 3新增文本样式属性 19910.3.1　text-overflow 属性——文本溢出处理 19910.3.2　word-wrap和word-break属性——文本换行控制 20010.3.3　 text-shadow 属性——文本阴影 20210.3.4　@font-face规则——使用服务器端字体 20310.4　列表样式CSS属性 20510.4.1　list-style-type属性——设置列表符号 20510.4.2　list-style-image属性——自定义列表符号 20810.4.3　设置定义列表 20910.5　背景样式CSS属性 21010.5.1　background-color属性——背景颜色 21010.5.2　background-image属性——背景图像 21110.5.3　background-repeat属性——背景图像平铺方式 21110.5.4　background-position属性——背景图像位置 21410.5.5　background-attachment属性——背景图像固定 21610.6　CSS 3新增颜色设置样式 21810.6.1　RGBA颜色值 21810.6.2　HSL颜色值 21910.6.3　HSLA颜色值 21910.6.4　opacity属性——元素不透明度 22110.6.5　transparent颜色值 22210.7　CSS 3新增渐变背景 22210.7.1　线性渐变背景 22310.7.2　径向渐变背景 22610.8　CSS 3新增背景样式属性 22710.8.1　background属性——设置多背景图像 22810.8.2　background-size 属性——背景图像大小 22910.8.3　background-origin 属性——背景图像原点 23110.8.4　background-clip 属性——背景图像显示区域 23210.9　本章小结 233 第11章　边框与超链接设置11.1　边框样式CSS属性 23411.1.1　border-width属性——边框宽度 23411.1.2　border-style属性——边框样式 23511.1.3　border-color属性——边框颜色 23611.2　CSS 3新增边框样式属性 23811.2.1　border-colors属性——多重边框颜色 23811.2.2　border-image属性——图像边框 24011.2.3　border-radius属性——圆角边框 24211.3　超链接CSS样式伪类 24411.3.1　:link伪类 24411.3.2　:hover 伪类 24411.3.3　:active 伪类 24511.3.4　:visited 伪类 24611.3.5　按钮式超链接 24911.4　光标指针样式 25111.4.1　cursor属性——光标效果 25111.4.2　设置网页中光标指针效果 25211.5　本章小结 253 第12章　CSS 3盒模型和界面设计12.1　传统CSS盒模型 25412.1.1　什么是CSS盒模型 25412.1.2　CSS盒模型的要点 25512.1.3　margin属性——边距 25512.1.4　border属性——边框 25612.1.5　padding属性——填充 25612.2　CSS 3弹性盒模型 25912.2.1　开启弹性盒模型 25912.2.2　box-orient属性——元素布局方向 26112.2.3　box-direction属性——元素布局顺序 26312.2.4　box-ordinal-group属性——元素位置 26412.2.5　box-flex属性——元素空间分配 26612.2.6　box-pack和box-align属性——元素对齐方式 26712.2.7　实现元素水平和垂直居中显示 26812.2.8　实现元素底部对齐 26912.3　增强的CSS 3盒模型 27112.3.1　box-shadow属性——元素阴影 27112.3.2　box-sizing属性——元素尺寸大小 27212.3.3　overflow-x和overflow-y属性——元素溢出内容处理 27412.4　定位网页元素 27512.4.1　position属性——元素定位 27512.4.2　relative——相对定位 27612.4.3　absolute——绝对定位 27712.4.4　fixed——固定定位 27812.4.5　float属性——浮动定位 28012.5　CSS 3新增用户界面设计属性 28312.5.1　resize属性——改变元素尺寸 28312.5.2　outline属性——轮廓外边框 28412.5.3　appearance属性——伪装的元素 28712.5.4　content属性——为元素添加内容 28912.6　CSS 3新增多列布局属性 29012.6.1　columns属性——多列布局 29112.6.2　column-width属性——列宽度 29212.6.3　column-count属性——列数 29212.6.4　column-gap属性——列间距 29312.6.5　column-rule属性——列分隔线 29312.6.6　column-span属性——横跨所有列 29412.7　本章小结 296 第13章　CSS 3 动画效果13.1　CSS 3实现元素变换效果 29713.1.1　transform属性 29713.1.2　旋转变形 29813.1.3　缩放和翻转变形 29913.1.4　移动变形 30113.1.5　倾斜变形 30213.1.6　矩阵变形 30413.1.7　定义变形中心点 30513.1.8　同时使用多个变形函数 30713.2　CSS 3实现元素过渡效果 30913.2.1　transition属性 30913.2.2　transition-property属性——实现过渡效果 30913.2.3　transition-duration属性——设置过渡时间 31113.2.4　transition-delay属性——设置过渡延迟效果 31213.2.5　transition-timing-function属性——设置过渡方式 31313.2.6　制作动态选项卡 31513.3　CSS 3实现元素动画效果 31913.3.1　@keyframes规则——关键帧动画 31913.3.2　animation属性——实现元素动画效果 32013.3.3　制作交互导航菜单动画效果 32413.4　本章小结 328 第14章　jQuery和jQuery Mobile基础14.1　JavaScript基础 32914.1.1　JavaScript简介 32914.1.2　在网页中使用JavaScript的方法 32914.1.3　JavaScript运算符 33014.1.4　JavaScript条件和循环语句 33214.1.5　JavaScript函数 33514.1.6　JavaScript事件 33714.2　jQuery基础 33914.2.1　jQuery简介 33914.2.2　在网页中引用jQuery函数库 34014.2.3　jQuery基本语法 34114.2.4　jQuery选择器 34114.2.5　使用jQuery设置CSS样式属性 34314.3　jQuery Mobile基础 34414.3.1　jQuery Mobile简介 34414.3.2　jQuery Mobile功能特点 34414.3.3　jQuery Mobile的工作原理 34514.4　jQuery Mobile操作流程 34514.4.1　下载移动设备模拟器 34514.4.2　使用URL方式加载jQuery Mobile函数库 34614.4.3　创建jQuery Mobile页面 34814.4.4　jQuery Mobile页面链接 35014.5　本章小结 352 第15章　jQuery Mobile页面15.1　jQuery Mobile页面结构 35315.1.1　jQuery Mobile页面基本架构 35315.1.2　多容器jQuery Mobile页面 35415.1.3　链接外部jQuery Mobile页面 35415.1.4　在jQuery Mobile页面中实现后退功能 35615.1.5　弹出对话框 35815.2　预加载和缓存jQuery Mobile页面 36015.2.1　预加载jQuery Mobile页面 36015.2.2　页面缓存 36015.3　jQuery Mobile页面头部栏 36215.3.1　头部栏的基本结构 36215.3.2　设置后退按钮的文字 36315.3.3　添加按钮 36415.3.4　设置按钮位置 36615.4　jQuery Mobile页面导航栏 36715.4.1　导航栏的基本结构 36715.4.2　导航栏的图标 36915.4.3　设置导航栏图标位置 37115.5　jQuery Mobile页面尾部栏 37215.5.1　添加按钮 37215.5.2　添加表单元素 37315.6　结构化jQuery Mobile页面内容 37415.6.1　jQuery Mobile布局网格 37515.6.2　可折叠区块 37715.6.3　可折叠区块的嵌套 37915.6.4　可折叠区块组 38015.7　本章小结 381
16.1　jQuery Mobile按钮组件 38216.1.1　内联按钮 38216.1.2　按钮组 38416.2　jQuery Mobile表单组件 38516.2.1　文本输入组件 38516.2.2　滑块 38616.2.3　翻转切换开关 38816.2.4　单选按钮 38816.2.5　复选框 39016.2.6　选择菜单 39116.2.7　多项选择菜单 39316.3　jQuery Mobile列表组件 39416.3.1　基本列表 39416.3.2　有序列表 39516.3.3　分割列表选项 39616.3.4　对列表项进行分类 39816.3.5　图标与计数器 39916.3.6　列表项内容格式化处理 40016.4　本章小结 402440240317.1　了解jQuery Mobile主题 40317.2　jQuery Mobile页面主题 40417.2.1　默认主题 40417.2.2　修改默认主题 40617.3　自定义jQuery Mobile页面和工具栏主题 40817.3.1　自定义页面主题 40817.3.2　自定义工具栏主题 41017.3.3　自定义内容主题 41217.4　使用ThemeRoller创建主题 41317.5　本章小结 42042042118.1　设置jQuery Mobile 42118.2　jQuery Mobile事件 42218.2.1　页面事件 42318.2.2　触摸事件 42618.2.3　屏幕滚动事件 43118.2.4　翻转事件 43418.3　jQuery Mobile常用技巧 43618.3.1　开启或禁用列表项中的图标 43718.3.2　固定页面头部栏与尾部栏 43918.3.3　随机显示页面背景图片 44018.4　本章小结 44344344419.1　使用插件实现对话框效果 44419.1.1　ActionSheet插件 44419.1.2　mmenu插件 44719.2　使用插件实现表单效果 45119.2.1　DateBox插件 45119.2.2　Mobiscroll插件 45419.3　使用插件实现图片浏览效果 45719.3.1　Camera插件 45719.3.2　Swipebox插件 46219.4　本章小结 465620.1　移动APP引导页 46620.1.1　功能分析 46620.1.2　制作步骤 46620.2　移动应用首页 47320.2.1　功能分析 47320.2.2　制作背景图轮换 47320.2.3　制作可滑动的底部导航栏 47620.3　订餐APP 48020.3.1　系统分析 48020.3.2　制作启动页面 48120.3.3　制作订餐APP首页面 48320.3.4　制作订餐城市页面 48620.3.5　制作餐厅列表页面 48920.3.6　制作餐厅介绍页面 49120.4　本章小结 495