新書推薦:
《
为什么要读人类学
》
售價:HK$
77.3
《
井邑无衣冠 : 地方视野下的唐代精英与社会
》
售價:HK$
95.2
《
星地融合移动通信系统与关键技术从5G NTN到6G的卫星互联网发展
》
售價:HK$
212.6
《
妈妈,你好吗?(一封写给妈妈的“控诉”信,日本绘本奖作品)
》
售價:HK$
42.6
《
保守主义:为传统而战
》
售價:HK$
154.6
《
不同境遇的36岁:无尽与有限+人生半熟
》
售價:HK$
112.0
《
小时光 油画棒慢绘零基础教程
》
售價:HK$
88.5
《
可控性混乱
》
售價:HK$
66.1
|
編輯推薦: |
10万 读者检验,畅销书全新升级;10年开发教学经验,一线讲师半生心血。同属于HTML CSSJavaScript html5移动开发 html5实战 html5 canvas html5 app html5入门 html5 动画 html5揭秘 html 游戏 html5权威指南 网页制作 网页设计 网站建设 大类。^
1.体验好。^
几乎每个章节都有二维码,微信扫一扫,可以随时随地看视频。^
2.资源多^
从配套到拓展,资源库一应俱全。除了412节配套微视频和661个实例案例外。还提供如下学习资源:^
(1)习题及面试题库(共计1000题)^
(2)案例库(各类案例4396个)^
(3)工具库(HTML参考手册11部、CSS参考手册10部、JavaScript参考手册26部)^
(4)网页模板库(各类模板1636个)^
(5)网页素材库(17大类)^
(6)网页配色库(623项)^
(7)网页欣赏案例库(共计508例)^
3.案例多^
实例案例丰富详尽,达到412个,边做边学更快捷。跟着大量案例去学习,边学边做,从做中学,学习可以更深入、更高效。^
4.
|
內容簡介: |
HTML 5 CSS 3 JavaScript从入门到精通(标准版) 以基础知识、示例、实战案例相结合的方式详尽讲述了HTML CSS JavaScript及目前*的前端技术,html5移动开发 html5实战 html5 canvas html5 app html5入门 html5 动画 html5揭秘 html 游戏 html5权威指南 的基本知识都有涉及。^
全书分两大部分,共12章。 *部分为网页样式基础部分,介绍了HTML5入门和CSS3实战入门内容:使用HTML标签标识网页内容,使用CSS设计网页基本样式,如使用并美化文本、图像、超链接、列表、表单和表格等;第二部分为CSS3布局部分,主要讲解使用CSS3设计完整网页的方法和技巧,以及CSS3中的各种新技术应用;第三部分为JavaScript部分,主要讲述了:JavaScript基本语法和用法,使用JavaScript控制网页文档和浏览器,JavaScript事件处理,使用JavaScript设计CSS动画等内容。^
HTML 5 CSS 3 JavaScript从入门到精通(标准版) 配备了极为丰富的学习资源,其中,配套资源有235节教学视频(可二维码扫描)、素材源程序。拓展学习资源有习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等。^
HTML5 CSS3 JavaScript从入门到精通(标准版) 适合做为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书,也适合作为高校相关专业的教学参考书或相关机构的培训教材。
|
關於作者: |
未来科技是由一群热爱Web开发的青年骨干教师组成的一个松散组织,主要从事Web开发、教学培训、教材开发等业务。该群体编写的同类图书在很多网店上的销量名列前茅,让数十万的读者轻松跨进了Web开发的大门,为Web开发的普及和应用做出了积极贡献。
|
目錄:
|
第 1章 HTML5基础 .................................... 1
1.1 HTML发展历史 ...................................... 1
1.2 HTML文档结构和基本语法 .................. 2
1.2.1 HTML4 文档基本结构 ................. 2
1.2.2 HTML4 基本语法 ......................... 3
1.2.3 XHTML文档基本结构 ................ 4
1.2.4 XHTML基本语法 ........................ 5
1.2.5 HTML5 文档基本结构 ................. 6
1.2.6 HTML5 基本语法 ......................... 6
1.3 HTML4 元素 ............................................ 8
1.3.1 结构元素 ....................................... 8
1.3.2 内容元素 ....................................... 9
1.3.3 修饰元素 ....................................... 9
1.4 HTML4 属性 .......................................... 10
1.4.1 核心属性 ..................................... 10
1.4.2 语言属性 ..................................... 10
1.4.3 键盘属性 ..................................... 10
1.4.4 内容属性 ..................................... 11
1.4.5 其他属性 ..................................... 11
1.5 HTML5 元素 .......................................... 11
1.5.1 结构元素 ..................................... 12
1.5.2 功能元素 ..................................... 12
1.5.3 表单元素 ..................................... 14
1.6 HTML5 属性 .......................................... 15
1.6.1 表单属性 ..................................... 15
1.6.2 链接属性 ..................................... 16
1.6.3 其他属性 ..................................... 16
1.7 HTML5 全局属性 .................................. 16
1.7.1 contentEditable属性 ................... 16
1.7.2 contextmenu属性 ........................ 17
1.7.3 data-*属性 ................................... 18
1.7.4 draggable 属性 ........................... 19
1.7.5 dropzone属性 ............................. 19
1.7.6 hidden 属性 ................................. 20
1.7.7 spellcheck 属性 ........................... 20
1.7.8 translate属性 .............................. 20
第 2章 CSS3 基础 ..................................... 22
2.1 CSS3 概述 ............................................. 22
2.1.1 CSS的发展历史 ........................ 22
2.1.2 CSS3 新功能 .............................. 23
2.1.3 浏览器支持 ................................. 25
2.2 CSS 基本用法 ....................................... 26
2.2.1 CSS样式 .................................... 27
2.2.2 CSS应用 .................................... 27
2.2.3 CSS样式表 ................................ 34
2.2.4 导入外部样式表 ......................... 34
2.2.5 CSS注释 .................................... 35
2.3 CSS 特性 ............................................... 37
2.3.1 CSS层叠性 ................................ 37
2.3.2 CSS继承性 ................................ 41
2.4 案例实战 ............................................... 43
第 3章 使用 CSS3选择器 ......................... 48
3.1 CSS3 选择器分类 ................................. 48
3.2 基本选择器 ........................................... 48
3.2.1 标签选择器 ................................. 48
3.2.2 类选择器..................................... 49
3.2.3 ID 选择器 ................................... 51
3.2.4 通配选择器 ................................. 52
3.3 组合选择器 ........................................... 53
3.3.1 包含选择器 ................................. 53
3.3.2 子选择器..................................... 54
3.3.3 相邻选择器 ................................. 55
3.3.4 兄弟选择器 ................................. 57
3.3.5 分组选择器 ................................. 58
3.4 属性选择器 ........................................... 59
3.5 伪类选择器 ............................................ 64
3.5.1 动态伪类 ..................................... 64
3.5.2 结构伪类 ..................................... 67
3.5.3 否定伪类 ..................................... 75
3.5.4 状态伪类 ..................................... 77
3.5.5 目标伪类 ..................................... 78
3.6 案例实战 ................................................ 79
3.6.1 设计菜单样式 ............................. 79
3.6.2 设计表单样式 ............................. 80
3.6.3 设计超链接样式 ......................... 82
3.6.4 设计表格样式 ............................. 84
4章 设计网页文本 ................................ 89
4.1 使用文本标签 ........................................ 89
4.1.1 标题文本 ..................................... 89
4.1.2 段落文本 ..................................... 90
4.1.3 引用文本 ..................................... 91
4.1.4 强调文本 ....................................... 92
4.1.5 格式文本 ..................................... 93
4.1.6 输出文本 ..................................... 94
4.1.7 缩写文本 ..................................... 95
4.1.8 插入和删除文本 ......................... 96
4.1.9 文本方向 ....................................... 96
4.2 HTML5 新增文本标签 .......................... 97
4.2.1 标记文本 ..................................... 97
4.2.2 进度信息 ..................................... 98
4.2.3 刻度信息 ..................................... 99
4.2.4 时间信息 ..................................... 99
4.2.5 联系文本 ................................. 101
4.2.6 隔离文本 ................................... 101
4.2.7 换行断点 ..................................... 101
4.2.8 文本注释 ................................... 102
4.3 案例实战 .............................................. 103
4.3.1 设计自我介绍页 ....................... 103
4.3.2 解决网页乱码 ........................... 104
4.3.3 把 HTML转换为 XHTML ....... 104
4.3.4 输出唐诗 ................................... 107
5章 使用 CSS美化网页文本 .............. 109
5.1 字体样式 .............................................. 109
5.1.1 定义字体类型 ........................... 109
5.1.2 定义字体大小 ........................... 110
5.1.3 定义字体颜色 ............................ 112
5.1.4 定义字体粗细 ............................ 112
5.1.5 定义斜体字体 ............................ 113
5.1.6 定义下划线 ................................ 113
5.1.7 定义字体大小写 ........................ 114
5.2 文本样式 .............................................. 115
5.2.1 定义文本对齐 ............................ 115
5.2.2 定义垂直对齐 ............................ 116
5.2.3 定义字距和词距 ........................ 118
5.2.4 定义行高.................................... 118
5.2.5 定义缩进................................... 121
5.3 CSS3 新增文本样式 ........................... 122
5.3.1 定义文本阴影 ........................... 122
5.3.2 设计阴影特效 ........................... 123
5.3.3 定义溢出文本 ........................... 128
5.3.4 文本换行................................... 129
5.3.5 添加动态内容 ........................... 132
5.3.6 恢复默认样式 ........................... 133
5.3.7 自定义字体类型 ....................... 134
5.4 案例实战 ............................................. 135
5.4.1 配置网页字体大小 ................... 135
5.4.2 网页配色................................... 138
5.4.3 网页居中显示 ........................... 140
5.4.4 垂直对齐................................... 141
5.4.5 文字隐藏和截取 ....................... 143
5.4.6 设计中文报刊版式 ................... 146
5.4.7 设计特效首页 ........................... 149
5.4.8 使用 RGBA .............................. 151
5.4.9 使用 HSL .................................. 152
第 6章 使用并美化图像 ........................... 156
6.1 在网页中插入图像 .............................. 156
6.2 设置图像样式...................................... 157
6.2.1 定义图像大小 ........................... 157
6.2.2 定义图像边框 ........................... 159
6.2.3 定义图像不透明度 ................... 161
6.2.4 定义圆角图像 ........................... 162
6.2.5 定义阴影图像 ........................... 163
6.2.6 图文混排................................... 165
6.3 设置背景图像...................................... 166
6.3.1 定义背景图像 ........................... 167
6.3.2 定义显示方式 ........................... 169
V
6.3.3 定义显示位置 ........................... 170
6.3.4 定义固定背景 ........................... 172
6.3.5 定义坐标 ................................... 174
6.3.6 定义裁剪区域 ........................... 176
6.3.7 定义大小 ................................... 178
6.3.8 定义循环方式 ........................... 179
6.3.9 定义多背景图 ........................... 179
6.4 定义渐变背景 ...................................... 181
6.4.1 设计Webkit渐变 ...................... 181
6.4.2 设计 Gecko渐变 ....................... 186
6.4.3 设计W3C渐变 ......................... 190
6.5 案例实战 .............................................. 191
6.5.1 设计图文新闻内容页 ............... 191
6.5.2 设计精致按钮 ........................... 194
6.5.3 设计花边框 ............................... 197
6.5.4 设计阴影白边效果 ................... 198
6.5.5 设计网页纹理背景 ................... 199
6.5.6 设计发光的球体 ....................... 201
6.5.7 设计图标按钮 ........................... 202
7章 使用并美化超链接 ....................... 205
7.1 定义超链接 .......................................... 205
7.1.1 URL格式 .................................. 205
7.1.2 超链接分类 ............................... 205
7.1.3 使用标签 ............................. 206
7.1.4 定义锚点链接 ........................... 207
7.1.5 定义不同目标的链接 ............... 208
7.1.6 定义下载链接 ........................... 209
7.1.7 定义热点区域 ........................... 209
7.1.8 定义框架链接 ........................... 210
7.2 设置超链接样式 .................................. 211
7.2.1 伪类 ........................................... 212
7.2.2 定义超链接样式 ....................... 212
7.3 案例实战 .............................................. 214
7.3.1 定义下划线样式 ....................... 214
7.3.2 定义立体样式 ........................... 217
7.3.3 定义动态样式 ........................... 219
7.3.4 定义图像交换样式 ................... 221
7.3.5 定义鼠标样式 ........................... 223
7.3.6 设计图形化按钮样式 ............... 224
7.3.7 设计滑动门样式 ....................... 227
第 8章 使用并美化列表 ........................... 229
8.1 列表的基本结构 .................................. 229
8.2 创建列表 ............................................. 230
8.2.1 无序列表................................... 230
8.2.2 有序列表................................... 231
8.2.3 定义列表................................... 232
8.2.4 菜单列表................................... 235
8.2.5 弹出菜单................................... 237
8.2.6 案例:设计图片旋转功能 ....... 240
8.2.7 案例:设计分享功能 ............... 241
8.2.8 案例:添加任务列表 ............... 243
8.3 设计 CSS 样式 .................................... 244
8.3.1 设计项目符号类型 ................... 244
8.3.2 自定义项目符号 ....................... 245
8.3.3 使用背景图设计项目符号 ....... 246
8.4 案例实战 ............................................. 248
8.4.1 使用背景图装饰菜单 ............... 248
8.4.2 设计垂直导航条 ....................... 250
8.4.3 设计水平导航条 ....................... 252
8.4.4 设计多级菜单 ........................... 256
8.4.5 设计滑动门菜单 ....................... 259
8.4.6 设计排行榜 ............................... 261
8.4.7 设计图文列表栏目 ................... 263
第 9章 使用并美化表格 ........................... 267
9.1 表格的基本结构 .................................. 267
9.1.1 早期表格的结构 ....................... 267
9.1.2 标准化的表格结构 ................... 268
9.2 创建表格 ............................................. 268
9.2.1 简单的表格 ............................... 268
9.2.2 包含表头的表格 ....................... 269
9.2.3 包含标题的表格 ....................... 270
9.2.4 结构化的表格 ........................... 271
9.2.5 列分组的表格 ........................... 272
9.3 设置表格属性...................................... 275
9.3.1 设计单线表格 ........................... 276
9.3.2 设计井字表格 ........................... 277
9.3.3 设计细线表格 ........................... 277
9.3.4 设置表格说明 ........................... 278
9.4 设置单元格属性 .................................. 278
9.4.1 单元格跨列或跨行显示 ........... 279
9.4.2 定义表头单元格 ....................... 280
9.4.3 为单元格指定表头 ................... 280
9.4.4 定义单元格信息缩写 ............... 281
9.4.5 对单元格进行分类 ................... 281
9.5 设计 CSS 样式 ..................................... 282
9.5.1 设计细线表格 ........................... 282
9.5.2 定义单元格间距和空隙 ........... 284
9.5.3 隐藏空单元格 ........................... 285
9.5.4 定义标题样式 ........................... 286
9.6 案例实战 .............................................. 288
9.6.1 隔行换色 ................................... 288
9.6.2 设计动态交互特效 ................... 290
9.6.3 设计清淡视觉表格 ................... 291
9.6.4 设计结构化表格 ....................... 292
9.6.5 设计日历表 ............................... 295
第 10章 使用并美化表单 ........................ 299
10.1 表单的基本结构 ................................ 299
10.2 创建表单控件 .................................... 301
10.2.1 输入型控件 ............................. 301
10.2.2 选择型控件 ............................. 305
10.2.3 辅助控件 ................................. 308
10.3 HTML5 增强输入类型 ...................... 309
10.3.1 email 类型 ............................... 309
10.3.2 url类型 .................................... 310
10.3.3 number 类型 ............................ 311
10.3.4 range类型 ............................... 312
10.3.5 日期选择器类型 ..................... 312
10.3.6 search 类型 .............................. 315
10.3.7 tel类型 .................................... 316
10.3.8 color类型 ................................ 316
10.4 HTML5 增强输入属性 ...................... 317
10.4.1 autocomplete属性 ................... 317
10.4.2 autofocus属性 ......................... 318
10.4.3 form属性 ................................ 320
10.4.4 表单重写属性 ......................... 321
10.4.5 height和 width属性 ............... 321
10.4.6 list属性 ................................... 322
10.4.7 min、max和 step属性 ........... 322
10.4.8 multiple 属性 ........................... 323
10.4.9 pattern 属性 ............................. 323
10.4.10 placeholder 属性 ................... 324
10.4.11 required 属性 ........................ 325
10.5 HTML5 新增控件 ............................. 325
10.5.1 datalist 元素 ............................ 325
10.5.2 keygen 元素 ............................ 325
10.5.3 output 元素 ............................. 326
10.6 HTML5 表单属性 ............................. 327
10.6.1 autocomplete 属性 .................. 327
10.6.2 novalidate属性 ....................... 327
10.6.3 显式验证 ................................. 328
10.7 案例实战 ........................................... 328
10.7.1 设计反馈表 ............................. 328
10.7.2 设计用户登录页 ..................... 333
10.7.3 设计用户注册页 ..................... 337
10.7.4 设计搜索页 ............................. 340
第 11章 CSS3 布局基础 .......................... 343
11.1 CSS 盒模型基础 ................................ 343
11.1.1 盒模型结构 ............................. 343
11.1.2 定义大小 ................................. 344
11.1.3 定义边框 ................................. 346
11.1.4 定义边界 ................................. 349
11.1.5 定义补白 ................................. 350
11.2 CSS3 完善盒模型 .............................. 352
11.2.1 定义显示方式 ......................... 352
11.2.2 定义可控大小 ......................... 353
11.2.3 溢出处理 ................................. 354
11.2.4 定义轮廓 ................................. 355
11.2.5 定义轮廓样式 ......................... 357
11.2.6 定义多色边框 ......................... 361
11.2.7 定义边框背景 ......................... 363
11.3 案例实战 ............................................ 366
11.3.1 设计行内元素边框 ................. 366
11.3.2 边界的应用 ............................. 368
11.3.3 边界重叠现象 ......................... 372
11.3.4 行内元素边界 ......................... 375
11.3.5 设计网页居中显示 ................. 376
11.3.6 设计多栏高度自适应页面 ..... 378
11.3.7 设计负 margin页面 ................ 380
第 12章 CSS3 HTML5 网页排版 ............ 383
12.1 使用结构标签 .................................... 383
12.1.1 使用div和 span ...................... 383
12.1.2 使用 id和 class ....................... 384
12.1.3 认识显示类型 ......................... 385
12.1.4 正确嵌套标签 ......................... 387
12.2 设计 HTML5结构 ............................. 390
12.2.1 定义文章块 ............................. 390
12.2.2 定义内容块 ............................. 392
12.2.3 定义导航块 ............................. 395
12.2.4 定义侧边栏 ............................. 396
12.2.5 定义主要区域 ......................... 397
12.2.6 定义标题栏 ............................. 398
12.2.7 定义标题组 ............................. 399
12.2.8 定义脚注栏 ............................. 399
12.3 浮动显示 ............................................ 400
12.3.1 定义浮动显示 ......................... 400
12.3.2 清除浮动 ................................. 403
12.3.3 浮动嵌套 ................................. 404
12.3.4 混合浮动布局 ......................... 406
12.4 定位显示 ............................................ 410
12.4.1 定义定位显示 ......................... 410
12.4.2 定位框 ..................................... 412
12.4.3 相对定位 ................................. 414
12.4.4 定位层叠 ................................. 415
12.4.5 混合定位布局 ......................... 417
第 13章 使用 CSS3新布局 .................... 419
13.1 多列流动布局 .................................... 419
13.1.1 设置列宽 ................................. 419
13.1.2 设置列数 ................................. 420
13.1.3 设置列间距 ............................. 421
13.1.4 设置列边框样式 ..................... 422
13.1.5 设置跨列显示 ......................... 423
13.1.6 设置列高度 ............................. 424
13.2 弹性盒布局 ........................................ 425
13.2.1 定义Flexbox ........................... 426
13.2.2 定义伸缩方向 ......................... 428
13.2.3 定义行数 ................................. 429
13.2.4 定义对齐方式 ......................... 430
13.2.5 定义伸缩项目 ......................... 433
13.3 案例实战 ............................................ 436
13.3.1 比较3种布局方式 ................. 436
13.3.2 设计可伸缩网页模板 ............. 440
13.3.3 设计多列网页 ......................... 443
13.3.4 设计HTML5应用网页模板 . 445
第 14章 使用 CSS3动画 ......................... 449
14.1 设计 2D 变换 ..................................... 449
14.1.1 定义旋转 ................................. 449
14.1.2 定义缩放 ................................. 450
14.1.3 定义移动 ................................. 451
14.1.4 定义倾斜 ................................. 453
14.1.5 定义矩阵 ................................. 454
14.1.6 定义变换原点 ......................... 455
14.2 设计 3D 变换 ..................................... 456
14.2.1 定义位移 ................................. 457
14.2.2 定义缩放 ................................. 459
14.2.3 定义旋转 ................................. 460
14.3 设计过渡动画 .................................... 462
14.3.1 设置过渡属性 ......................... 462
14.3.2 设置过渡时间 ......................... 463
14.3.3 设置延迟时间 ......................... 464
14.3.4 设置过渡动画类型 ................. 465
14.3.5 设置触发方式 ......................... 465
14.4 设计帧动画........................................ 471
14.4.1 设置关键帧 ............................. 472
14.4.2 设置动画属性 ......................... 473
14.5 案例实战 ........................................... 475
14.5.1 设计挂图 ................................. 476
14.5.2 设计高亮显示 ......................... 477
14.5.3 设计3D几何体 ...................... 478
14.5.4 设计旋转的盒子 ..................... 480
14.5.5 设计翻转广告 ......................... 482
14.5.6 设计跑步动画 ......................... 484
第 15章 JavaScript 基础 ......................... 486
15.1 JavaScript 入门 .................................. 486
15.1.1 在网页中插入 JavaScript代码486
15.1.2 使用 JavaScript文件 .............. 489
15.1.3 JavaScript 语法基础 ............... 490
15.1.4 认识 JavaScript语法特性 ...... 492
15.2 常量和变量........................................ 495
15.3 表达式和运算符 ................................ 496
15.4 语句 ................................................... 500
15.4.1 表达式语句和语句块 ............. 500 X
15.4.2 条件语句 ................................. 500
15.4.3 循环语句 ................................. 503
15.4.4 跳转语句 ................................. 505
15.4.5 异常处理语句 ......................... 506
15.4.6 var语句和 function语句 ........ 507
15.4.7 with 语句和空语句 ................. 507
15.5 数据类型 ............................................ 508
15.5.1 数值 ......................................... 508
15.5.2 字符串 ..................................... 509
15.5.3 布尔型 ..................................... 510
15.5.4 null和 undefined ..................... 510
15.5.5 引用型数据 ............................. 510
15.6 函数 .................................................... 511
15.6.1 定义函数 ................................. 511
15.6.2 调用函数 ................................. 512
15.6.3 函数参数 ................................. 512
15.6.4 函数应用 ................................. 514
15.6.5 闭包函数 ................................. 515
15.7 对象 .................................................... 515
15.7.1 创建对象 ................................. 515
15.7.2 访问对象 ................................. 516
15.8 数组 .................................................... 517
15.8.1 定义数组 ................................. 517
15.8.2 存取元素 ................................. 517
15.8.3 数组应用 ................................. 519
15.9 案例实战 ............................................ 521
15.9.1 检测数据类型 ......................... 521
15.9.2 数值计算与类型转换 ............. 523
15.9.3 字符串替换 ............................. 524
15.9.4 增强数组排序 ......................... 527
第 16章 操作 BOM ................................. 530
16.1 使用 window 对象 ............................. 530
16.1.1 访问浏览器窗口 ..................... 530
16.1.2 全局作用域 ............................. 530
16.1.3 使用系统测试方法 ................. 532
16.1.4 打开和关闭窗口 ..................... 534
16.1.5 使用框架集 ............................. 536
16.1.6 控制窗口位置 ......................... 537
16.1.7 控制窗口大小 ......................... 538
16.1.8 使用定时器 ............................. 539
16.2 使用 navigator对象 ........................... 542
16.2.1 浏览器检测方法 ..................... 543
16.2.2 检测浏览器类型和版本号 ..... 543
16.2.3 检测客户操作系统 ................. 545
16.2.4 检测插件 ................................. 545
16.3 使用 location 对象 ............................. 546
16.4 使用 history 对象 .............................. 548
16.5 使用 screen 对象 ............................... 548
16.6 使用 document 对象 .......................... 549
16.6.1 访问文档对象 ......................... 550
16.6.2 动态生成文档内容 ................. 551
16.7 案例实战 ........................................... 552
16.7.1 使用远程脚本 ......................... 552
16.7.2 设计远程交互 ......................... 554
16.7.3 使用浮动框架 ......................... 556
第 17章 操作 DOM .................................. 558
17.1 DOM基础 ......................................... 558
17.2 使用节点 ........................................... 559
17.2.1 节点类型 ................................. 559
17.2.2 节点名称和值 ......................... 561
17.2.3 节点关系 ................................. 562
17.2.4 访问节点 ................................. 563
17.2.5 操作节点 ................................. 566
17.3 使用文档节点 .................................... 567
17.3.1 访问文档子节点 ..................... 567
17.3.2 访问文档信息 ......................... 568
17.3.3 访问文档元素 ......................... 568
17.3.4 访问文档集合 ......................... 569
17.3.5 使用HTML5 Document ......... 569
17.4 使用元素节点 .................................... 570
17.4.1 访问元素 ................................. 570
17.4.2 遍历元素 ................................. 571
17.4.3 创建元素 ................................. 573
17.4.4 复制节点 ................................. 574
17.4.5 插入节点 ................................. 575
17.4.6 删除节点 ................................. 577
17.4.7 替换节点 ................................. 578
17.4.8 获取焦点元素 ......................... 579
17.4.9 检测包含节点 ......................... 579
17.5 使用文本节点 .................................... 581
17.5.1 访问文本节点 ......................... 581
17.5.2 创建文本节点 ......................... 582
17.5.3 操作文本节点 ......................... 582
17.5.4 读取HTML字符串 ................ 583
17.5.5 插入HTML字符串 ................ 583
17.5.6 替换HTML字符串 ................ 585
17.5.7 插入文本 ................................. 586
17.6 使用文档片段节点 ............................ 588
17.7 使用属性节点 .................................... 589
17.7.1 访问属性节点 ......................... 589
17.7.2 读取属性值 ............................. 590
17.7.3 设置属性值 ............................. 591
17.7.4 删除属性 ................................. 592
17.7.5 使用类选择器 ......................... 593
17.7.6 自定义属性 ............................. 594
17.8 案例实战 ............................................ 595
17.8.1 设计动态脚本 ......................... 595
17.8.2 使用 script加载远程数据....... 598
17.8.3 使用 script实现异步交互....... 599
17.8.4 使用 JSONP ............................ 602
17.8.5 使用CSS选择器 .................... 606
第 18章 事件处理 ................................... 608
18.1 事件基础 ............................................ 608
18.1.1 事件模型 ................................. 608
18.1.2 事件流 ..................................... 608
18.1.3 绑定事件 ................................. 609
18.1.4 事件处理函数 ......................... 610
18.1.5 注册事件 ................................. 611
18.1.6 销毁事件 ................................. 613
18.1.7 使用event对象 ....................... 615
18.1.8 事件委托 ................................. 617
18.2 使用鼠标事件 .................................... 618
18.2.1 鼠标点击 ................................. 619
18.2.2 鼠标移动 ................................. 619
18.2.3 鼠标经过 ................................. 621
18.2.4 鼠标来源 ................................. 622
18.2.5 鼠标定位 ................................. 622
18.2.6 鼠标按键 ................................. 625
18.3 使用键盘事件 .................................... 626
18.3.1 键盘事件属性 ......................... 626
18.3.2 键盘响应顺序 ......................... 628
18.4 使用页面事件 .................................... 629
18.4.1 页面初始化 ............................ 629
18.4.2 结构初始化 ............................. 631
18.4.3 页面卸载 ................................. 633
18.4.4 窗口重置 ................................. 633
18.4.5 页面滚动 ................................. 634
18.4.6 错误处理 ................................. 635
18.5 使用 UI 事件 ..................................... 635
18.5.1 焦点处理 ................................. 635
18.5.2 选择文本 ................................. 636
18.5.3 字段值变化监测 ..................... 637
18.5.4 提交表单 ................................. 639
18.5.5 重置表单 ................................. 640
18.5.6 剪贴板数据 ............................. 641
18.6 案例实战 ........................................... 643
18.6.1 设计弹出对话框 ..................... 643
18.6.2 设计遮罩层 ............................. 644
18.6.3 自定义事件 ............................. 646
18.6.4 设计事件触发模型 ................. 646
18.6.5 应用事件模型 ......................... 648
第 19章 使用 Ajax ................................... 652
19.1 Ajax 基础 ........................................... 652
19.1.1 HTTP头部信息 ...................... 653
19.1.2 定义XMLHttpRequest对象 .... 655
19.1.3 建立XMLHttpRequest连接 .... 656
19.1.4 发送GET请求 ....................... 657
19.1.5 发送POST请求 ..................... 658
19.1.6 转换串行化字符串 ................. 659
19.1.7 跟踪状态 ................................. 660
19.1.8 中止请求 ................................. 660
19.1.9 获取XML数据 ...................... 661
19.1.10 获取 HTML文本 ................. 662
19.1.11 获取 JavaScript脚本 ............ 662
19.1.12 获取 JSON数据 ................... 663
19.1.13 获取纯文本 ........................... 664
19.1.14 获取头部信息 ....................... 664
19.2 案例实战 ........................................... 665
19.2.1 动态查询记录集 ..................... 665
19.2.2 记录集分页显示 ..................... 668
19.2.3 设计Tab面板 ......................... 670
19.2.4 使用灯标 ................................. 673
|
內容試閱:
|
近几年来,互联网 、大数据、云计算、物联网、虚拟现实、人工智能、机器学习、移动互联网等IT 相关新名词、新概念层出不穷,相关产业发展如火如荼。互联网 、移动互联网已经深入到人们的日常生活的角角落落,人们已经离不开互联网。为了让人们有更好的互联网体验效果,Web 前端开发、移动终端开发相关技术发展迅猛。
HTML、CSS、JavaScript、jQuery、Bootstrap 等技术相互配合使用,大大减轻了 Web 前端开发者的工作量,降低了开发成本。本书旨在帮助读者朋友快速掌握目前最前沿技术,使前端设计从外观上变得更炫,在技术上更简易。
本书内容
本书分为三大部分,具体结构划分如下。
第1 部分:网页样式基础部分。 这部分内容主要介绍网页设计基础,使用HTML标签标识网页内容,使用 CSS 设计网页基本样式,如文本、超链接、图像、列表、表单和表格等网页对象的样式。
第 2 部分:CSS3 布局部分。这部分内容主要讲解使用CSS 设计完整的网页的方法和技巧,介绍CSS3中的各种新技术应用。
第 3 部分:JavaScript 部分。这部分内容主要讲解 JavaScript 基本语法和用法,使用 JavaScript 控制网页文档和浏览器,JavaScript 事件处理,使用 JavaScript 设计 CSS动画。
本书的姊妹篇《HTML5 CSS3 JavaScript 从入门到精通(进阶版) 》还讲到了 JavaScript BOM、JavaScript DOM等 JavaScript 高级程序设计涉及到的内容,以及操作 CSS、使用 Ajax、使用 jQuery、使用 Bootstrap以及案例实战等相关内容。
本书的编写特点
? 实用性强
本书把实用做为编写的首要原则,重点选取实际开发工作中用得到的知识点,并按知识点的常用程度,进行了详略调整,目的是希望读者朋友用最短的时间掌握开发必备知识。
? 入门容易
本书思路清晰,语言通俗,操作步骤详尽。读者朋友只要认真阅读本书,把书中所有示例认真地练习一遍,并独立完成所有的实战案例,就可以达到专业开发人员的水平。
? 讲述透彻
本书把知识点融于大量的示例中,并结合实战案例进行讲解和拓展,力求让读者朋友 知其然,知其所以然 。
? 系统全面
本书从零开始到实战应用,内容丰富详尽,知识系统全面,讲述了实际开发工作中用到的绝大部分知识。
? 操作性强
本书颠覆了传统的看书观念,变成一本能操作的图书。书中示例遍布每个小节,且每个示例操作步骤清晰明了,简单模仿就能快速上手。
本书显著特色
? 体验好
二维码扫一扫,随时随地看视频。书中几乎每个章节都提供了二维码,读者朋友可以通过手机微信扫一扫,随时随地看相关的教学视频。 (若个别手机不能播放,请参考前言中的本书学习资源列表及其获取方式下载后在电脑上可以一样观看)
? 资源多
从配套到拓展,资源库一应俱全。本书提供了几乎覆盖全书的配套视频和素材源文件。还提供了拓展的学习资源:习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等,拓展视野、贴近实战,学习资源一网打尽!
? 案例多
案例丰富详尽,边做边学更快捷。跟着大量案例去学习,边学边做,从做中学,学习可以更深入、更高效。
? 入门易
遵循学习规律,入门实战相结合。编写模式采用基础知识 中小实例 实战案例,内容由浅入深,循序渐进,从入门中学习实战应用,从实战应用中激发学习兴趣。
? 服务快
提供在线服务,随时随地可交流。提供QQ 群、网站下载等多渠道贴心服务。
本书学习资源列表及获取方式
本书的学习资源十分丰富,全部资源分布如下:
? 配套资源
(1)本书的配套同步视频共计 222 节(可用二维码扫描观看或从下述的网站下载)
(2)本书的素材及源程序共计 349 项
? 拓展学习资源
(1)习题及面试题库(共计 1000题)
(2)案例库(各类案例 4396个)
(3)工具库(HTML参考手册 11部、CSS 参考手册 10部、JavaScript 参考手册 26部)
(4)网页模板库(各类模板 1636个)
(5)网页素材库(17大类)
(6)网页配色库(623项)
(7)网页欣赏案例库(共计 508例)
? 以上资源的获取及联系方式
(1)登录网站 xue.bookln.cn,输入书名,搜索到本书后下载。
(2)登录中国水利水电出版社的官方网站:www.waterpub.com.cnsoftdown,找到本书后,根据相关提示下载。
(3)加入本书学习QQ 群:621135618、625186596、625853788、626360108,读者可以单击 QQ窗口右侧的群应用下的文件,找到相关资源后下载。
(4)读者朋友还可通过电子邮件 weilaitushu@126.com、945694286@qq.com 与我们联系。
本书约定
1.为了节约版面,本书中所显示的示例代码大部分都是局部的,示例的全部代码可以到上述网站的素材及源程序处下载。
2.部分示例可能需要服务器的配合,可以参阅示例所在章节的相关说明。
3.学习本书中的示例,要用到 IE、Firefox、Chrome 等浏览器,建议安装上述类型的最新版本浏览器。
4.如需针对不同版本的IE 测试示例,可以下载 IETester 工具,因为它可同时支持 IE6、IE7和 IE8。对于非Windows 用户,可以考虑使用VirtualBox 或者 VMware等虚拟机,或者使用 CrossBrowserTesting 和 MogoTest 等服务。
5.为了提供更多的学习资源,弥补篇幅有限的缺憾,本书提供了许多参考链接,部分本书无法详细介绍的问题都可以通过这些链接找到答案。但由于这些链接地址具有时效性,因此仅供参考,难以保证所有链接地址都永久有效。这种情况遇到问题可通过本书的学习 QQ群进行咨询。
6.本书所列出的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作系统平台、浏览器版本等不同而引起的,一般不影响学习,在此特别说明。
本书适用对象
本书适用于以下人群:网页设计、网页制作、网站建设入门者及爱好者;系统学习网页设计、网页制作、网站建设的开发人员。相关专业的高校学生及毕业生、相关专业培训的学员。
关于作者
未来科技是由一群热爱 Web 开发的青年骨干教师组成的一个松散组织,主要从事 Web 开发、教学培训、教材开发等业务。该群体编写的同类图书在很多网店上的销量名列前茅,让数十万的读者轻松跨进了Web 开发的大门,为Web 开发的普及和应用做出了积极贡献。
参与本书编写的人员有:邹仲、谢党华、刘望、彭方强、雷海兰、郭靖、马林、刘金、吴云、赵德志、张卫其、李德光、刘坤、杨艳、顾克明、班琦、蔡霞英、曾德剑、曾锦华、曾兰香、曾世宏、曾旺新、曾伟、常星、陈娣、陈凤娟、陈凤仪、陈福妹、陈国锋、陈海兰、陈华娟、陈金清、陈马路、陈石明、陈世超、陈世敏、陈文广等。
编 者
|
|