精通HTML5网页设计PDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML5概述1

1.1 HTML 5简介1

1.1.1 HTML1

1.1.2 HTML 52

1.1.3 HTML 5文件的基本结构3

1.2 HTML 5文件的编写方法3

1.2.1手工编写HTML 54

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 URL109

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和time158

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 API221

12.2.1什么是WebSocket API221

12.2.2 Web Sockets通信基础221

12.2.3在服务器端使用Web Sockets API223

12.2.4在客户端使用Web Sockets API227

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 API234

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 Workers249

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 API262

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 Event279

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