精通HTML5网页设计PDF电子书下载

第1章 HTML5概述 1

1.1 HTML 5简介 1

1.1.1 HTML 1

1.1.2 HTML 5 2

1.1.3 HTML 5文件的基本结构 3

1.2 HTML 5文件的编写方法 3

1.2.1手工编写HTML 5 4

1.2.2使用HTML编辑器 5

1.3使用浏览器查看HTML 5文件 9

1.3.1与HTML5兼容的浏览器 9

1.3.2查看页面效果 9

1.3.3查看源文件 10

1.4问题解答 11

第2章 HTML5中的新增元素 12

2.1新增的主体结构元素 12

2.1.1 section元素 12

2.1.2 article元素 13

2.1.3 aside元素 16

2.1.4 nav元素 18

2.1.5 time元素 21

2.2新增的非主体结构元素 22

2.2.1 header元素 22

2.2.2 hgroup元素 24

2.2.3 footer元素 25

2.2.4 figure元素 28

2.2.5 address元素 30

2.3新增其他常用元素 32

2.3.1 mark元素 32

2.3.2 rp、rt与ruby元素 33

2.3.3 progress元素 34

2.3.4 command元素 35

2.3.5 embed元素 36

2.3.6 details与summary元素 37

2.3.7 datalist元素 38

2.4新增全局属性 39

2.4.1 contenteditable属性 39

2.4.2 spellcheck属性 40

2.4.3 tabIndex属性 41

2.5新增的其他属性 42

2.5.1表单相关的属性 42

2.5.2链接相关属性 51

2.5.3其他属性 53

2.6废除的属性 53

2.7问题解答 55

第3章 认识网页与网站 56

3.1网站的基本概念 56

3.1.1什么是网页 56

3.1.2什么是网站 56

3.2网页基本构成元素 57

3.3网页设计 58

3.3.1网页设计概述 58

3.3.2网页设计特点 59

3.3.3网页设计相关术语 62

3.3.4网页设计原则 63

3.3.5网页设计的成功要素 65

3.3.6网页设计风格及色彩搭配 66

3.4网页设计师应具备的素质 67

3.4.1艺术素质 68

3.4.2技能素质 68

3.4.3综合素质 68

3.5网站制作流程 69

3.5.1前期策划 69

3.5.2页面细化及实施 69

3.5.3网站上传 69

3.5.4后期维护 70

3.6综合实例——搜集网页素材 71

3.7问题解答 72

第4章 HTML 5中的文档结构 74

4.1 Web标准 74

4.1.1 Web标准概述 74

4.1.2 Web标准规定的内容 75

4.2 HTML 5文档的基本结构 76

4.2.1 HTML 5结构 76

4.2.2文档类型说明 77

4.2.3 HTML 5标记 77

4.2.4头标记 77

4.2.5网页的主体标记 80

4.2.6页面注释标记 81

4.3综合实例——符合W3C标准的HTML5网页 82

4.4问题解答 83

第5章 HTML 5中的文本和图像 84

5.1添加文本 84

5.1.1普通文本 84

5.1.2特殊字符文本 84

5.1.3文本特殊样式 86

5.2排版文本 88

5.2.1段落标记与换行标记 88

5.2.2标题标记 91

5.3建立文本列表 92

5.3.1建立无序列表 92

5.3.2建立有序列表 93

5.3.3建立不同类型的无序列表 94

5.3.4建立不同类型的有序列表 96

5.3.5嵌套列表 96

5.3.6自定义列表 97

5.4添加图像 98

5.4.1网页支持的图片格式 98

5.4.2在网页中使用路径 99

5.4.3在网页中插入图像 101

5.5编辑图像 102

5.5.1设置图像的宽度和高度 102

5.5.2设置图像的提示文字 103

5.5.3设置图片为网页背景 104

5.5.4排列图像 105

5.6综合实例——图文并茂的房屋装饰装修网页 106

5.7问题解答 107

第6章 使用HTML5建立超链接 109

6.1 URL 109

6.1.1 URL的格式 109

6.1.2 URL的类型 110

6.2创建超链接 111

6.2.1设置文本和图片的超链接 111

6.2.2设置超链接指向的目标类型 112

6.2.3用新窗口显示超链接页面 115

6.2.4如何链接到同一页面的不同位置 116

6.3创建热点区域 118

6.4创建浮动框架 118

6.5综合实例——用Dreamweaver精确定位热点区域 120

6.6问题解答 122

第7章 使用HTML5创建表格 124

7.1表格的基本结构 124

7.2表格的基本操作 126

7.2.1创建表格 126

7.2.2定义表格的边框类型 128

7.2.3定义表格的表头 129

7.2.4设置表格背景 131

7.2.5设置单元格背景 132

7.2.6合并单元格 133

7.2.7排列单元格中的内容 138

7.2.8设置单元格的行高与列宽 139

7.3完整的表格标记 140

7.4综合实例——制作计算机报价表 142

7.5问题解答 145

第8章 使用HTML5创建表单 146

8.1表单概述 146

8.2表单基本元素的使用 147

8.2.1单行文本输入框 147

8.2.2多行文本输入框 148

8.2.3密码域 149

8.2.4单选按钮 150

8.2.5复选框 151

8.2.6下拉选择框 152

8.2.7普通按钮 153

8.2.8提交按钮 154

8.2.9重置按钮 155

8.3表单高级元素的使用 156

8.3.1 url属性 157

8.3.2 email属性 157

8.3.3 date和time 158

8.3.4 number属性 160

8.3.5 range属性 161

8.3.6 required属性 162

8.4综合实例——创建用户反馈表单 163

8.5问题解答 164

第9章 使用HTML 5绘制图形 166

9.1 canvas概述 166

9.1.1添加canvas元素 166

9.1.2绘制矩形 167

9.2绘制基本形状 168

9.2.1绘制圆形 168

9.2.2使用moveTo与lineTo绘制直线 169

9.2.3使用bezierCurveTo绘制贝济埃曲线 171

9.3绘制渐变图形 173

9.3.1绘制线性渐变 173

9.3.2绘制径向渐变 175

9.4绘制变形图形 176

9.4.1变换原点坐标 176

9.4.2图形缩放 178

9.4.3旋转图形 179

9.5图形组合 180

9.6绘制带阴影的图形 182

9.7使用图像 184

9.7.1绘制图像 184

9.7.2图像平铺 185

9.7.3图像裁剪 187

9.7.4像素处理 189

9.8绘制文字 191

9.9图形的保存与恢复 193

9.9.1保存与恢复状态 193

9.9.2保存文件 194

9.9.3绘制图形综合应用 195

9.10综合实例——绘制火柴棒人物 197

9.11问题解答 201

第10章 HTML5中的音频和视频 202

10.1 audio标签 202

10.1.1 audio标签概述 202

10.1.2 audio标签的属性 203

10.1.3音频解码器 204

10.1.4浏览器对audio标签的支持情况 204

10.2 video标签 204

10.2.1 video标签概述 204

10.2.2 video标签的属性 205

10.2.3视频解码器 206

10.2.4浏览器对video标签的支持情况 206

10.3问题解答 207

第11章 获取地理位置 208

11.1用Geolocation API获取地理位置 208

11.1.1地理定位的原理 208

11.1.2获取定位信息的方法 208

11.1.3常用地理定位方法 209

11.1.4如何判断浏览器是否支持HTML 5获取地理位置信息 209

11.1.5指定纬度和经度坐标 210

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

11.3综合实例——在网页中调用Google地图 214

11.4问题解答 217

第12章 Web通信新技术 218

12.1跨文档消息传输 218

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

12.1.2跨文档通信应用测试 218

12.2 Web Sockets API 221

12.2.1什么是WebSocket API 221

12.2.2 Web Sockets通信基础 221

12.2.3在服务器端使用Web Sockets API 223

12.2.4在客户端使用Web Sockets API 227

12.3综合实例——编写简单的Web Socket服务器 227

12.4问题解答 232

第13章 本地存储技术 233

13.1认识Web存储 233

13.3.1本地存储和Cookie的区别 233

13.3.2 Web存储方法 233

13.2 HTML 5 Web Storage API 234

13.2.1测试浏览器的支持情况 234

13.2.2 sessionStorage方法 235

13.2.3 localStorage方法 237

13.2.4 Web Storage API的其他操作 238

13.3在本地建立数据库 242

13.3.1本地数据库概述 243

13.3.2用executeSql来执行查询 243

13.3.3使用transaction方法处理事件 243

13.4浏览器对Web存储的支持情况 244

13.5综合实例——制作简单Web留言本 244

13.6问题解答 248

第14章 线程处理技术 249

14.1 Web Workers 249

14.1.1 Web Workers概述 249

14.1.2线程中常用的变量、函数与类 250

14.1.3与线程进行数据的交互 250

14.2线程嵌套 253

14.2.1单线程嵌套 253

14.2.2多个子线程中的数据交互 256

14.3综合实例——创建Web Worker计数器 258

14.4问题解答 259

第15章 构建离线Web应用程序 260

15.1 HTML 5离线应用程序 260

15.1.1本地缓存 260

15.1.2本地缓存与浏览器网页缓存的区别 260

15.1.3支持离线行为 260

15.2了解Manifest（清单）文件 261

15.3了解applicationcache API 262

15.4浏览器对Web离线应用的支持情况 264

15.5综合实例——离线定位跟踪 264

15.6问题解答 270

第16章 HTML5的拖放功能 271

16.1一个简单的拖放实例 271

16.2分析拖放的实现过程 273

16.3浏览器对拖放功能的支持情况 274

16.4综合实例1——在网页中拖放文字 274

16.5综合实例2——在网页中来回拖放图片 277

16.6问题解答 278

第17章 HTML 5服务器发送事件 279

17.1服务器发送事件概述 279

17.2服务器发送事件的实现过程 279

17.2.1检测浏览器是否支持Server-Sent Event 279

17.2.2 EventSource对象 280

17.2.3服务器端代码 280

17.3综合实例——向服务器端发送事件 281

17.4问题解答 283

第18章 HTML 5、CSS3和JavaScript搭配应用 284

18.1综合实例1——打字效果的文字 284

18.2综合实例2——文字升降特效 286

18.3综合实例3——跑马灯效果 288

18.4综合实例4——闪烁图片 291

18.5综合实例5——左右移动的图片 293

18.6综合实例6——向上滚动菜单 295

18.7综合实例7——跟随鼠标移动的图片 297

18.8综合实例8——树形菜单 299

18.9综合实例9——时钟特效 305

18.10综合实例10——颜色选择器 308

18.11问题解答 310

第19章 综合实战——企业门户网站 312

19.1构思布局 312

19.1.1设计分析 312

19.1.2排版架构 313

19.2模块分割 314

19.2.1 Logo与导航菜单 314

19.2.2左侧文本介绍 316

19.2.3右侧导航链接 318

19.2.4版权信息 320

19.3整体调整 321

19.4问题解答 322

第20章 综合实战——HTML 5游戏 323

20.1游戏概述 323

20.2游戏需求分析 324

20.3 HTML 5、CSS和JavaScript搭配实现 325

20.3.1基本的HTML5结构和标记 325

20.3.2使用CSS修改页面 326

20.3.3 JavaScript编程 328