HTML 5+CSS 3网站布局应用教程PDF|Epub|txt|kindle电子书版本网盘下载

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

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

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

1.1为什么使用HTML52

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 RGBA240

10.5.2 HSL和HSLA241

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