HTML+CSS网页设计实践教程PDF|Epub|txt|kindle电子书版本网盘下载

HTML+CSS网页设计实践教程PDF格式电子书版下载

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

第1章 HTML 5概述1

1.1 了解HTML 51

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.1.5 HTML 5的发展趋势4

1.2 HTML 5与其他技术的区别4

1.2.1 与XHTML的区别5

1.2.2 与Silverlight和Flash的区别6

1.3 HTML 5与HTML 4的区别7

1.3.1 语法的改变7

1.3.2 新增元素和废除元素10

1.3.3 新增属性和废除属性14

1.3.4 全局属性17

1.4 HTML 5的浏览器支持情况19

1.4.1 支持HTML 5的浏览器说明20

1.4.2 在线测试当前浏览器的支持情况21

1.5 实验指导1-1：简单安装傲游浏览器24

1.6 常用的浏览器内核25

思考与练习26

第2章 HTML 5中的新增元素28

2.1 新增的结构元素28

2.1.1 header元素28

2.1.2 article元素29

2.1.3 section元素30

2.1.4 nav元素33

2.1.5 footer元素35

2.1.6 address元素36

2.1.7 hgroup元素37

2.2 新增的块级语义元素38

2.2.1 aside元素38

2.2.2 figure元素40

2.2.3 dialog元素41

2.3 新增的行内语义元素42

2.3.1 mark元素42

2.3.2 cite元素43

2.3.3 time元素44

2.3.4 meter元素45

2.3.5 progress元素47

2.4 新增的交互元素48

2.4.1 details元素48

2.4.2 menu元素50

2.4.3 command元素52

2.4.4 datagrid元素53

2.5 改良HTML 4元素的功能54

2.5.1 ul元素54

2.5.2 ol元素55

2.5.3 嵌套列表57

2.6 实验指导2-1：使用新增元素构建网页58

思考与练习64

第3章 HTML 5中的表单应用66

3.1 认识和创建HTML表单66

3.1.1 认识HTML表单66

3.1.2 input元素的基本类型67

3.1.3 其他输入元素70

3.2 新增的表单元素70

3.2.1 datalist元素71

3.2.2 output元素72

3.2.3 keygen元素73

3.2.4 optgroup元素74

3.3 新增的表单类型76

3.3.1 email类型76

3.3.2 url类型78

3.3.3 number类型78

3.3.4 range类型79

3.3.5 tel类型80

3.3.6 color类型81

3.3.7 search类型82

3.3.8 日期和时间类型82

3.4 新增的表单属性86

3.4.1 form属性86

3.4.2 表单重写属性88

3.4.3 placeholder属性89

3.4.4 required属性90

3.4.5 pattern属性91

3.4.6 autocomplete属性92

3.4.7 autofocus属性93

3.5 表单验证93

3.5.1 自动验证93

3.5.2 显式验证94

3.5.3 自定义验证96

3.5.4 验证事件97

3.5.5 取消验证98

3.6 实验指导3-1：会员资料注册99

思考与练习102

第4章 HTML 5中的文件应用103

4.1 选择文件103

4.1.1 选择单个文件103

4.1.2 选择多个文件105

4.1.3 限制选择文件类型107

4.2 实验指导4-1：将文件上传到服务器端109

4.3 读取文件111

4.3.1 认识FileReader接口112

4.3.2 读取二进制文件115

4.3.3 显示预览图像116

4.3.4 读取文本文件118

4.4 错误处理方案120

4.4.1 产生错误的原因120

4.4.2 FileError接口121

4.4.3 错误处理练习121

4.5 文件拖放API和常用对象123

4.5.1 拖放API123

4.5.2 认识DataTransfer对象125

4.5.3 DataTransfer对象的方法126

4.5.4 DataTransfer对象的属性127

4.6 实验指导4-2：拖动文字到网页的指定区域129

4.7 实验指导4-3：拖放实现带进度条的文件上传130

思考与练习138

第5章 HTML 5中的多媒体元素140

5.1 HTML 5多媒体概述140

5.1.1 HTML 4中的多媒体应用140

5.1.2 HTML 5中的多媒体141

5.2 多媒体元素的属性144

5.2.1 audio和video的共同属性144

5.2.2 audio元素显示音频文件146

5.2.3 video元素显示视频文件149

5.3 向多媒体元素中添加source元素152

5.3.1 认识source元素152

5.3.2 source元素常用的支持格式152

5.3.3 多媒体元素添加source元素153

5.3.4 视频文件添加source元素154

5.4 多媒体元素的方法155

5.5 多媒体元素的事件157

5.5.1 audio和video的共同事件157

5.5.2 video元素添加事件159

5.6 认识embed元素162

5.7 实验指导5-1：制作绚丽的音乐播放器164

思考与练习172

第6章 数据存储174

6.1 认识Web Storage174

6.1.1 Web Storage介绍174

6.1.2 Web Storage的优缺点175

6.2 localStorage对象175

6.2.1 判断浏览器是否支持176

6.2.2 localStorage的常用方法176

6.2.3 统计访问人数177

6.2.4 及时更新访问人数179

6.3 sessionStorage对象182

6.3.1 与localStorage对象的不同182

6.3.2 判断浏览器是否支持183

6.3.3 方法和事件183

6.4 JSON对象操作数据185

6.5 认识Web SQL191

6.5.1 Web SQL介绍191

6.5.2 Web SQL API操作191

6.5.3 数据的简单操作193

6.6 实验指导6-1：基于Web SQL的留言簿196

思考与练习202

第7章 Canvas API动态绘图204

7.1 认识canvas元素204

7.1.1 canvas基础知识204

7.1.2 canvas API的基本使用206

7.1.3 与SVG的简单区别208

7.2 通过路径绘图209

7.2.1 基本方法209

7.2.2 绘制直线210

7.2.3 绘制圆形212

7.2.4 绘制三角形215

7.3 实验指导7-1：绘制复杂图形215

7.4 贝塞尔曲线217

7.4.1 二次方曲线217

7.4.2 三次方曲线219

7.5 绘制渐变图形221

7.5.1 了解渐变221

7.5.2 线性渐变221

7.5.3 径向渐变224

7.6 高级绘图操作225

7.6.1 绘图状态225

7.6.2 坐标变换226

7.6.3 矩阵变换233

7.6.4 合成图形235

7.7 实验指导7-2：实现时钟的动画效果237

7.8 图像操作240

7.8.1 创建图像240

7.8.2 绘制图像241

7.8.3 缩放图像242

7.8.4 裁剪图像244

7.8.5 输出图像245

7.9 文字和阴影效果246

7.9.1 绘制文字247

7.9.2 阴影特效247

思考与练习248

第8章 离线缓存250

8.1 离线应用程序概述250

8.1.1 认识离线应用程序250

8.1.2 离线缓存与浏览器缓存251

8.1.3 创建离线缓存应用252

8.2 Cache Manifest文件255

8.2.1 认识Cache Manifest文件255

8.2.2 Cache Manifest的组成255

8.2.3 向manifest文件添加注释257

8.2.4 Cache Mainifest的遵循原则258

8.2.5 配置ⅡS服务器258

8.3 离线访问系统当前时间260

8.4 浏览器与服务器的交互过程263

8.4.1 首次载入页面263

8.4.2 再次载入页面263

8.5 离线存储对象：applicationCache264

8.5.1 认识applicationCache264

8.5.2 检测本地缓存状态265

8.5.3 检测在线状态266

8.5.4 本地缓存更新269

8.5.5 事件执行顺序270

8.6 实验指导8-1：制作离线使用的日程备忘录273

思考与练习277

第9章 通信API和地理位置获取279

9.1 跨文档消息传输279

9.1.1 Message API概述279

9.1.2 跨域获取传递消息280

9.2 Web Sockets通信283

9.2.1 Web Sockets API概述284

9.2.2 使用Web Sockets API284

9.2.3 向.NET端发送数据286

9.3 Web Workers线程290

9.3.1 线程概述290

9.3.2 Worker对象291

9.3.3 计算数字结果293

9.3.4 线程嵌套处理297

9.4 Geolocatin API概述299

9.4.1 getCurrentPosition()方法300

9.4.2 watchCurrentPosition()方法301

9.4.3 clearWatch()方法302

9.5 Position对象显示当前位置302

9.6 实验指导9-1：Google地图锁定当前位置305

思考与练习308

第10章 CSS 3和新增颜色及文本样式310

10.1 了解CSS 3310

10.1.1 什么是CSS 3310

10.1.2 CSS 3的支持情况311

10.1.3 CSS 3的新增特性312

10.2 新增颜色316

10.2.1 RGBA316

10.2.2 HSL318

10.2.3 HSLA320

10.2.4 opaticy321

10.3 文本样式322

10.3.1 text-overflow属性322

10.3.2 text-shadow属性326

10.3.3 word-wrap属性329

10.4 字体样式规则：@font-face331

10.4.1 语法规则331

10.4.2 基本练习332

10.4.3 字体与字体样式334

10.4.4 注意事项336

10.5 实验指导10-1：定义文章的标题和内容样式336

思考与练习339

第11章 CSS 3中的新增选择器340

11.1 属性选择器340

11.1.1 E[att^＝"val"]选择器340

11.1.2 E[att$="val"]选择器342

11.1.3 E[att＊="val"]选择器343

11.2 结构化伪类选择器345

11.2.1 E:root选择器345

11.2.2 E:nth-child（n）选择器347

11.2.3 E:nth-last-child（n）选择器348

11.2.4 E:nth-of-type（n）和E:nth-last-of-type（n）选择器351

11.2.5 E:last-child选择器354

11.2.6 E:first-of-type和E:last-of-type选择器355

11.2.7 E:only-child选择器357

11.2.8 E:only-of-type选择器357

11.2.9 E:empty选择器358

11.3 UI元素状态伪类选择器360

11.3.1 E:enabled选择器360

11.3.2 E:disabled选择器362

11.3.3 E:checked选择器363

11.3.4 E::selection选择器364

11.4 其他新增选择器366

11.4.1 否定伪类选择器：E:not（s）366

11.4.2 目标伪类选择器：E:target367

11.4.3 通用兄弟元素选择器：E～F368

11.5 新增内容属性：content370

11.5.1 基本语法370

11.5.2 插入图像371

11.5.3 插入项目编码372

11.5.4 插入嵌套符号374

11.5.5 编号嵌套375

11.6 实验指导11-1：结构化的数据表格设计376

思考与练习379

第12章 弹性盒模型与样式布局381

12.1 新增的盒模型属性381

12.1.1 box-orient属性381

12.1.2 box-direction属性384

12.1.3 box-ordinal-group属性385

12.1.4 box-flex属性387

12.1.5 box-flex-group属性389

12.1.6 box-pack属性390

12.1.7 box-align属性392

12.1.8 box-lines属性393

12.2 多列类布局属性394

12.2.1 columns属性394

12.2.2 column-width属性396

12.2.3 column-count属性397

12.2.4 column-gap属性397

12.2.5 column-rule属性399

12.2.6 column-span属性400

12.2.7 column-fill属性401

12.2.8 分列打印属性401

12.3 用户界面布局402

12.3.1 box-sizing属性402

12.3.2 resize属性404

12.3.3 zoom属性406

12.3.4 outline-offset属性407

12.3.5 nav-index属性408

12.3.6 定义方向键控制顺序410

12.4 实验指导12-1：简单设计博客网页411

思考与练习413

第13章 边框、背景和渐变415

13.1 边框设计415

13.1.1 border-radius属性415

13.1.2 border-image属性417

13.1.3 box-shadow属性421

13.1.4 border-colors属性423

13.2 背景样式424

13.2.1 变更属性424

13.2.2 background-origin属性427

13.2.3 background-clip属性428

13.2.4 background-size属性430

13.3 渐变特效431

13.3.1 WebKit引擎实现渐变431

13.3.2 Gecko引擎实现渐变433

13.3.3 重复渐变435

13.4 实验指导13-1：制作下拉导航菜单436

思考与练习439

第14章 HTML 5+CSS 3制作旅游网页440

14.1 旅游网站分析440

14.1.1 产生背景440

14.1.2 发展趋势441

14.1.3 基本结构441

14.2 设计首页442

14.2.1 网页效果442

14.2.2 添加头部443

14.2.3 添加底部446

14.2.4 添加内容446

14.3 设计关于我们网页448

14.3.1 网页效果448

14.3.2 关于我们448

14.3.3 最新公告449

14.4 设计国内旅游网页450

14.4.1 网页效果450

14.4.2 国内旅游451

14.4.3 其他内容451

14.5 设计出境旅游网页452

14.6 设计留言咨询网页453

14.6.1 网页效果453

14.6.2 清空留言453

14.6.3 提交留言454

14.6.4 查看位置455

附录 思考与练习答案459