本书通过众多实例和综合案例的学习与演练，使读者可以尽快掌握所学的Web开发技术，提高移动网站与App开发的实战能力。同时本书提供了实例源代码、课件和教学视频，方便读者快速上手并能进行二次开发。 本书共20章，以应用实例和综合实战案例的形式逐一详解HTML 5网页设计的文档结构、文本、图像、超链接、表格、表单、音频和视频、数据存储Web Storage、CSS快速入门、CSS基础语法、网页的定位与布局、JavaScript快速入门、JavaScript对象编程、JavaScript操纵CSS、地理定位、离线Web应用、熟悉jQuery Mobile、jQuery Mobile UI组件、jQuery Mobile事件、数据存储技术和读取技术、使用jQuery Mobile插件、开发求职招聘App、开发手机游戏和开发购物网站App等方法和技巧。 本书内容丰富，理论结合实践，对从事网站美工工作的读者而言，是一本手边必不可少的工具书；对从事移动网站与App开发的读者来说，也是一本难得的参考手册。本书也适合作为高等院校计算机相关专业师生的教学参考书。

第1章 HTML 5快速入门
1.1 HTML 5概述
1.2 HTML 5的文档结构
1.2.1 文档类型说明
1.2.2 HTML标记
1.2.3 头标记head
1.2.4 网页的主体标记body
1.2.5 页面注释标记
1.3 HTML 5文件的编写方法
1.3.1 使用记事本手工编写HTML文件
1.3.2 使用WebStorm编写HTML文件
1.4 HTML 5语法的新变化
1.4.1 标签不再区分大小写
1.4.2 允许属性值不使用引号
1.4.3 允许部分属性值的属性省略
1.5 新手疑惑解答
第2章 HTML 5网页中的文本和图像
2.1 添加文本
2.2 文本排版
2.2.1 换行标记
与段落标记

2.2.2 标题标记

～

2.3 文字列表
2.3.1 建立无序列表

2.3.2 建立有序列表

2.4 网页中的图像
2.4.1 网页中支持的图片格式
2.4.2 使用路径
2.4.3 在网页中插入图像标记
2.5 URL的概念
2.5.1 URL的格式
2.5.2 URL的类型
2.6 超链接标记
2.6.1 设置文本和图片的超链接
2.6.2 超链接指向的目标类型
2.6.3 设置以新窗口显示超链接页面
2.7 创建热点区域
2.8 综合实例——图文并茂的房屋装饰装修网页
2.9 新手疑惑解答
第3章 用HTML 5创建表格和表单
3.1 表格基本结构及操作
3.1.1 表格基本结构
3.1.2 合并单元格
3.2 完整的表格标记
3.3 表单概述
3.4 表单基本元素的使用
3.4.1 单行文本输入框text
3.4.2 多行文本框标记<br/> 3.4.3 密码域password<br/> 3.4.4 单选按钮radio<br/> 3.4.5 复选框checkbox<br/> 3.4.6 选择列表标记<select><br/> 3.4.7 普通按钮button<br/> 3.4.8 提交按钮submit<br/> 3.4.9 重置按钮reset<br/> 3.5 表单高级元素的使用<br/> 3.5.1 url属性<br/> 3.5.2 eamil属性<br/> 3.5.3 日期和时间<br/> 3.5.4 number属性<br/> 3.5.5 range属性<br/> 3.5.6 required属性<br/> 3.6 综合实例——创建用户反馈表单<br/> 3.7 新手疑惑解答<br/>第4章 HTML 5中的音频和视频<br/> 4.1 <audio>标记<br/> 4.1.1 <audio>标记概述<br/> 4.1.2 <audio>标记的属性<br/> 4.1.3 音频解码器<br/> 4.1.4 <audio>标记浏览器的支持情况<br/> 4.2 <video>标记<br/> 4.2.1 <video>标记概述<br/> 4.2.2 <video>标记的属性<br/> 4.2.3 视频解码器<br/> 4.2.4 <video>标记浏览器的支持情况<br/> 4.3 音频和视频中的方法<br/> 4.3.1 canPlayType()方法<br/> 4.3.2 load()方法<br/> 4.3.3 play()方法和pause()方法<br/> 4.4 音频和视频中的属性<br/> 4.4.1 autoplay属性<br/> 4.4.2 buffered属性<br/> 4.4.3 controls属性<br/> 4.4.4 currentSrc属性<br/> 4.5 新手疑惑解答<br/>第5章 数据存储Web Storage<br/> 5.1 认识Web存储<br/> 5.1.1 本地存储和Cookies的区别<br/> 5.1.2 Web存储方法<br/> 5.2 使用HTML 5 Web Storage API<br/> 5.2.1 测试浏览器的支持情况<br/> 5.2.2 使用sessionStorage方法创建对象<br/> 5.2.3 使用localStorage方法创建对象<br/> 5.2.4 Web Storage API的其他操作<br/> 5.2.5 使用JSON对象存取数据<br/> 5.3 目前浏览器对Web存储的支持情况<br/> 5.4 综合实例——设计一个页面计数器<br/> 5.5 新手疑惑解答<br/>第6章 CSS快速入门<br/> 6.1 CSS介绍<br/> 6.1.1 CSS功能<br/> 6.1.2 CSS发展历史<br/> 6.1.3 浏览器与CSS<br/> 6.2 编辑和浏览CSS<br/> 6.2.1 CSS基础语法<br/> 6.2.2 使用WebStorm创建CSS文件<br/> 6.3 在HTML中使用CSS的方法<br/> 6.3.1 行内样式<br/> 6.3.2 内嵌样式<br/> 6.3.3 链接样式<br/> 6.3.4 导入样式<br/> 6.3.5 优先级问题<br/> 6.4 CSS 3选择器<br/> 6.4.1 标记选择器<br/> 6.4.2 类选择器<br/> 6.4.3 ID选择器<br/> 6.4.4 全局选择器<br/> 6.4.5 组合选择器<br/> 6.4.6 继承选择器<br/> 6.4.7 伪类<br/> 6.4.8 属性选择器<br/> 6.4.9 结构伪类选择器<br/> 6.4.10 UI元素状态伪类选择器<br/> 6.5 选择器的声明<br/> 6.5.1 集体声明<br/> 6.5.2 多重嵌套声明<br/> 6.6 综合实例——设计新闻菜单<br/> 6.7 新手疑惑解答<br/>第7章 CSS基础语法<br/> 7.1 CSS美化网页中的文字<br/> 7.1.1 设置字体的属性<br/> 7.1.2 字体颜色color<br/> 7.2 文本的对齐方式<br/> 7.2.1 垂直对齐方式vertial-align<br/> 7.2.2 水平对齐方式<br/> 7.3 CSS美化网页中的表格<br/> 7.3.1 表格边框样式<br/> 7.3.2 表格边框宽度<br/> 7.3.3 表格边框颜色<br/> 7.4 CSS与表单<br/> 7.4.1 美化表单中的元素<br/> 7.4.2 美化提交按钮<br/> 7.4.3 美化下拉菜单<br/> 7.5 CSS美化网页中的图片<br/> 7.5.1 图片边框<br/> 7.5.2 横向对齐方式<br/> 7.5.3 纵向对齐方式<br/> 7.6 CSS美化网页背景<br/> 7.6.1 背景颜色<br/> 7.6.2 背景图片<br/> 7.7 综合实例——制作</div> <div class="showMore"><i class="bShowIcon"></i><span class="showText">展开</span></div> </div> </div> </div> </div> </div> <!--加入我的书架成功弹框--> <div class="joinArea"> <div class="cgPopupMask"></div> <div class="joinCon"> <img src="/tcshop/resource/front-resource/images/info07.png" alt="" /> <div class="joinText"> 加入书架成功！ </div> <div class="fn-clear"> <a class="goOnBuy fn-left" href="javascript:;" onclick="continueSee()">继续借书</a> <a class="goAccount fn-left" href="/tcshop/1111/cart/cart.html">去结算</a> </div> </div> </div> <!--收藏图书弹框--> <div class="delColArea"> <div class="cgPopupMask"></div> <div class="colCon"> <div class="cgPopupConTop"> <div class="hisPopTit"> 收藏图书成功！ </div> <div class="iKnow"> 我知道了(<span class="iKnowTime">3</span>) </div> </div> </div> </div> <!-- 评论弹窗 --> <div class="delColArea" id="comment_view"> <div class="cgPopupMask"></div> <div class="commont_div"> <div style="margin-top:10px;margin-bottom:10px;margin-left:-10px;"> 发表书评 </div> <div style="border:2px solid #DDD; padding: 5px;" > <textarea style="width:100%;height:150px;resize:none;" id="comment">