第1篇HTML 5网页开发

第1章HTML 5快速入门

1.1 HTML 5简介

1.1.1 HTML 5简介

1.1.2 HTML 5文件的基本结构

1.2 HTML 5文件的编写方法

1.2.1案例1——手工编写HTML5

1.2.2案例2——使用HTML编辑器

1.3使用浏览器查看HTML5文件

1.3.1各大浏览器与HTML5的兼容

1.3.2案例3——查看页面效果

1.3.3案例4——查看源文件

1.4高手甜点

1.5跟我练练手

第2章 HTML 5网页文档结构

2.1 Web标准

2.1.1 Web标准概述

2.1.2 Web标准规定的内容

2.2 HTML 5文档的基本结构

2.2.1 HTML 5结构

2.2.2文档类型说明

2.2.3 HTML 5标记htm1

2.2.4头标记head

2.2.5网页的主体标记body

2.2.6页面注释标记〈！----〉

2.3综合案例——符合W3C标准的HTML5网页

2.4高手甜点

2.5跟我练练手

第3章 HTML 5网页中的文本和图像

3.1在网页中添加文本

3.1.1案例1——普通文本的添加

3.1.2案例2——特殊字符文本的添加

3.1.3案例3——使用HTML5标记添加特殊文本

3.2文本排版

3.2.1案例4——换行标记〈br〉

3.2.2案例5——段落标记p

3.2.3案例6——标题标记h1～h6

3.3文字列表

3.3.1案例7——建立无序列表ul

3.3.2案例8——建立有序列表o1

3.3.3案例9——建立不同类型的无序列表

3.3.4案例10——建立不同类型的有序列表

3.3.5案例11——建立嵌套列表

3.3.6案例12——自定义列表

3.4网页中的图像

3.4.1案例13——在网页中插入图像

3.4.2案例14——设置图像的宽度和高度

3.4.3案例15——设置图像的提示文字

3.4.4案例16——将图片设置为网页背景

3.4.5案例17——排列图像

3.5综合案例1——图文并茂的房屋装饰装修网页

3.6综合案例2——在线购物网站产品展示效果

3.7高手甜点

3.8跟我练练手

第4章 用HTML 5建立超链接

4.1网页超链接的概念

4.1.1什么是网页超链接

4.1.2超链接中的URL

4.1.3超链接的URL类型

4.2建立网页超链接

4.2.1案例1——创建超文本链接

4.2.2案例2——创建图片链接

4.2.3案例3——创建下载链接

4.2.4案例4——使用相对 URL和绝对URL

4.2.5案例5——设置以新窗口显示超链接页面

4.2.6案例6——设置电子邮件链接

4.3案例7——浮动框架iframe

4.4案例8——精确定位热点区域

4.5综合案例——使用锚链接制作电子书阅读网页

4.6高手甜点

4.7跟我练练手

第5章 用HTML 5创建表格和表单

5.1表格的基本结构

5.2使用HTML5创建表格

5.2.1案例1——创建普通表格

5.2.2案例2——创建一个带有标题的表格

5.2.3案例3——定义表格的边框类型

5.2.4案例4——定义表格的表头

5.2.5案例5——设置表格背景

5.2.6案例6——设置单元格背景

5.2.7案例7——合并单元格

5.2.8案例8——排列单元格中的内容

5.2.9案例9——设置单元格的行高与列宽

5.3案例10——创建完整的表格

5.4案例11——认识表单

5.5表单基本元素的使用

5.5.1案例12——单行文本输入框text

5.5.2案例13——多行文本输入框textarea

5.5.3案例14——密码输入框password

5.5.4案例15——单选按钮radio

5.5.5案例16——复选框checkbox

5.5.6案例17——下拉列表框 select

5.5.7案例18——普通按钮button

5.5.8案例19——提交按钮submit

5.5.9案例20——重置按钮reset

5.6表单高级元素的使用

5.6.1案例21—— url属性的应用

5.6.2案例22——email属性的应用

5.6.3案例23——date和time属性的应用

5.6.4案例24——number属性的应用

5.6.5案例25——range属性的应用

5.6.6案例26——required属性的应用

5.7综合案例1——创建用户反馈表单

5.8综合案例2——制作商品报价表

5.9高手甜点

5.10跟我练练手

第6章 HTML 5中的多媒体

6.1网页音频标记audio

6.1.1 audio标记概述

6.1.2 audio标记的属性

6.1.3音频解码器

6.1.4浏览器对audio标记的支持情况

6.2网页视频标记video

6.2.1 video标记概述

6.2.2 video标记的属性

6.2.3视频解码器

6.2.4浏览器对video标记的支持情况

6.3添加网页音频文件

6.3.1案例1——设置背景音乐

6.3.2案例2——设置音乐循环播放

6.4添加网页视频文件

6.4.1案例3——为网页添加视频文件

6.4.2案例4——设置自动运行

6.4.3案例5——设置视频文件的循环播放

6.4.4案例6——设置视频窗口的高度与宽度

6.5添加网页滚动文字

6.5.1案例7——滚动文字标记

6.5.2案例8——滚动方向属性

6.5.3案例9——滚动方式属性

6.5.4案例10——滚动速度属性

6.5.5案例11——滚动延迟属性

6.5.6案例12——滚动循环属性

6.5.7案例13——滚动范围属性

6.5.8案例14——滚动背景颜色属性

6.5.9案例15——滚动空间属性

6.6高手甜点

6.7跟我练练手

第7章 使用HTML 5绘制图形

7.1什么是 canvas

7.2绘制基本形状

7.2.1案例1——绘制矩形

7.2.2案例2——绘制圆形

7.2.3案例3——使用moveTo与lineTo绘制直线

7.2.4案例4——使用bezierCurveTo绘制贝塞尔曲线

7.3绘制渐变图形

7.3.1案例5——绘制线性渐变

7.3.2案例6——绘制径向渐变

7.4绘制变形图形

7.4.1案例7——变换原点坐标

7.4.2案例8——图形缩放

7.4.3案例9——旋转图形

7.5绘制其他样式的图形

7.5.1案例10——图形组合

7.5.2案例11——绘制带阴影的图形

7.5.3案例12——绘制文字

7.6使用图像

7.6.1案例13——绘制图像

7.6.2案例14——图像平铺

7.6.3案例15——图像裁剪

7.6.4案例16——像素处理

7.7图形的保存与恢复

7.7.1案例17——保存与恢复状态

7.7.2案例18——保存文件

7.8综合案例1——绘制火柴棒人物

7.9综合案例2——绘制商标

7.10高手甜点

7.11跟我练练手

第8章 获取地理位置

8.1 Geolocation API获取地理位置

8.1.1地理定位的原理

8.1.2获取定位信息的方法

8.1.3常用地理定位方法

8.1.4案例1——判断浏览器是否支持HTML5获取地理位置信息

8.1.5案例2——指定纬度和经度坐标

8.1.6案例3——获取当前位置的经度与纬度

8.2浏览器对地理定位的支持情况

8.3综合案例——在网页中调用Google地图

8.4高手甜点

8.5跟我练练手

第9章Web通信新技术

9.1跨文档消息传输

9.1.1跨文档消息传输的基本知识

9.1.2案例1——跨文档通信应用测试

9.2 WebSocket API概述

9.2.1什么是WebSocket API

9.2.2 WebSocket通信基础

9.2.3案例2——服务器端使用WebSocket API

9.2.4案例3——客户机端使用WebSocket API

9.3综合案例——编写简单的WebSocket服务器

9.4高手甜点

9.5跟我练练手

第10章 构建离线的Web应用

10.1 HTML 5离线Web应用概述

10.2使用HTML5离线Web应用API

10.2.1案例1——检查浏览器的支持情况

10.2.2案例2——搭建简单的离线应用程序

10.2.3案例3——支持离线行为

10.2.4案例4——Manifest文件

10.2.5案例5 ——Application CacheAPI

10.3使用HTML 5离线Web应用构建应用

10.3.1案例6-——创建记录资源的manifest文件

10.3.2案例7——创建构成界面的HTML和CSS

10.3.3案例8——创建离线的JavaScript

10.3.4案例9——检查applicationCache的支持情况

10.3.5案例10——为Update按钮添加处理函数

10.3.6案例11——添加storage功能代码

10.3.7案例12——添加离线事件处理程序

10.4高手甜点

10.5跟我练练手

第2篇CSS 3美化网页

第11章CSS 3概述与基本语法

11.1 CSS 3概述

11.1.1 CSS 3功能

11.1.2浏览器与CSS 3

11.1.3 CSS 3基础语法

11.1.4 CSS 3常用单位

11.2编辑和浏览CSS 3

11.2.1案例1——手工编写CSS 3

11.2.2案例2—— Dreamweaver编写CSS

11.3在HTML 5中使用CSS 3的方法

11.3.1案例3——行内样式

11.3.2案例4——内嵌样式

11.3.3案例5——链接样式

11.3.4案例6——导入样式

11.3.5案例7——优先级问题

11.4 CSS 3的常用选择器

11.4.1案例8——标签选择器

11.4.2案例9——类选择器

11.4.3案例10——ID选择器

11.4.4案例11——全局选择器

11.4.5案例12——组合选择器

11.4.6案例13——继承选择器

11.4.7案例14——伪类选择器

11.5选择器声明

11.5.1案例15——集体声明

11.5.2案例16——多重嵌套声明

11.6综合实例1——制作炫彩网站LOGO

11.7综合案例2——制作学生信息统计表

11.8高手甜点

11.9跟我练练手

第12章 使用CSS 3美化网页字体与段落

12.1美化网页文字

12.1.1案例1——设置文字的字体

12.1.2案例2——设置文字的字号

12.1.3案例3——设置字体风格

12.1.4案例4——设置加粗字体

12.1.5案例5——将小写字母转为大写字母

12.1.6案例6——设置字体的复合属性

12.1.7案例7——设置字体颜色

12.2设置文本的高级样式

12.2.1案例8——设置文本阴影效果

12.2.2案例9——设置文本溢出效果

12.2.3案例10——设置文本的控制换行

12.2.4案例11——保持字体尺寸不变

12.3美化网页中的段落

12.3.1案例12——设置单词之间的间隔

12.3.2案例13——设置字符之间的间隔

12.3.3案例14——设置文字的修饰效果

12.3.4案例15——设置垂直对齐方式

12.3.5案例16——转换文本的大小写

12.3.6案例17——设置文本的水平对齐方式

12.3.7案例18——设置文本的缩进效果

12.3.8案例19——设置文本的行高

12.3.9案例20——文本的空白处理

12.3.10案例21——文本的反排

12.4综合案例1——设置网页标题

12.5综合案例2——制作新闻页面

12.6高手甜点

12.7跟我练练手

第13章 使用CSS 3美化表格和表单样式

13.1美化表格样式

13.1.1案例1——设置表格边框样式

13.1.2案例2——设置表格边框宽度

13.1.3案例3——设置表格边框颜色

13.2美化表单样式

13.2.1案例4——美化表单中的元素

13.2.2案例5——美化提交按钮

13.2.3案例6——美化下拉菜单

13.3综合案例1——制作用户登录页面

13.4综合案例2——制作用户注册页面

13.5高手甜点

13.6跟我练练手

第14章 美化图片、背景和边框

14.1图片缩放

14.1.1案例1——使用max-width和max-height缩放图片

14.1.2案例2——使用width和height缩放图片

14.2设置图片的对齐方式

14.2.1案例3——设置图片横向对齐

14.2.2案例4——设置图片纵向对齐

14.3图文混排

14.3.1案例5——设置文字环绕效果

14.3.2案例6——设置图片与文字的间距

14.4使用CSS 3美化背景

14.4.1案例7——设置背景颜色

14.4.2案例8——设置背景图片

14.5使用CSS 3美化边框

14.5.1案例9——设置边框样式

14.5.2案例10——设置边框颜色

14.5.3案例11——设置边框线宽

14.6设置边框圆角效果

14.6.1案例12——设置圆角边框

14.6.2案例13——绘制4个不同圆角边框

14.7综合案例1——制作图文混排网页

14.8综合案例2——制作公司主页

14.9高手甜点

14.10跟我练练手

第3篇jQuery Mobile移动技术

第15章JavaScript和jQuery

15.1认识JavaScript

15.1.1什么是JavaScript

15.1.2案例1——在HTML网页头中嵌入JavaScript代码

15.2 JavaScript对象与函数

15.2.1认识对象

15.2.2案例2——认识函数

15.3 JavaScript事件

15.3.1事件与事件处理概述

15.3.2案例3—— JavaScript的常用事件

15.4认识jQuery

15.4.1 jQuery能做什么

15.4.2案例4 ——jQuery的配置

15.5 jQuery选择器

15.5.1案例5——jQuery的工厂函数

15.5.2案例6——常见选择器

15.6高手甜点

15.7跟我练练手

第16章HTML 5.CSS 3和JavaScript的综合应用

16.1综合案例1——打字效果的文字

16.2综合案例2——文字升降特效

16.3综合案例3——跑马灯效果

16.4综合案例4——左右移动的图片

16.5综合案例5——向上滚动菜单

16.6综合案例6——跟随鼠标指针移动的图片

16.7综合案例7——树形菜单

16.8综合案例8——颜色选择器

16.9高手甜点

16.10跟我练练手

第17章 熟悉jQuery Mobile

17.1认识jQuery Mobile

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

17.2.1案例1——移动设备模拟器

17.2.2案例2—— jQuery Mobile的安装

17.2.3案例3 ——jQuery Mobile 网页的架构

17.3案例4——创建多页面的jQuery Mobile网页

17.4案例5——将页面作为对话框使用

17.5案例6——绚丽多彩的页面切换效果

17.6高手甜点

17.7跟我练练手

第18章jQuery Mobile UI组件

18.1套用UI组件

18.1.1表单组件

18.1.2按钮和组按钮

18.1.3按钮图标

18.1.4弹窗

18.2列表

18.2.1列表视图

18.2.2列表内容

18.2.3列表过滤

18.3面板和可折叠块

18.3.1面板

18.3.2可折叠块

18.4导航条

18.5 jQuery Mobile主题

18.6高手甜点

18.7跟我练练手

第19章jQuery Mobile事件

19.1页面事件

19.1.1初始化事件

19.1.2外部页面加载事件

19.1.3页面过渡事件

19.2触摸事件

19.2.1点击事件

19.2.2滑动事件

19.3滚屏事件

19.4定位事件

19.5高手甜点

19.6跟我练练手

第20章 数据存储和读取技术

20.1认识Web存储

20.1.1本地存储和cookies的区别

20.1.2 Web存储方法

20.2使用HTML 5 Web Storage API技术

20.2.1案例1——测试浏览器的支持情况

20.2.2案例2——使用sessionStorage方法创建对象

20.2.3案例3——使用localStorage方法创建对象

20.2.4案例4—— Web Storage API的其他操作

20.2.5案例5——使用JSON对象存取数据

20.3在本地建立数据库

20.3.1 Web SQL Database概述

20.3.2数据库的基本操作

20.3.3数据表的基本操作

20.3.4数据的基本操作

20.4制作简单的Web留言本

20.5 Web SQL Database的综合应用技术

20.6高手甜点

20.7跟我练练手

第4篇 移动网站和APP开发实战

第21章 插件的使用与开发

21.1初始插件

21.1.1什么是插件

21.1.2案例1——如何使用插件

21.2流行的插件

21.2.1案例2——jQueryUI插件

21.2.2案例3——Form插件

21.2.3案例4——提示信息插件

21.2.4案例5——jcarousel插件

21.3自定义的插件

21.3.1插件的工作原理

21.3.2案例6——自定义一个简单的插件

21.4综合案例——创建拖曳购物车效果

21.5高手甜点

21.6跟我练练手

第22章 将移动网站封装成APP

22.1下载与安装Apache Cordova

22.1.1案例1——配置Android开发环境

22.1.2案例2——通过npm安装Apache Cordova

22.1.3案例3——设置Android模拟器

22.2综合案例——将网页转换为AndroidAPP

22.3高手甜点

22.4跟我练练手

第23章 家庭记账本APP实战

23.1记账本的需求分析

23.2数据库分析

23.2.1分析数据库

23.2.2创建数据库

23.3记账本的代码实现

23.3.1设计首页

23.3.2新增记账页面

23.3.3记账列表页面

23.3.4记账详情页面

23.3.5删除记账

第24章 连锁酒店订购系统实战

24.1连锁酒店订购的需求分析

24.2网站的结构

24.3连锁酒店系统的代码实现

24.3.1设计首页

23.3.2订购页面

23.3.3连锁分店页面

23.3.4查看订单页面

23.3.5酒店介绍页面