HTML 5与CSS 3网页设计入门与提高

图书标准信息

• 作者 张惠芳、徐小慧 著
• 出版社 清华大学出版社
• 出版时间 2015-01
• 版次 1
• ISBN 9787302384557
• 定价 59.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 456页
• 字数 689千字
• 正文语种 简体中文
• 丛书 软件入门与提高丛书

【内容简介】

本书从初学者的角度出发，由浅入深、循序渐进地介绍了HTML5和CSS3应用与开发的相关知识，书中提供了大量操作HTML5和CSS3新增功能的示例，还提供了用于演练的实战和上机练习。
本书共分为15章，主要内容包括HTML文档结构、文档基础标记、列表标记、表格标记和表单标记，CSS发展历史、基本语法和常用样式，JavaScript脚本的基本语法、变量、运算符、语句类型、对象和函数，网页设计流程和网页布局，HTML5的发展历史、使用HTML5的原因、HTML5的语法，新增的结构元素、分组元素、文本语义元素、交互元素、音频和视频元素、标准属性，新增表单元素、新增输入类型、新增表单属性、表单验证，canvas元素及其API绘图，文件操作和文件拖放、客户端存储数据、本地数据库、跨文档传输信息、多线程、获取位置信息，CSS3新增颜色、新增选择器、新增文件属性、字体属性、背景属性、边框属性、盒模型、页面布局，以及渐变、转换、过渡和动画等内容。在本书最后一章利用HTML5和CSS3等技术实现一个案例作为结束。
本书几乎涉及HTML5和CSS3应用与开发的所有重要知识，适合所有的HTML5和CSS3初学者进行学习。另外，对于大中专和培训班的学生来说，本书更是一本不可多得的教材。

【目录】

第1章HTML快速入门1
1.1HTML的概念2
1.2HTML的文档结构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.1CSS概述36
2.1.1CSS简介36
2.1.2CSS的使用37
2.2CSS基础语法40
2.3CSS高级语法41
2.4CSS的常用样式43
2.4.1CSS常用样式概述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.1JavaScript脚本概述76
3.2JavaScript的基本语法77
3.2.1简单的JavaScript例子77
3.2.2JavaScript语句79
3.3JavaScript变量81
3.3.1变量81
3.3.2数据类型82
3.4运算符86
3.5JavaScript语句的类型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.1Array对象101
3.7.2Document对象102
3.7.3HTMLDOMEvent对象103
3.7.4Window对象104
3.8实战——长方体几何计算105
3.9本章习题106
第4章网页设计实战案例109
4.1网页设计流程110
4.2网页设计工具110
4.2.1记事本111
4.2.2FrontPage111
4.2.3Dreamweaver112
4.2.4实战——制作个人主页113
4.3网页布局117
4.3.1常见的网页布局结构117
4.3.2设计居中布局120
4.3.3设计自适应布局121
4.3.4DIV+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.8CSS设计规范139
4.9本章习题141
第5章认识HTML5143
5.1了解HTML5144
5.1.1HTML5的发展历史144
5.1.2开发HTML5的三大组织144
5.1.3使用HTML5的五大原因145
5.1.4HTML5的未来发展趋势147
5.2HTML5的语法148
5.2.1文档媒体类型148
5.2.2编码类型149
5.2.3DOCTYPE声明150
5.2.4其他内容150
5.3HTML5表单150
5.3.1HTML5输入类型150
5.3.2HTML5表单元素152
5.3.3HTML5表单属性152
5.4HTML5的元素154
5.4.1新增的元素154
5.4.2更改元素155
5.4.3废除的元素156
5.5HTML5的属性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章HTML5快速入门169
6.1结构元素170
6.1.1header元素170
6.1.2article元素171
6.1.3section元素173
6.1.4nav元素174
6.1.5aside元素175
6.1.6footer元素177
6.2分组元素177
6.2.1hgroup元素177
6.2.2figcaption和figure178
6.3文本语义元素179
6.3.1mark元素179
6.3.2ruby、rt和rp元素180
6.3.3time元素180
6.3.4wbr元素181
6.4交互元素181
6.4.1meter元素181
6.4.2progress元素183
6.4.3details元素185
6.4.4summary元素185
6.5音频和视频元素186
6.5.1video元素186
6.5.2audio元素191
6.6标准属性193
6.6.1hidden属性193
6.6.2contenteditable属性194
6.6.3spellcheck属性195
6.7实战——使用HTML5元素构建网页196
6.8本章习题199
第7章HTML5新型表单的使用201
7.1了解表单202
7.1.1表单概述202
7.1.2表单的基本结构203
7.2表单元素204
7.2.1datalist元素204
7.2.2keygen元素205
7.2.3output元素206
7.3输入类型207
7.3.1email类型207
7.3.2url类型208
7.3.3number类型209
7.3.4range类型210
7.3.5datepickers类型211
7.3.6search类型212
7.3.7color类型213
7.3.8tel类型214
7.4表单属性214
7.4.1表单属性214
7.4.2input属性217
7.5实战——修改用户个人资料223
7.6表单验证225
7.6.1表单验证概述226
7.6.2checkValidity()验证226
7.6.3setCustomValidity()验证227
7.7本章习题229
第8章HTML5操作页面图形231
8.1了解canvas元素232
8.1.1canvas历史232
8.1.2canvas元素232
8.1.3CSS和canvas233
8.1.4CanvasAPI233
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.1drawImage()绘制259
8.7.2createPattern()方法261
8.7.3clip()方法263
8.8实现动画特效264
8.8.1了解动画264
8.8.2实战——绘制动态闪动线条265
8.9本章习题266
第9章HTML5的其他新特性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.1HTML5本地数据库简介296
9.4.2数据库操作API296
9.4.3实战——实现基于数据库的收藏夹管理297
9.5跨文档传输信息301
9.6多线程303
9.6.1认识HTML5多线程304
9.6.2实战——Worker对象的简单应用305
9.7获取位置信息307
9.7.1认识地图API307
9.7.2Position对象308
9.8HTML5的离线缓存特性310
9.9本章习题312
第10章CSS3快速入门315
10.1了解CSS3316
10.1.1CSS3发展概述316
10.1.2CSS3的优缺点316
10.1.3浏览器支持情况317
10.2CSS3的新增颜色319
10.2.1HSL属性319
10.2.2HSLA属性321
10.2.3RGBA属性323
10.2.4Opacity属性324
10.3CSS3新增的选择器326
10.3.1属性选择器327
10.3.2结构化伪类选择器328
10.3.3目标伪类选择器329
10.3.4UI元素状态伪类选择器329
10.3.5否定伪类329
10.3.6通用兄弟选择器330
10.4CSS3的新增属性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实战——以CSS3属性制作漂亮按钮333
10.6本章习题336
第11章CSS3新增的选择器337
11.1属性选择器338
11.1.1E[att^=value]选择器338
11.1.2E[att$=value]选择器340
11.1.3E[att*=value]选择器340
11.2结构化伪类选择器341
11.2.1E:root选择器341
11.2.2E:nth-child(n)选择器341
11.2.3E:nth-last-child(n)选择器342
11.2.4E:nth-of-type(n)选择器343
11.2.5E:nth-last-of-type(n)选择器344
11.2.6E:last-child选择器345
11.2.7E:first-of-type选择器345
11.2.8其他选择器346
11.3目标伪类选择器346
11.4UI元素状态伪类选择器347
11.4.1常用的选择器347
11.4.2E::selection选择器349
11.5否定伪类选择器350
11.6通用兄弟选择器350
11.7实战——设计直观的表单页面351
11.8本章习题354
第12章CSS3页面美化样式357
12.1CSS3页面美化358
12.2文本样式358
12.2.1新增样式358
12.2.2新增样式的用法359
12.3字体样式363
12.4背景样式366
12.4.1background-clip属性366
12.4.2background-origin属性366
12.4.3background-size属性366
12.5边框样式368
12.5.1box-shadow属性369
12.5.2border-image属性370
12.5.3border-radius属性372
12.6实战——表格的艺术374
12.7本章习题376
第13章CSS3页面布局样式377
13.1新增的多列布局属性378
13.1.1columns属性378
13.1.2column-width属性379
13.1.3column-count属性380
13.1.4column-gap属性381
13.1.5column-rule属性381
13.1.6column-span属性383
13.1.7column-fill属性383
13.2新增的盒模型属性383
13.2.1box-orient属性384
13.2.2box-direction属性385
13.2.3box-ordinal-group属性386
13.2.4box-flex属性387
13.2.5box-flex-group属性389
13.2.6box-pack属性389
13.2.7box-align属性391
13.2.8box-lines属性392
13.3新增的界面布局属性393
13.3.1box-sizing属性393
13.3.2resize属性395
13.3.3zoom属性396
13.3.4outline-offset属性397
13.3.5nav-index属性398
13.4本章习题398
第14章CSS3动画特效401
14.1渐变特效402
14.1.1线性渐变402
14.1.2径向渐变406
14.2转换408
14.2.12D转换408
14.2.23D转换413
14.3过渡416
14.3.1常用的单个属性416
14.3.2transition的简写属性418
14.4动画419
14.4.1动画相关属性419
14.4.2@keyframes420
14.5实战——制作动画海报圈421
14.6本章习题425
第15章HTML5+CSS3页面案例427
15.1JavaScript经典贪吃蛇428
15.1.1案例分析428
15.1.2JavaScript实现428
15.1.3页面美化431
15.2jQuery导航特效432
15.2.1jQuery简介432
15.2.2jQuery实现导航特效433
15.3CSS3图片特效436
15.4其他页面效果439
15.4.1页面悬浮广告439
15.4.2鼠标特效441