HTML5+CSS3+JavaScript网页设计入门与应用

图书标准信息

• 作者 刘爱江；靳智良
• 出版社 清华大学出版社
• 出版时间 2019-03
• 版次 1
• ISBN 9787302515630
• 定价 68.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸

【内容简介】

《HTML5 CSS3 JavaScript 网页设计入门与应用》从网站基础开始，结合大量案例，全面、翔实地介绍了使用HTML5 CSS3 JavaScript开发Web前端页面的具体方法与步骤，引导读者从零开始，一步步掌握Web开发的全过程。本书通过一个个鲜活、典型的实例来讲解每个语法，力求达到理论知识与实践操作完美结合的效果。
  《HTML5 CSS3 JavaScript 网页设计入门与应用》共分为15章，主要包括HTML入门、HTML5新增布局元素、HTML5表单验证、文件上传、绘图和多媒体、数据存储、CSS3新增选择器、CSS3布局属性和动画效果、JavaScript基础语法、事件处理和DOM操作等内容。*后一章通过打地鼠、贪吃蛇、小猫笑脸和图片轮播4个综合案例，介绍了Web前端设计的完整过程。
  《HTML5 CSS3 JavaScript 网页设计入门与应用》可作为普通高校计算机及相关专业教材、高职高专教材，也可供从事网页设计与制作、网站开发、网页编程等行业人员参考阅读。

【作者简介】

刘爱江，具有多年.NET项目开发经验，深入掌握.NET框架技术，熟练开发ASP.NET与WinForm项目，精通C#、ASP 、C  、VB语言，熟练使用MTS、COM 、Web Service分布式架构。

靳智良，知名互联网社区架构师，一个拥有5年软件工程经验和深厚理论基础的软件工程专家，善于解剖和分析问题，使用生动形象的比喻，能将复杂的、难于理解的问题与知识简单化讲解。致力于研究、优化Web 2.0系统架构技术，对LAMP体系架构有着丰富的经验，挖掘LAMP架构的性能潜力，探索新型高效能的Web 2.0站点系统支撑平台以及系统集群。

【目录】

第1章　初步认识HTML5和CSS3

1.1　认识网页和网站    2

1.1.1　网页    2

1.1.2　网站    3

1.1.3　网站制作流程    3

1.1.4　网页设计流程    4

1.1.5　发布站点    4

1.2　Web标准布局介绍    5

1.2.1　当前的Web开发标准    5

1.2.2　为什么使用Web标准    5

1.2.3　CSS布局标准    6

1.3　HTML与HTML5    7

1.3.1　HTML的发展历史    7

1.3.2　HTML 4.01和XHTML    8

1.3.3　HTML和XHTML文档类型定义    9

1.3.4　从XHTML到HTML5    11

1.3.5　HTML5的优势    11

1.4　HTML5语法的变化    13

1.4.1　DOCTYPE声明    13

1.4.2　命名空间声明    13

1.4.3　编码类型    14

1.4.4　文档媒体类型    15

1.4.5　HTML5兼容HTML    15

1.5　实践案例：浏览器HTML5性能测试    18

1.6　CSS3简介    19

1.6.1　什么是CSS3    20

1.6.2　CSS3的优缺点    20

1.6.3　CSS3的新增特性    21

1.7　实践案例：浏览器CSS3性能测试    24

1.8　练习题    25

第2章　HTML5网页结构

2.1　认识html根元素    28

2.2　文档头部元素    28

2.3　结构元素    31

2.3.1　header元素    31

2.3.2　article元素    33

2.3.3　section元素    34

2.3.4　aside元素    35

2.3.5　footer元素    36

2.4　节点元素    36

2.4.1　nav元素    36

2.4.2　hgroup元素    37

2.4.3　address元素    38

2.5　语义元素    39

2.5.1　mark元素    39

2.5.2　cite元素    40

2.5.3　time元素    40

2.5.4　wbr元素    41

2.5.5　ruby、rt和rp元素    41

2.6　交互元素    41

2.6.1　meter元素    41

2.6.2　progress元素    43

2.6.3　details元素    44

2.6.4　summary元素    45

2.7　全局属性    45

2.7.1　hidden属性    46

2.7.2　contenteditable属性    46

2.7.3　spellcheck属性    47

2.8　实践案例：设计旅游网站首页    48

2.9　练习题    53

第3章　HTML5表单应用

3.1　重新认识HTML表单    56

3.1.1　表单简介    56

3.1.2　表单标记    56

3.1.3　基本表单元素    57

3.2　新增输入类型    58

3.2.1　url类型    58

3.2.2　number类型    59

3.2.3　email类型    60

3.2.4　range类型    61

3.2.5　datepickers类型    62

3.2.6　color类型    64

3.2.7　tel类型    64

3.2.8　search类型    65

3.3　新增属性    65

3.3.1　表单类属性    65

3.3.2　输入类属性    67

3.4　表单元素    73

3.4.1　datalist元素    73

3.4.2　keygen元素    74

3.4.3　output元素    75

3.4.4　optgroup元素    76

3.5　表单验证    77

3.5.1　自动验证    77

3.5.2　显式验证    79

3.5.3　自定义验证    80

3.5.4　取消验证    81

3.6　实践案例：设计用户录入表单    81

3.7　练习题    87

第4章　HTML5多媒体应用

4.1　多媒体简介    90

4.1.1　多媒体编解码器    90

4.1.2　视频格式    90

4.1.3　音频格式    91

4.2　播放视频    91

4.2.1　video元素的基础用法    92

4.2.2　video元素方法    94

4.2.3　video元素事件    95

4.3　播放音频    97

4.3.1　audio元素的基础用法    97

4.3.2　audio元素事件    98

4.4　实践案例：实现HTML5网页视频播放器    99

4.5　练习题    105

第5章　HTML5绘图应用

5.1　认识canvas元素    108

5.1.1　canvas简介    108

5.1.2　创建canvas元素    108

5.1.3　实践案例：判断浏览器是否支持canvas元素    109

5.2　绘制简单图形    110

5.2.1　绘制矩形    110

5.2.2　绘制直线    113

5.2.3　绘制圆形    116

5.2.4　实践案例：绘制三角形    119

5.2.5　保存和恢复图形    121

5.2.6　输出图形    123

5.3　绘制文本    124

5.3.1　绘制普通文本    124

5.3.2　绘制阴影文本    126

5.4　绘制曲线    128

5.4.1　二次方贝塞尔曲线    128

5.4.2　三次方贝塞尔曲线    128

5.5　变换图形    129

5.5.1　坐标变换    129

5.5.2　矩阵变换    133

5.5.3　组合图形    135

5.5.4　线性渐变    138

5.5.5　径向渐变    139

5.6　使用图像    141

5.6.1　绘制图像    141

5.6.2　平铺图像    143

5.6.3　裁剪和复制图像    145

5.7　实践案例：制作图像黑白和反转效果    146

5.8　练习题    148

第6章　HTML5数据存储

6.1　Web存储简介    152

6.1.1　Web存储和Cookie存储    152

6.1.2　sessionStorage对象    152

6.1.3　localStorage对象    154

6.2　操作本地数据    155

6.2.1　保存数据    156

6.2.2　读取数据    157

6.2.3　清空数据    159

6.2.4　遍历数据    159

6.3　实践案例：实现工程管理模块    162

6.4　操作本地数据库数据    167

6.4.1　创建数据库    167

6.4.2　执行SQL语句    168

6.5　实践案例：查看学生列表    170

6.6　练习题    171

第7章　文件和离线应用

7.1　操作文件    174

7.1.1　获取文件信息    174

7.1.2　限制文件类型    175

7.2　实践案例：文件上传    177

7.3　FileReader接口    178

7.3.1　FileReader接口简介    179

7.3.2　读取文本文件内容    179

7.3.3　监听读取事件    181

7.3.4　处理读取异常    183

7.4　实践案例：预览图片    184

7.5　离线应用    186

7.5.1　离线Web应用程序概述    186

7.5.2　manifest文件    186

7.5.3　applicationCache对象    190

7.6　练习题    195

第8章　HTML5高级开发

8.1　拖放功能    198

8.1.1　拖放API简介    198

8.1.2　dataTransfer对象    199

8.2　实践案例：拖放式选择员工    202

8.3　跨文档消息通信    205

8.4　本地多线程    207

8.4.1　Worker对象简介    207

8.4.2　线程和JavaScript交互    210

8.4.3　线程嵌套    210

8.4.4　实践案例：线程和JSON交互    212

8.5　获取地理位置    214

8.5.1　地图API简介    215

8.5.2　Position对象    216

8.6　练习题    218

第9章　CSS3选择器

9.1　CSS选择器的分类    222

9.2　属性选择器    226

9.2.1　E[att^=“val”]    226

9.2.2　E[att$=“val”]    227

9.2.3　E[att*=“val”]    227

9.2.4　实践案例:设计颜色选择器    227

9.3　伪类选择器    229

9.3.1　E:last-child选择器    229

9.3.2　E:only-child选择器    230

9.3.3　E:nth-child(n)选择器    231

9.3.4　E:nth-last-child(n)选择器    233

9.3.5　E:root选择器    233

9.3.6　E:not(s)选择器    234

9.3.7　E:empty选择器    235

9.3.8　E:target选择器    236

9.3.9　实践案例：单击链接显示具体内容    237

9.4　伪对象选择器    238

9.4.1　E::selection选择器    238

9.4.2　E::placeholder选择器    239

9.4.3　已修改的选择器    239

9.4.4　实践案例：选择器和content属性结合插入内容    240

9.5　兄弟选择器    243

9.6　练习题    244

第10章　CSS3新增的基本属性

10.1　新增基本属性    248

10.1.1　文本属性    248

10.1.2　字体属性    249

10.1.3　颜色属性    250

10.1.4　边框属性    251

10.1.5　背景属性    251

10.1.6　实践案例：用JS判断浏览器是否支持某属性    251

10.2　设置文本样式    252

10.2.1　文本换行设置    252

10.2.2　文本对齐方式    256

10.2.3　文本的单个阴影    256

10.2.4　文本的多个阴影    259

10.2.5　实践案例：制作火焰字    260

10.3　设置边框样式    261

10.3.1　边框圆角属性    261

10.3.2　图形填充边框    264

10.3.3　边框阴影效果    267

10.4　设置背景样式    269

10.4.1　background-size属性    270

10.4.2　background-origin属性    271

10.4.3　background-clip属性    272

10.5　实践案例：制作太极图    273

10.6　练习题    274

第11章　变形、过渡和动画

11.1　CSS3的变形属性    278

11.1.1　基本变形之平移    278

11.1.2　基本变形之缩放    280

11.1.3　基本变形之旋转    280

11.1.4　基本变形之倾斜    281

11.1.5　实践案例：制作个性图片墙    283

11.1.6　指定变形中心点    284

11.2　CSS3的过渡属性    286

11.2.1　过渡属性概述    286

11.2.2　单个属性实现过渡    287

11.2.3　多个属性同时过渡    287

11.2.4　实践案例：鼠标悬浮特效的过渡功能    289

11.3　CSS3的动画属性    291

11.3.1　了解animation属性    291

11.3.2　@keyframes动画帧    293

11.3.3　同时改变多个属性的动画    295

11.3.4　实践案例：绘制旋转的太极图案    295

11.4　实践案例：动态复古时钟    296

11.5　练习题    299

第12章　CSS3新增的高级属性

12.1　多列布局属性    302

12.1.1　多列布局属性列表    302

12.1.2　设置显示列的宽度    302

12.1.3　设置显示的固定列    303

12.1.4　设置显示列的样式    304

12.1.5　设置各列间的间距    305

12.2　弹性盒模型属性    305

12.2.1　flex布局属性    306

12.2.2　flex-direction属性    307

12.2.3　flex-wrap属性    308

12.2.4　justify-content属性    309

12.2.5　其他属性简述    311

12.2.6　实践案例：用flex盒模型实现三栏布局    314

12.3　渐变属性    315

12.3.1　线性渐变    316

12.3.2　径向渐变    319

12.3.3　重复渐变    323

12.3.4　实践案例：用线性渐变实现图片闪光划过的效果    324

12.3.5　实践案例：用径向渐变制作一张优惠券    325

12.3.6　实践案例：用重复渐变制作记事本纸张效果    326

12.4　练习题    327

第13章　JavaScript脚本编程快速入门

13.1　JavaScript语言简介    330

13.1.1　JavaScript简介    330

13.1.2　JavaScript与Java的关系    330

13.1.3　JavaScript语法规则    331

13.2　编写JavaScript程序    332

13.2.1　集成JavaScript程序    332

13.2.2　使用外部JavaScript文件    333

13.2.3　注意事项    334

13.3　JavaScript脚本语法    335

13.3.1　数据类型    335

13.3.2　变量与常量    336

13.3.3　运算符    337

13.4　脚本控制语句    340

13.4.1　if条件语句    340

13.4.2　switch条件语句    342

13.4.3　while循环语句    343

13.4.4　do while循环语句    344

13.4.5　for循环语句    344

13.4.6　for in循环语句    345

13.4.7　对话框语句    345

13.5　函数    348

13.5.1　系统函数    348

13.5.2　自定义函数    350

13.6　常用对象    351

13.6.1　Array对象    351

13.6.2　Document对象    352

13.6.3　Window对象    353

13.7　实践案例：长方体几何计算    354

13.8　练习题    355

第14章　JavaScript事件和DOM

14.1　事件概述    358

14.1.1　事件简介    358

14.1.2　指定事件    358

14.2　原始事件模型    359

14.2.1　事件类型    360

14.2.2　事件处理    361

14.2.3　使用事件返回值    362

14.3　标准事件模型    364

14.3.1　事件传播    364

14.3.2　注册事件处理程序    365

14.4　常用事件    366

14.4.1　键盘事件    366

14.4.2　鼠标事件    367

14.4.3　页面事件    368

14.5　DOM简介    370

14.5.1　HTML DOM中的节点树    370

14.5.2　DOM核心接口    370

14.6　实践案例：使用DOM操作节点    373

14.6.1　访问节点    373

14.6.2　遍历节点    376

14.6.3　操作属性节点    379

14.6.4　创建和插入节点    382

14.6.5　复制节点    385

14.6.6　替换节点    385

14.6.7　删除节点    387

14.7　练习题    387

第15章　综合案例

15.1　打地鼠游戏    390

15.1.1　打地鼠游戏简介    390

15.1.2　界面设计    391

15.1.3　实现脚本    392

15.2　经典贪吃蛇游戏    395

15.2.1　贪吃蛇游戏简介    395

15.2.2　页面设计    395

15.2.3　脚本实现    397

15.3　绘制呆萌的小猫笑脸    401

15.3.1　效果展示    402

15.3.2　静态页面    402

15.3.3　样式代码    403

15.4　图片轮播效果展示    407

15.4.1　效果展示    407

15.4.2　静态页面    408

15.4.3　样式代码    408

练习题答案