HTML 5与CSS 3网页设计入门与提高PDF|Epub|txt|kindle电子书版本网盘下载

HTML 5与CSS 3网页设计入门与提高PDF格式电子书版下载

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

第1章 HTML快速入门1

1.1 HTML的概念2

1.2 HTML的文档结构3

1.2.1 文档编写规范3

1.2.2 文档声明标记4

1.2.3 标记文档开始5

1.2.4 标记文档头部6

1.2.5 标记文档主体6

1.2.6 编写注意事项6

1.2.7 实战——创建第一个HTML文档7

1.3 文档基础标记9

1.3.1 元信息标记9

1.3.2 字体标记10

1.3.3 超链接标记14

1.3.4 水平线标记16

1.3.5 段落标记17

1.4 列表标记19

1.4.1 编号列表19

1.4.2 项目符号列表21

1.4.3 说明项目列表21

1.5 表格标记22

1.5.1 表格的结构22

1.5.2 表格的属性23

1.6 表单标记27

1.6.1 创建表单27

1.6.2 创建表单元素27

1.7 实战——制作卡通类页面30

1.8 本章习题32

第2章 CSS基础35

2.1 CSS概述36

2.1.1 CSS简介36

2.1.2 CSS的使用37

2.2 CSS基础语法40

2.3 CSS高级语法41

2.4 CSS的常用样式43

2.4.1 CSS常用样式概述43

2.4.2 背景样式44

2.4.3 文本样式47

2.4.4 字体样式53

2.4.5 链接样式58

2.4.6 列表样式59

2.4.7 表格和轮廓63

2.4.8 其他样式67

2.5 实战——诗词鉴赏页面设计71

2.6 本章习题73

第3章 JavaScript脚本语言75

3.1 JavaScript脚本概述76

3.2 JavaSeript的基本语法77

3.2.1 简单的JavaScript例子77

3.2.2 JavaScript语句79

3.3 JavaSeript变量81

3.3.1 变量81

3.3.2 数据类型82

3.4 运算符86

3.5 JavaScript语句的类型87

3.5.1 选择语句88

3.5.2 循环语句92

3.5.3 跳转语句95

3.5.4 异常处理语句96

3.6 对象97

3.6.1 对象概述97

3.6.2 函数99

3.6.3 构造函数100

3.7 常用对象101

3.7.1 Array对象101

3.7.2 Document对象102

3.7.3 HTMLDOM Event对象103

3.7.4 Window对象104

3.8 实战——长方体几何计算105

3.9 本章习题106

第4章 网页设计实战案例109

4.1 网页设计流程110

4.2 网页设计工具110

4.2.1 记事本111

4.2.2 FrontPage111

4.2.3 Dreamweaver112

4.2.4 实战——制作个人主页113

4.3 网页布局117

4.3.1 常见的网页布局结构117

4.3.2 设计居中布局120

4.3.3 设计自适应布局121

4.3.4 D1V＋CSS重构网站布局122

4.4 布局理论124

4.4.1 区块的概念124

4.4.2 定义区块125

4.4.3 定位126

4.4.4 实战——具有固定位置的广告框127

4.4.5 空白边叠加129

4.5 实战——制作网页导航条130

4.6 实战——制作文本环绕图片132

4.7 实战——制作三栏博客页面133

4.8 CSS设计规范139

4.9 本章习题141

第5章 认识HTML 5143

5.1 了解HTML 5144

5.1.1 HTML5的发展历史144

5.1.2 开发HTML5的三大组织144

5.1.3 使用HTML 5的五大原因145

5.1.4 HTML5的未来发展趋势147

5.2 HTML5的语法148

5.2.1 文档媒体类型148

5.2.2 编码类型149

5.2.3 DOCTYPE声明150

5.2.4 其他内容150

5.3 HTML5表单150

5.3.1 HTML5输入类型150

5.3.2 HTML5表单元素152

5.3.3 HTML5表单属性152

5.4 HTML5的元素154

5.4.1 新增的元素154

5.4.2 更改元素155

5.4.3 废除的元素156

5.5 HTML5的属性157

5.5.1 标准属性157

5.5.2 事件属性158

5.6 支持HTML5的浏览器161

5.6.1 浏览器内核161

5.6.2 常用的浏览器162

5.7 实战——Chrome浏览器的安装和测试164

5.8 本章习题166

第6章 HTML 5快速入门169

6.1 结构元素170

6.1.1 header元素170

6.1.2 article元素171

6.1.3 section元素173

6.1.4 nav元素174

6.1.5 aside元素175

6.1.6 footer元素177

6.2 分组元素177

6.2.1 hgroup元素177

6.2.2 figcaption和figure178

6.3 文本语义元素179

6.3.1 mark元素179

6.3.2 ruby、rt和rp元素180

6.3.3 time元素180

6.3.4 wbr元素181

6.4 交互元素181

6.4.1 meter元素181

6.4.2 progress元素183

6.4.3 details元素185

6.4.4 summary元素185

6.5 音频和视频元素186

6.5.1 video元素186

6.5.2 audio元素191

6.6 标准属性193

6.6.1 hidden属性193

6.6.2 contenteditable属性194

6.6.3 spellcheck属性195

6.7 实战——使用HTML5元素构建网页196

6.8 本章习题199

第7章 HTML 5新型表单的使用201

7.1 了解表单202

7.1.1 表单概述202

7.1.2 表单的基本结构203

7.2 表单元素204

7.2.1 datalist元素204

7.2.2 keygen元素205

7.2.3 output元素206

7.3 输入类型207

7.3.1 email类型207

7.3.2 url类型208

7.3.3 number类型209

7.3.4 range类型210

7.3.5 datepickers类型211

7.3.6 search类型212

7.3.7 color类型213

7.3.8 tel类型214

7.4 表单属性214

7.4.1 表单属性214

7.4.2 input属性217

7.5 实战——修改用户个人资料223

7.6 表单验证225

7.6.1 表单验证概述226

7.6.2 checkValidity（）验证226

7.6.3 setCustomValidity（）验证227

7.7 本章习题229

第8章 HTML 5操作页面图形231

8.1 了解canvas元素232

8.1.1 canvas历史232

8.1.2 canvas元素232

8.1.3 CSS和canvas233

8.1.4 Canvas API233

8.1.5 浏览器支持情况233

8.2 绘制文本235

8.2.1 绘制普通文本235

8.2.2 绘制阴影文本237

8.3 绘制矩形239

8.3.1 用rect（）方法绘制239

8.3.2 用fillRect（）方法绘制240

8.3.3 用strokeRect（）方法绘制241

8.3.4 用clearRect（）方法清除241

8.4 绘制路径242

8.4.1 路径绘图方法242

8.4.2 绘制基本图形243

8.4.3 绘制圆形和扇形245

8.4.4 贝塞尔曲线247

8.5 图形变换和组合249

8.5.1 图形变形249

8.5.2 矩阵变换252

8.5.3 图形组合254

8.6 绘制颜色渐变256

8.6.1 线性渐变256

8.6.2 径向渐变258

8.7 图片的常用操作259

8.7.1 drawImage（）绘制259

8.7.2 createPattem（）方法261

8.7.3 clip（）方法263

8.8 实现动画特效264

8.8.1 了解动画264

8.8.2 实战——绘制动态闪动线条265

8.9 本章习题266

第9章 HTML 5的其他新特性269

9.1 文件新增特性270

9.1.1 获取多个文件的信息270

9.1.2 新增的FileReader接口简介272

9.1.3 使用FileReader接口读取文件273

9.1.4 使用FileReader接口监听事件276

9.1.5 文件读取时的异常处理278

9.1.6 实战——实现文件上传279

9.2 拖放功能282

9.2.1 拖放API简介282

9.2.2 拖放对象的方法和属性283

9.2.3 实战——模拟图片删除285

9.3 新增的客户端数据存储特性288

9.3.1 客户端存储对象简介288

9.3.2 操作本地数据289

9.3.3 实战——以JSON方式存取数据293

9.4 新增的本地数据库特性295

9.4.1 HTMI5本地数据库简介296

9.4.2 数据库操作API296

9.4.3 实战——实现基于数据库的收藏夹管理297

9.5 跨文档传输信息301

9.6 多线程303

9.6.1 认识HTMI5多线程304

9.6.2 实战——Worker对象的简单应用305

9.7 获取位置信息307

9.7.1 认识地图API307

9.7.2 Position对象308

9.8 HTMI5的离线缓存特性310

9.9 本章习题312

第10章 CSS 3快速入门315

10.1 了解CSS 3316

10.1.1 CSS 3发展概述316

10.1.2 CSS 3的优缺点316

10.1.3 浏览器支持情况317

10.2 CSS 3的新增颜色319

10.2.1 HSI属性319

10.2.2 HSLA属性321

10.2.3 RGBA属性323

10.2.4 Opacity属性324

10.3 CSS 3新增的选择器326

10.3.1 属性选择器327

10.3.2 结构化伪类选择器328

10.3.3 目标伪类选择器329

10.3.4 UI元素状态伪类选择器329

10.3.5 否定伪类329

10.3.6 通用兄弟选择器330

10.4 CSS 3的新增属性330

10.4.1 边框属性330

10.4.2 背景属性331

10.4.3 文本属性331

10.4.4 盒模型属性331

10.4.5 用户界面属性332

10.4.6 新增的其他属性332

10.5 实战——以CSS 3属性制作漂亮按钮333

10.6 本章习题336

第11章 CSS 3新增的选择器337

11.1 属性选择器338

11.1.1 E【att？=value】选择器338

11.1.2 E【att$=value】选择器340

11.1.3 E【*=value】选择器340

11.2 结构化伪类选择器341

11.2.1 E:root选择器341

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

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

11.2.4 E:nth-of-type（n）选择器343

11.2.5 E:nth-last-of-type（n）选择器344

11.2.6 E:last-child选择器345

11.2.7 E:first-of-type选择器345

11.2.8 其他选择器346

11.3 目标伪类选择器346

11.4 UI元素状态伪类选择器347

11.4.1 常用的选择器347

11.4.2 E∷selection选择器349

11.5 否定伪类选择器350

11.6 通用兄弟选择器350

11.7 实战——设计直观的表单页面351

11.8 本章习题354

第12章 CSS 3页面美化样式357

12.1 CSS 3页面美化358

12.2 文本样式358

12.2.1 新增样式358

12.2.2 新增样式的用法359

12.3 字体样式363

12.4 背景样式366

12.4.1 background-clip属性366

12.4.2 background-origin属性366

12.4.3 background-size属性366

12.5 边框样式368

12.5.1 box-shadow属性369

12.5.2 border-image属性370

12.5.3 border-radius属性372

12.6 实战——表格的艺术374

12.7 本章习题376

第13章 CSS 3页面布局样式377

13.1 新增的多列布局属性378

13.1.1 columns属性378

13.1.2 column-width属性379

13.1.3 column-count属性380

13.1.4 column-gap属性381

13.1.5 column-rule属性381

13.1.6 column-span属性383

13.1.7 column-fill属性383

13.2 新增的盒模型属性383

13.2.1 box-orient属性384

13.2.2 box-direction属性385

13.2.3 box-ordinal-group属性386

13.2.4 box-flex属性387

13.2.5 box-flex-group属性389

13.2.6 box-pack属性389

13.2.7 box-align属性391

13.2.8 box-1ines属性392

13.3 新增的界面布局属性393

13.3.1 box-sizing属性393

13.3.2 resize属性395

13.3.3 zoom属性396

13.3.4 outline-offset属性397

13.3.5 nav-index属性398

13.4 本章习题398

第14章 CSS 3动画特效401

14.1 渐变特效402

14.1.1 线性渐变402

14.1.2 径向渐变406

14.2 转换408

14.2.1 2D转换408

14.2.2 3D转换413

14.3 过渡416

14.3.1 常用的单个属性416

14.3.2 transition的简写属性418

14.4 动画419

14.4.1 动画相关属性419

14.4.2 @keyframes420

14.5 实战——制作动画海报圈421

14.6 本章习题425

第15章 HTML 5＋CSS 3页面案例427

15.1 JavaScript经典贪吃蛇428

15.1.1 案例分析428

15.1.2 JavaScript实现428

15.1.3 页面美化431

15.2 jQuery导航特效432

15.2.1 jQuery简介432

15.2.2 jQuery实现导航特效433

15.3 CSS 3图片特效436

15.4 其他页面效果439

15.4.1 页面悬浮广告439

15.4.2 鼠标特效441