HTML 5和CSS 3编程从基础到应用 瓷艺名家PDF|Epub|txt|kindle电子书版本网盘下载

HTML 5和CSS 3编程从基础到应用 瓷艺名家PDF格式电子书版下载

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

第1章HTML 5入门基础1

1.1 HTML 5概述1

1.1.1 HTML 5的诞生1

1.1.2 HTML 5的组织2

1.1.3 HTML 5的目标2

1.1.4 HTML 5的浏览器支持情况4

1.2 HTML的基本结构5

1.2.1 HTML文档的编写规范5

1.2.2文档开始标签7

1.2.3文档头部标签8

1.2.4文档主体标签8

1.2.5编写文档的注意事项8

1.3 HTML 5与HTML4的区别9

1.3.1语法的改变9

1.3.2新增的元素和废除的元素12

1.3.3新增的属性和废除的属性17

1.4 Flash、Silverlight与HTML 520

1.5项目案例：运行HTML 5测试页面21

1.6习题22

1.7实践疑难解答23

1.7.1为什么要使用HTML 523

1.7.2 HTML 5的安全问题25

第2章HTML 5的页面属性和元素27

2.1 html根元素27

2.2文档头部元素29

2.3 HTML 5全局属性34

2.3.1 hidden属性35

2.3.2 spellcheck属性35

2.3.3 contenteditable属性37

2.3.4 draggable属性38

2.4结构元素38

2.4.1 header元素38

2.4.2 article元素39

2.4.3 aside元素40

2.4.4 footer元素41

2.5交互元素42

2.5.1 progress元素42

2.5.2 meter元素44

2.5.3 details元素和summary元素45

2.5.4 menu元素46

2.5.5 command元素48

2.6文本层次语义元素49

2.6.1 cite元素49

2.6.2 mark元素51

2.6.3 time元素52

2.7页面节点53

2.7.1 section元素53

2.7.2 nav元素54

2.7.3 hgroup元素55

2.7.4 address元素56

2.8分组元素57

2.8.1 ul元素58

2.8.2 ol元素58

2.8.3 dl元素60

2.9项目案例：设计旅游网站首页60

2.10习题68

2.11实践疑难解答70

2.11.1 command元素无法显示效果70

2.11.2 HTML 5中如何使用新增加的元素71

第3章 使用HTML5设计表单72

3.1传统表单元素72

3.1.1表单标记72

3.1.2基本表单元素75

3.2新增输入类型76

3.2.1 email类型76

3.2.2 search类型77

3.2.3 url类型78

3.2.4 number类型79

3.2.5 telephone number类型81

3.2.6 range类型83

3.2.7 color类型84

3.2.8时间日期类型85

3.3新增表单属性86

3.3.1 autocomplete属性87

3.3.2 autofocus属性88

3.3.3 disabled属性90

3.3.4 form属性90

3.3.5 list属性92

3.3.6 multiple属性93

3.3.7 min、 max和step属性94

3.3.8 placeholder属性95

3.3.9 pattern属性96

3.3.10 required属性98

3.3.11 readonly属性99

3.4新增表单元素101

3.4.1 datalist元素101

3.4.2 keygen元素101

3.4.3 output元素102

3.4.4 optgroup元素102

3.5提交时的验证处理104

3.5.1自动验证105

3.5.2显示验证106

3.5.3自定义验证108

3.5.4取消验证108

3.6项目案例：设计购物网站注册页面109

3.7习题112

3.8实践疑难解答114

3.8.1如何区分使用method属性的参数值get和post114

3.8.2 HTML 5在自定义验证时无法显示错误提示信息115

第4章 基于HTML5的多媒体支持116

4.1 HTML 5中多媒体的新增特性116

4.2多媒体的支持条件116

4.2.1视频和音频编解码器117

4.2.2支持视频和音频的浏览器117

4.2.3多媒体的格式118

4.3在HTML 5中创建视频119

4.3.1 video元素的属性119

4.3.2 video元素的方法121

4.3.3 video元素的事件122

4.4在HTML 5中创建音频124

4.4.1 audio元素的属性124

4.4.2 audio元素的事件125

4.5项目案例：制作网页视频播放器126

4.6习题131

4.7实践疑难解答133

4.7.1关于video元素方法的问题133

4.7.2 video元素的事件问题134

第5章 基于HTML 5的绘图136

5.1 canvas简介136

5.1.1 canvas的历史137

5.1.2 canvas与SVG及VML的差异137

5.1.3 canvas的简单使用137

5.2绘制文字139

5.3绘制简单图形141

5.3.1绘制矩形141

5.3.2绘制直线143

5.3.3绘制三角形145

5.3.4绘制圆形147

5.3.5绘制笑脸149

5.4绘制渐变图形150

5.4.1绘制线性渐变150

5.4.2绘制径向渐变152

5.5绘制变形图形154

5.5.1保存和恢复状态及输出图像154

5.5.2坐标变换157

5.5.3矩阵变换159

5.6组合多个图形161

5.7为图形绘制阴影163

5.8图像的简单操作165

5.8.1绘制图像165

5.8.2图像平铺167

5.8.3图像裁剪和复制169

5.9项目案例：绘制小车滚动特效171

5.10习题174

5.11实践疑难解答176

第6章 基于HTML 5的文件上传178

6.1使用file对象选择文件178

6.1.1选择一个文件178

6.1.2选择多个文件181

6.1.3通过类型过滤选择的文件183

6.1.4通过accept属性过滤选择的文件185

6.2使用FileReader接口读取文件188

6.2.1 FileReader接口简介188

6.2.2使用readAsDataURLO方法预览图片189

6.2.3使用readAsText（）方法读取文本文件内容191

6.2.4 FileReader接口中的事件194

6.3文件读取时的错误与异常197

6.3.1发生错误与异常的条件197

6.3.2错误代码说明200

6.4项目案例：多文件上传至服务器200

6.5习题207

6.6.实践疑难解答209

6.6.1 HTML 5中accept属性的使用209

6.6.2使用readAsDataURL（）方法读取文件时的问题209

第7章HTML5数据存储211

7.1 Web Storage存储211

7.1.1 sessionStorage对象211

7.1.2 localStorage对象213

7.2数据操作214

7.2.1保存数据214

7.2.2读取数据215

7.2.3清空数据217

7.2.4遍历数据219

7.2.5使用JSON对象存取数据221

7.3 HTML 5数据库224

7.3.1创建与打开数据库224

7.3.2执行SQL语句225

7.3.3数据管理228

7.4项目案例：实现留言本233

7.5习题236

7.6实践疑难解答237

7.6.1本地存储是否可以代替Cookie237

7.6.2本地数据存储存在限制238

第8章HT ML 5的高级应用239

8.1获取地理位置239

8.1.1 Geolocation API概述239

8.1.2 position对象242

8.1.3使用Google地图锁定当前位置245

8.2网络通信API247

8.2.1 postMessage（）方法247

8.2.2跨文档消息传输247

8.3使用Web Worker处理线程249

8.3.1 Web Worker概述250

8.3.2线程中的JavaScript253

8.3.3使用线程处理JSON对象254

8.3.4线程嵌套255

8.4离线应用程序258

8.4.1离线Web应用程序概述258

8.4.2 manifest文件258

8.4.3 applicationCache对象263

8.5拖放操作268

8.5.1拖放API268

8.5.2 dataTransfer对象270

8.6项目案例：将图片拖放到回收站272

8.7习题275

8.8实践疑难解答278

8.8.1 Opera浏览器如何清除本地缓存278

8.8.2拖动操作完成后如何显示图片278

第9章CSS样式和CSS选择器280

9.1 CSS简介280

9.1.1 CSS概述280

9.1.2 CSS发展历史281

9.1.3 CSS的基本使用281

9.2 CSS 3选择器概述283

9.3属性选择器284

9.3.1 [*=val]属性选择器284

9.3.2 [att^=val]属性选择器285

9.3.3 [att$=val]属性选择器287

9.4伪元素选择器288

9.4.1 fiirst-line和first-letter选择器288

9.4.2 before选择器289

9.4.3 after选择器291

9.5结构化伪类选择器291

9.5.1 root选择器292

9.5.2 not选择器294

9.5.3 first-child和last-child选择器295

9.5.4 nth-child（n）和nth-last-child（n）选择器296

9.5.5 nth-of-type（n）和nth-last-of-type（n）选择器298

9.5.6 empty选择器300

9.5.7 target选择器301

9.6其他选择器303

9.6.1 UI元素伪类选择器303

9.6.2兄弟选择器310

9.7 content属性的简单使用312

9.8项目案例：控制保龄球显示位置317

9.9习题322

9.10实践疑难解答323

9.10.1 ：nth-child和：nth-of-type选择器的区别323

9.10.2如何在IE7-8下使用CSS 3的伪类选择器324

第10章 背景、边框和渐变的相关属性326

10.1背景样式326

10.1.1 background-size属性326

10.1.2 background-clip属性328

10.1.3 background-origin属性330

10.1.4 background-break属性332

10.2项目案例1：实现书架效果333

10.3边框样式335

10.3.1 border-color属性335

10.3.2 border-image属性336

10.3.3 border-radius属性339

10.4项目案例2：相片背景设置边框341

10.5渐变343

10.5.1线性渐变343

10.5.2径向渐变347

10.5.3重复渐变350

10.6项目案例3：设计填充内容效果351

10.7习题353

10.8实践疑难解答354

10.8.1为什么使用border-radius属性无法设置圆角边框354

10.8.2怎样实现径向渐变非同心圆的效果355

第11章 盒模型、字体与多列布局356

11.1完善的盒模型356

11.1.1 box-sizing属性356

11.1.2 box-shadow属性359

11.1.3 overflow-x和overflow-y属性361

11.1.4 resize属性363

11.2文本与字体364

11.2.1 text-shadow属性364

11.2.2 text-overflow属性366

11.2.3 word-break属性368

11.2.4 word-wrap属性369

11.2.5@font-face属性371

11.2.6 font-size-adjust属性374

11.3多列布局378

11.3.1 columns属性378

11.3.2 column-width属性380

11.3.3 column-count属性381

11.3.4 column-gap属性382

11.3.5 column-rule属性384

11.3.6 column-span属性386

11.3.7 column-fill属性388

11.4项目案例1：设计相册浏览页面389

11.5项目案例2：设计精美的多列网页版式391

11.6习题395

11.7实践疑难解答397

11.7.1 input宽度比textarea少2px的问题397

11.7.2设计一个两行两列的布局版式页面397

第12章CSS 3的高级应用399

12.1过渡399

12.1.1浏览器支持情况399

12.1.2 transition-duration属性400

12.1.3 transition-property属性400

12.1.4 transition-delay属性401

12.1.5 transition-timing-function属性402

12.1.6 transition属性403

12.1.7多个颜色过渡404

12.2变形405

12.2.1变形的相关属性405

12.2.2平移406

12.2.3缩放408

12.2.4倾斜410

12.2.5旋转411

12.2.6更改变形的原点坐标413

12.3动画415

12.3.1关键帧415

12.3.2动画属性417

12.3.3图片轮换显示的动画效果421

12.4项目案例：3D立体效果显示423

12.5习题427

12.6实践疑难解答429

12.6.1 JavaScript中如何设置和获取CSS 3中的属性值429

12.6.2动画如何循环播放430

第13章 制作鲜花网站页面431

13.1鲜花网站简介431

13.2鲜花首页模块432

13.2.1结构分析432

13.2.2设计顶部区域434

13.2.3设计底部区域436

13.2.4设计中间区域437

13.3鲜花列表442

13.3.1运行效果442

13.3.2设计列表内容443

13.4鲜花详细446

13.4.1运行效果447

13.4.2设计详细内容447

13.5购物车450

13.5.1运行效果450

13.5.2设计页面内容451

13.6我的账户453

13.7用户注册455

13.8当前位置457

参考答案461