HTML+CSS+JavaScript网页设计与布局 从新手到高手

作者：张振 王修洪
　　定价：89元
印次：1-1
ISBN：9787302491835
出版日期：2019.04.01
印刷日期：2019.03.14

本书主要介绍使用HTML5、CSS3和JavaScript进行网站图像、网页动画、设计以及网页製作的方法和实践经验，并从网站开发的角度，详细介绍开发不同类型静态网站的经验与过程。全书共分21章，内容包括网页基础、HTML5概述、创建文本和图像、创建表格、创建超连结、套用多媒体、绘製图形、创建表单、Web套用技术、揭秘CSS3、美化字型与段落、美化选单和图片、美化背景与框线、美化表格、美化表单、使用变形与动画、盒样式与用户界面、JavaScript概述、JavaScript核心语句与事件处理、JavaScript内置对象、JavaScript核心对象等。

第1章 网页基础 1

1.1 初识网页 2

1.1.1 网页的构成 2

1.1.2 静态网页 3

1.1.3 动态网页 3

1.1.4 资料库 4

1.2 W3C概述 7

1.2.1 了解W3C 7

1.2.2 W3C的结构 8

1.2.3 W3C的表现 9

1.2.4 W3C的行为 11

1.3 网站设计概述 12

1.3.1 网站整体策划 12

1.3.2 网页设计任务 13

1.3.3 网页设计实现 14

1.4 网页配色 16

1.4.1 色彩的基础概念 17

1.4.2 色彩的模式 20

1.4.3 自定义网页颜色 21

1.4.4 色彩推移 22

1.5 网页的艺术表现与风格设计 23

1.5.1 网页形式的艺术表现 23

1.5.2 网页构成的艺术表现 25

1.5.3 网页纹理的艺术表现 26

1.5.4 网页设计风格类型 28

第2章 HTML5概述 30

2.1 HTML5基本概念 31

2.1.1 HTML5简介 31

2.1.2 HTML5文档类型 31

2.1.3 页面构成 32

2.2 HTML5的优势 33

2.2.1 HTML5优点 33

2.2.2 HTML5的特性 34

2.2.3 HTML5新功能 34

2.3 HTML5的主体结构 35

2.3.1HTML5结构性标籤体系 35

2.3.2新增的主体结构标籤 37

2.3.3新增的非主体结构标籤 39

2.4HTML5档案的编写方法 40

2.4.1手工编写HTML5 40

2.4.2使用Dreamweaver编写 41

2.5练习：创建HTML5文档 45

2.6练习：製作第一个HTML5网页 47

2.7新手训练营 48

第3章创建文本和图像 51

3.1添加网页文本 52

3.1.1添加普通文本 52

3.1.2添加特殊字元 52

3.2设定文本格式 54

3.2.1设定文本样式 54

3.2.2设定对齐方式 58

3.2.3设定段落样式 59

3.3设定文字列表 61

3.3.1设定单个列表 61

3.3.2设定多个列表 62

3.3.3设定嵌套列表 63

3.3.4自定义列表 64

3.4使用图像 64

3.4.1网页图像格式 64

3.4.2插入图像 65

3.4.3编辑图像 66

3.5练习：製作数学试题网页 68

3.6练习：製作导航条 71

3.7新手训练营 73

第4章创建表格 76

4.1使用表格 77

4.1.1创建表格 77

4.1.2创建嵌套表格 77

4.1.3创建标题表格 78

4.2编辑单元格 79

4.2.1调整单元格 79

4.2.2设定单元格背景 81

4.2.3合併单元格 81

4.3设定表格 83

4.3.1定义表格 83

4.3.2设定框线类型 84

4.3.3设定表格背景 85

4.4处理表格数据 86

4.4.1排序数据 86

4.4.2导入/导出表格数据 87

4.5练习：製作个人简历 88

4.6练习：製作购物车页 93

4.7新手训练营 97

第5章创建超连结 101

5.1连结与路径 102

5.1.1网页中的连结 102

5.1.2网页中的路径 102

5.2使用超连结 103

5.2.1创建文本超连结 103

5.2.2创建图像超连结 104

5.2.3创建其他超连结 104

5.3套用IFrame框架 108

5.3.1插入IFrame框架 108

5.3.2连结IFrame框架页面 109

5.4练习：製作水果页面 110

5.5练习：製作水墨画页面 112

5.6新手训练营 115

第6章套用多媒体 118

6.1插入Flash 119

6.1.1插入Flash动画 119

6.1.2插入Flash视频 121

6.2使用音频档案 122

6.2.1了解audio标籤 122

6.2.2添加音频档案 123

6.3使用视频档案 124

6.3.1了解video标籤 124

6.3.2添加视频档案 125

6.4音频与视频相关的属性、方法和

事件 126

6.4.1音频与视频相关的属性 127

6.4.2音频与视频相关的方法 130

6.4.3音频与视频相关的事件 130

6.5练习：製作音乐播放网页 132

6.6练习：製作线上视频网页 134

6.7新手训练营 136

第7章使用HTML图形 138

7.1认识HTML5Canvas元素 139

7.1.1Canvas元素概述 139

7.1.2浏览器的支持与替代

内容 139

7.1.3在页面中放置Canvas

元素 140

7.2绘製基本形状 141

7.2.1绘製矩形 141

7.2.2绘製圆形 142

7.2.3绘製直线 143

7.2.4绘製三角形 143

7.2.5绘製曲线 144

7.3绘製渐变图形 146

7.3.1绘製线性渐变 146

7.3.2绘製径向渐变 147

7.4绘製变形图形 147

7.4.1绘製平移效果图形 148

7.4.2绘製缩放效果图形 148

7.4.3绘製旋转效果图形 149

7.5编辑图形 150

7.5.1组合图形 150

7.5.2裁切路径 151

7.5.3设定描边样式 151

7.5.4设定图形的透明度 153

7.5.5设定阴影 154

7.5.6保存图形状态 155

7.6使用图像 156

7.6.1绘製图像 156

7.6.2平铺图像 157

7.6.3裁剪图像 158

7.6.4px化处理图像 158

7.7绘製文字 160

7.7.1绘製填充文字 160

7.7.2绘製轮廓文字 161

7.7.3设定文字宽度 162

7.8练习：製作风景推荐线路 162

7.9练习：製作校园简介 164

7.10新手训练营 167

第8章创建表单 169

8.1添加表单 170

8.1.1表单概述 170

8.1.2插入表单 170

8.2添加文本和网页元素 172

8.2.1添加文本元素 172

8.2.2添加网页元素 173

8.3添加选择和按钮元素 177

8.3.1添加选择元素 177

8.3.2添加按钮元素 179

8.4添加表单高级元素 181

8.4.1新增input元素属性 181

8.4.2新增form元素及其属性 185

8.5练习：製作用户登录页面 186

8.6练习：製作用户注册页面 188

8.7新手训练营 191

第9章Web套用技术 194

9.1本地存储 195

9.1.1WebStorage概述 195

9.1.2WebStorage的优势 195

9.1.3判断浏览器 196

9.1.4WebStorage方法 196

9.2离线Web应用程式 198

9.2.1离线Web应用程式概述 199

9.2.2CacheManifest档案 199

9.2.3线上状态检测 200

9.2.4applicationCache对象 200

9.3通信套用 201

9.3.1WebSocket通信概述 201

9.3.2跨文档讯息传输 202

9.3.3使用WebSocket 203

9.4执行绪套用 204

9.4.1WebWorkers概述 204

9.4.2工作执行绪与多执行绪 205

9.4.3执行绪事件处理模型 206

9.4.4浏览器与执行绪 207

9.5获取地理位置信息 207

9.5.1使用方法 207

9.5.2position对象 209

9.6练习：製作简单留言簿 210

9.7练习：製作个人部落格 213

9.8新手训练营 216

第10章揭秘CSS3 218

10.1CSS3简介 219

10.1.1了解CSS样式 219

10.1.2CSS的发展史 220

10.2套用CSS3 222

10.2.1CSS3的基础语法 222

10.2.2CSS的套用分类 223

10.2.3CSS3的新特性 224

10.2.4CSS里的单位 226

10.2.5CSS编写规则 227

10.3使用CSS3选择器 228

10.3.1认识CSS3选择器 228

10.3.2非伪类型选择器 229

10.3.3伪类选择器 231

10.3.4结构性伪类选择器 232

10.3.5UI元素状态伪类选择器 235

10.3.6其他关係选择器 238

10.4练习：製作多彩时尚页 239

10.5练习：製作图片新闻页 242

10.6新手训练营 244

第11章美化字型与段落 247

11.1设定字型格式 248

11.1.1使用选择器插入字型 248

11.1.2设定字型和字号 249

11.1.3设定字型样式 250

11.1.4设定字型颜色 252

11.1.5设定複合属性 253

11.2设定段落格式 253

11.2.1设定段落的基本样式 254

11.2.2设定段落的高级样式 258

11.2.3设定列表样式 260

11.3设定高级样式 264

11.3.1设定阴影效果 264

11.3.2省略标记 266

11.3.3设定自动换行 268

11.3.4调用服务端字型 268

11.4练习：製作企业新闻列表 269

11.5练习：製作节日简介页面 271

11.6新手训练营 273

第12章美化图片与列表 276

12.1插入图像档案 277

12.1.1在标题前插入图像档案 277

12.1.2attr属性套用 278

12.2设定图片格式 278

12.2.1缩放图片 278

12.2.2设定对齐方式 279

12.3图文混排 281

12.3.1设定文字环绕 281

12.3.2设定图文间距 282

12.4设定项目列表 282

12.4.1设定无序列表 283

12.4.2设定有序列表 283

12.4.3设定自定义列表 284

12.4.4设定图片列表 285

12.5练习：製作线上调查页 286

12.6练习：製作产品说明页面 288

12.7新手训练营 291

第13章美化背景与框线 293

13.1设定背景格式 294

13.1.1设定背景颜色 294

13.1.2设定背景图片 295

13.1.3设定背景区域 299

13.2设定框线格式 301

13.2.1设定框线样式 301

13.2.2设定图片框线 305

13.3设定圆角效果 306

13.3.1设定圆角框线 306

13.3.2指定两个半径 307

13.3.3绘製4个不同半径的

圆角框线 307

13.3.4设定隐藏框线 308

13.4练习：製作企业网站首页 309

13.5练习：製作图书列表 311

13.6新手训练营 314

第14章美化表格、表单与超连结 316

14.1美化表格 317

14.1.1设定框线样式 317

14.1.2设定框线粗细 318

14.1.3设定框线颜色 319

14.2美化表单 321

14.2.1设定表单背景 322

14.2.2设定表单按钮 323

14.2.3设定选单效果 323

14.3美化超连结 324

14.3.1设定超连结样式 324

14.3.2设定超连结说明 326

14.3.3设定超连结背景 327

14.3.4设定按钮超连结 328

14.4练习：製作问卷调查表 328

14.5练习：製作商品列表 331

14.6新手训练营 334

第15章CSS3变形与动画 336

15.12D变形 337

15.1.1使用2D变形 337

15.1.2自定义变形 340

15.2设计动画 342

15.2.1使用Transitions属性 342

15.2.2同时平滑过渡多个

属性值 343

15.2.3使用Animations属性 344

15.2.4实现动画的方法 345

15.3渐变效果 346

15.3.1使用Webkit渐变 346

15.3.2使用Gecko渐变 349

15.4练习：製作不规则形状 352

15.5练习：製作动态选单 355

15.6新手训练营 357

第16章盒样式与用户界面 360

16.1使用盒相关样式 361

16.1.1盒的基本类型 361

16.1.2内容溢出 362

16.1.3插入内容 363

16.1.4控制浏览器行为 363

16.1.5区域可缩放 364

16.2用户界面模组 365

16.2.1设定框线阴影 365

16.2.2绘製轮廓 366

16.2.3nav开头属性 368

16.3设定分栏效果 369

16.3.1设定多栏布局 369

16.3.2设定多栏样式 370

16.4练习：製作传媒公司首页 375

16.5练习：製作新年贺词页 378

16.6新手训练营 379

第17章JavaScript概述 383

17.1JavaScript简介 384

17.1.1认识JavaScript 384

17.1.2JavaScript与Java的区别 385

17.2JavaScript语法基础 386

17.2.1语法概述 386

17.2.2JavaScript语句 387

17.2.3JavaScript注释 388

17.3JavaScript数据结构和类型 389

17.3.1JavaScript数据结构 389

17.3.2JavaScript数据类型 391

17.4JavaScript运算符 394

17.4.1运算符的优先权 394

17.4.2算术运算符 395

17.4.3比较运算符 395

17.4.4位运算符 396

17.4.5逻辑运算符 396

17.4.6条件运算符 397

17.4.7赋值运算符 397

17.5练习：製作海湾度假村网页 398

17.6练习：製作花品展示页 402

17.7新手训练营 404

第18章JavaScript核心语法 406

18.1条件判断语句 407

18.1.1if类语句 407

18.1.2switch语句 409

18.2循环和跳转语句 410

18.2.1循环语句 410

18.2.2跳转语句 412

18.3函式 414

18.3.1函式简介 414

18.3.2参数传递 414

18.3.3定义函式 415

18.3.4内置函式 416

18.4事件驱动和事件处理 421

18.4.1事件与事件驱动 421

18.4.2关联事件与处理代码 422

18.4.3调用事件 423

18.5练习：製作线上调查页 424

18.6练习：製作动画转动特效 426

18.7新手训练营 429

第19章JavaScript的内置对象 431

19.1面向对象概述 432

19.1.1什幺是面向对象 432

19.1.2创建对象 432

19.1.3属性和方法 433

19.2字元串对象 434

19.2.1创建字元串对象 434

19.2.2套用对象属性 434

19.2.3套用对象方法 435

19.3数值对象 436

19.3.1套用对象属性 436

19.3.2套用对象方法 437

19.4日期对象 438

19.4.1创建日期对象 438

19.4.2套用对象属性 439

19.4.3套用对象方法 439

19.4.4运算日期 441

19.5数组对象 442

19.5.1创建数组对象 442

19.5.2套用属性 443

19.5.3套用方法 443

19.6练习：製作图片展示 444

19.7练习：製作弹出对话框 446

19.8新手训练营 448

第20章JavaScript核心对象 450

20.1视窗对象 451

20.1.1套用视窗 451

20.1.2套用对话框 452

20.1.3套用状态栏 454

20.1.4视窗操作 455

20.2文档对象 456

20.2.1套用文档对象 456

20.2.2操作文档元素 458

20.3表单和图像对象 459

20.3.1套用表单对象 459

20.3.2套用图像对象 462

20.4练习：製作网页导航 463

20.5练习：製作动态首页 466

20.6新手训练营 471

第21章网站后台管理页面 473

21.1后台管理页设计分析 474

21.1.1后台管理系统的分类 474

21.1.2后台管理系统的功能 474

21.1.3后台框架集管理页 474

21.2设定登录页面 475

21.3创建主框架集页 478

21.4框架集顶部档案 479

21.5框架集左侧档案 482

21.6练习：框架集主档案 484