HTML 5+CSS 3网站布局应用教程PDF电子书下载

第1章 下一代Web开发标准—— HTML5 2

1.1为什么使用HTML5 2

1.2HTML 5大势所趋 5

1.2.1 HTML 5的诞生 5

1.2.2关于HTML5的组织 6

1.2.3 HTML 5的目标 6

1.2.4 HTML 5的浏览器支持情况 8

1.3 HTML-5新特性与技巧 9

1.4 Flash、 Silverlight与HTML 5对比 12

1.5动手操作：安装支持HTML5的浏览器 13

1.6动手操作：运行HTML -5测试页面 14

1.7本章小结 15

1.8课后练习 16

第2章 从零开始构建HTML 5 Web页面 18

2.1HTML5新语法 18

2.1.1基本语法 18

2.1.2页面标记的语法 19

2.1.3第一个HTML5页面 20

2.2HTML -5的页面结构 21

2.2.1新增结构元素 22

2.2.2新增页面元素 27

2.2.3新增表单元素 29

2.2.4新增属性 31

2.3设计页面的基本结构 32

2.4改善为符合HTML-5的结构 33

2.5动手操作：设计一个文章评论列表 40

2.6本章小结 41

2.7课后练习 42

第3章 使用HTML 5结构元素构建网站 44

3.1 html根元素 44

3.2文档头部元素 45

3.3页面交互 49

3.3.1 details元素 49

3.3.2 summary元素 50

3.3.3 menu元素 50

3.3.4 command元素 51

3.3.5 progress元素 51

3.3.6 meter元素 52

3.4页面节点 53

3.4.1 section元素 53

3.4.2 nav元素 53

3.4.3 hgroup元素 55

3.4.4 address元素 56

3.5列表元素 56

3.5.1 ul元素 57

3.5.2 ol元素 58

3.5.3 dl元素 59

3.6文本层次语义 59

3.6.1 time元素 60

3.6.2 mark元素 60

3.6.3 cite元素 61

3.7公共属性 61

3.7.1 draggable属性 61

3.7.2 hidden属性 61

3.7.3 spellcheck属性 62

3.7.4 contenteditable属性 63

3.8动手操作：构建一个企业网站首页 63

3.9动手操作：构建一个博客网站首页 68

3.10本章小结 73

3.11课后练习 74

第4章 基于HTML 5的表单 76

4.1 HTML 5新表单属性 76

4.1.1 required属性 76

4.1.2 placeholder属性 77

4.1.3 pattern属性 79

4.1.4 disabled属性 80

4.1.5 readonly属性 82

4.1.6 multiple属性 84

4.1.7 form属性 84

4.1.8 autocomplete属性 85

4.1.9 datalist元素和list属性 86

4.1.10 autofocus属性 88

4.2HTML 5新表单输入类型 88

4.2.1 search类型 89

4.2.2 email类型 90

4.2.3 url类型 91

4.2.4 number类型 92

4.2.5 tel类型 92

4.2.6 range类型 93

4.2.7 color类型 94

4.2.8 date日期类型 95

4.3动手操作：实现用户注册功能 96

4.4 HTML 5其他新表单元素 98

4.4.1 output元素 98

4.4.2 keygen元素 99

4.4.3 optgroup元素 100

4.5表单验证 101

4.5.1自动验证方式 101

4.5.2手动验证方式 102

4.5.3自定义验证提示 103

4.5.4取消验证 104

4.6本章小结 105

4.7课后练习 105

第5章HTML 5的绘图技术 108

5.1创建画布 108

5.1.1添加canvas元素 108

5.1.2 canvas元素的基本用法 108

5.2绘制基础 109

5.2.1绘制带边框矩形 109

5.2.2绘制渐变图形 110

5.2.3绘制圆形 113

5.2.4绘制直线 114

5.2.5绘制文字 115

5.3对画布中图形的操作 116

5.3.1组合多个图形 116

5.3.2为图形添加阴影 118

5.3.3变换坐标 119

5.3.4变换矩阵 120

5.4在画布中使用图像 121

5.4.1绘制图像 121

5.4.2平铺图像 123

5.4.3裁剪图像 124

5.5其他操作 125

5.5.1保存和恢复图形 125

5.5.2输出图形 127

5.6动手操作：将彩色图像转换成黑白图像 129

5.7动手操作：绘制指针式动画时钟 130

5.8动手操作：绘制弹球动画 133

5.9本章小结 137

5.10课后练习 137

第6章HTML 5处理视频和音频 139

6.1 HTML5中音频和视频概述 139

6.1.1视频容器 139

6.1.2音频和视频编解码器 139

6.1.3音频和视频的限制 140

6.1.4 audio元素和video元素的浏览器支持情况 140

6.2使用video元素显示视频 140

6.2.1 video元素的属性 140

6.2.2 video元素的事件 142

6.3使用audio元素显示音频 145

6.3.1 audio元素的属性 145

6.3.2 audio元素的事件 146

6.4 动手操作：制作属于自己的网页视频播放器 147

6.5本章小结 152

6.6课后练习 152

第7章HTML 5与文件 155

7.1选择文件 155

7.1.1选择一个文件 155

7.1.2选择多个文件 156

7.1.3对文件类型进行限制 157

7.2动手操作：实现文件上传 159

7.3读取文件 161

7.3.1 FileReader接口简介 161

7.3.2读取文本文件内容 162

7.3.3读取二进制文件内容 163

7.3.4读取图像文件内容 164

7.3.5监听读取事件 166

7.3.6 错误处理方案 168

7.4动手操作：通过拖放实现文件上传 168

7.5本章小结 173

7.6课后练习 174

第8 章 HTML 5中的数据处理 176

8.1数据存储对象简介 176

8.1.1 Web存储和Cookie存储 176

8.1.2 localStorage对象 176

8.1.3.sessionStorage对象 178

8.2数据操作 179

8.2.1写入数据 179

8.2.2读取数据 180

8.2.3清空数据 181

8.2.4使用JSON读取数据 181

8.3动手操作：实现一个日志查看器 183

8.4使用HTML 5数据库 185

8.4.1 HTML 5数据库简介 185

8.4.2创建与打开数据库 186

8.4.3执行SQL语句 187

8.4.4数据管理 190

8.5动手操作：实现基于数据库的日志管理 194

8.6本章小结 200

8.7课后练习 200

第9章HTML 5高级功能 203

9.1 Web离线应用 203

9.1.1 manifest文件简介 203

9.1.2 applicationCache对象简介 204

9.1.3检测本地缓存状态 205

9.1.4检测离线与在线状态 206

9.1.5本地缓存更新 207

9.2通信应用 208

9.2.1跨文档之间消息的通信 208

9.2.2使用sockets进行网络间通信 210

9.3 Worker对象处理线程 211

9.4获取地理位置信息 214

9.5HTML5中处理拖放元素 216

9.6动手操作：显示所在地的地图 218

9.7动手操作：数据库的增删改查 221

9.8本章小结 230

9.9课后练习 230

第10章CSS 3样式入门 232

10.1 CSS背景知识 232

10.1.1 CSS简介 232

10.1.2 CSS历史 232

10.1.3 CSS特点 233

10.1.4使用CSS的优势 233

10.2 CSS 3简介 234

10.3 CSS 3兼容情况 236

10.4 CSS 3新增功能 237

10.5 CSS 3新增颜色 240

10.5.1 RGBA 240

10.5.2 HSL和HSLA 241

10.5.3 opacity属性 243

10.6动手操作：设计网页色调 244

10.7 CSS 3文本与字体样式 246

10.7.1 text-shadow属性 246

10.7.2 text-overflow属性 249

10.7.3 word-wrap属性 249

10.7.4@font-face属性 250

10.8动手操作：制作个性的图书列表 252

10.9本章小结 255

10.10课后练习 255

第11章 使用CSS 3选择器 258

11.1 CSS 3新增加的选择器 258

11.1.1属性选择器 258

11.1.2结构化伪类选择器 260

11.1.3伪元素选择器 268

11.1.4 UI元素状态伪类选择器 269

11.1.5通用兄弟元素选择器 272

11.2使用选择器来插入文字 272

11.2.1使用选择器来插入内容 273

11.2.2指定个别元素不进行插入 274

11.3插入图像文件 276

11.3.1在标题前插入图像文件 276

11.3.2插入图像文件的好处 276

11.3.3将alt属性的值作为图像的标题来显示 277

11.4使用content属性插入项目编号 278

11.4.1在多个标题前加上连续编号 278

11.4.2在项目编号中追加文字 279

11.4.3指定编号的样式 280

11.4.4指定编号的种类 280

11.4.5编号嵌套 281

11.4.6中编号中嵌入大编号 282

11.4.7在字符串两边添加嵌套文字符号 283

11.5动手操作：设计窗内网网站首页 284

11.6本章小结 290

11.7课后练习 290

第12章CSS 3边框和背景样式 292

12.1边框样式 292

12.1.1 border-image属性 292

12.1.2 border-radius属性 295

12.1.3 box-shadow属性 297

12.1.4 border-color属性 298

12.2动手操作：中央图像的自动拉伸 300

12.3动手操作：绘制不同半径四个角的圆角边框 301

12.4背景样式 303

12.4.1 background-clip属性 303

12.4.2 background-origin属性 305

12.4.3 background-size属性 307

12.4.4 background-break属性 308

12.5动手操作：在一个元素中显示多个背景图像 310

12.6渐变 311

12.6.1线性渐变 311

12.6.2径向渐变 314

12.6.3重复渐变 317

12.7动手操作：为元素或模块设计背景图像 318

12.8本章小结 319

12.9课后练习 319

第13章CSS 3新增变形和过渡特效 322

13.1变形效果 322

13.1.1平移 322

13.1.2缩放 323

13.1.3旋转 325

13.1.4倾斜 327

13.1.5更改变形的原点 328

13.2动手操作：打造立体场景的网页 329

13.3过渡效果 333

13.3.1 transition-property属性 333

13.3.2 transition-duration属性 334

13.3.3 transition-timing-function属性 334

13.3.4 transition-delay属性 335

13.3.5 transition属性 336

13.4动画效果 338

13.4.1关键帧 339

13.4.2动画属性 340

13.5动手操作：实现图片墙3D翻转效果 342

13.6本章小结 345

13.7课后练习 345

第14章CSS 3布局样式 348

14.1单个盒子样式 348

14.1.1盒子模型简介 348

14.1.2 overflow属性 349

14.1.3 overflow-x和overflow-y属性 350

14.1.4 box-sizing属性 351

14.2多列类布局 353

14.2.1 column-count属性 353

14.2.2 column-gap属性 354

14.2.3 column-width属性 355

14.2.4 column-rule属性 357

14.2.5 column-span属性 359

14.2.6 column-fill属性 360

14.2.7 columns属性 361

14.3 outline属性 362

14.4动手操作：创建相册图片列表页面 363

14.5本章小结 365

14.6课后练习 365

第15章 制作个人博客网站 367

15.1博客简介 367

15.2设计博客首页模块 368

15.2.1结构分析 368

15.2.2设计顶部模块 368

15.2.3设计底部模块 371

15.2.4设计中间内容模块 373

15.3设计博客相册模块 378

15.3.1结构分析 378

15.3.2设计相册内容 379

15.4设计博客文章目录模块 380

15.4.1文章列表 381

15.4.2文章详细信息 382

15.4.3文章评论 383

15.5设计博客登录模块 387

15.6本章小结 388

第16章制作博客后台管理 390

16.1需求分析 390

16.2博客后台系统分析 390

16.3数据库分析 391

16.4登录模块 391

16.5首页模块 393

16.6文章管理模块 394

16.6.1添加文章信息 394

16.6.2查看文章信息 397

16.6.3删除文章记录 399

16.7相册管理模块 403

16.8本章小结 404

习题答案 405