Web前端开发技术——HTML、CSS、JavaScript（第2版）-图书-人邮教育社区

内容摘要

本书全面、系统地介绍网页设计与制作所涉及的各方面的内容和技巧，涵盖网页设计流程和各种Web前端技术：HTML、CSS、JavaScript和HTML5。每章都配置大量的实用案例，图文并茂，效果直观。
本书分5篇，共26章。第1篇主要介绍HTML相关概念、HTML文档结构、网页设计流程、网页制作方法，以及各种常用的HTML标记的用法等内容；第2篇详细介绍CSS基础知识、CSS的定义、CSS常用属性、在HTML文档中应用CSS、盒子模型，以及使用CSS+DIV布局网页等内容；第3篇详细介绍JavaScript基础知识、在HTML网页中嵌入脚本的方式、事件驱动及事件处理、脚本函数、脚本对象等内容；第4篇在对比HTML4的基础上主要介绍HTML5的发展历程、语法变化、HTML5文档结构，以及表单新增属性、新增input元素类型、新增表单元素和新增客户端校验方式等内容；第5篇通过两个综合实例，详细讲解整合各种Web前端技术制作网页的各方面内容和技巧。
本书可作为大中专院校及培训学校计算机及相关专业的教材，也可供从事网页设计与制作、网站开发及网页编程等行业的人员参考。

目　录

第 1篇　HTML标记语言篇

第 1章　HTML基础　2
1.1　基本概念　2
1.1.1　WWW简介　2
1.1.2　浏览器　3
1.1.3　静态网页和动态网页　3
1.2　HTML概述　3
1.2.1　HTML定义　3
1.2.2　HTML的发展历程　4
1.3　HTML文件　4
1.3.1　HTML标记　5
1.3.2　HTML文件的基本结构　5
1.3.3　HTML文件的编写方法　6
1.4　XHTML基础　8
1.5　HTML/XHTML文档类型　9
1.6　网站的建设与发布　10
1.6.1　网站策划　10
1.6.2　网站素材收集　10
1.6.3　网页规划　10
1.6.4　网站目录设计　11
1.6.5　网页制作　11
1.6.6　网站测试　11
1.6.7　网站发布　11
习题1　12
第 2章　页面的头部标记　13
2.1　页面的头部标记　13
2.2　标题标记<title>　13
2.3　元信息标记<meta>　14
2.3.1　<meta >标记属性　15
2.3.2　设定网页关键字　15
2.3.3　设定网页描述信息　15
2.3.4　设定网页字符集　16
2.3.5　设定网页自动刷新　17
2.3.6　设定网页自动跳转　18
习题2　19
第3章　页面的主体标记<body>　20
3.1　设置网页正文颜色与背景颜色　20
3.2　添加网页背景图片　21
3.3　设置网页链接文字颜色　22
3.4　设置网页边距　23
习题3　24
第4章　文字与段落标记　25
4.1　文字标记　25
4.1.1　文字内容的输入　25
4.1.2　对文字字体的设置　27
4.1.3　使用文字的修饰标记设置
文字格式　29
4.1.4　标题字设置　30
4.2　段落标记　32
4.2.1　段落标记<p>　32
4.2.2　换行标记<br>　33
4.2.3　预格式化标记<pre>　34
4.2.4　居中标记<center>　35
4.2.5　缩排标记<blockquot>　35
4.3　水平线标记<hr>　36
习题4　37
第5章　列表标记　39
5.1　有序列表　39
5.1.1　有序列表的前导符设置　40
5.1.2　有序列表的前导符起始
　编号设置　40
5.2　无序列表　41
5.2.1　项目列表　42
5.2.2　项目列表的前导符设置　43
5.2.3　定义列表　44
5.3　嵌套列表　45
习题5　46
第6章　图片标记　47
6.1　网页常用图片格式　47
6.2　插入图片　47
6.2.1　设置图片大小　48
6.2.2　设置图片提示文本　48
6.2.3　设置图片与周围对象的间距　49
6.2.4　设置图片的对齐方式　50
6.2.5　设置图片的边框　51
习题6　51
第7章　在网页中嵌入
多媒体内容　53
7.1　概述　53
7.2　设置滚动字幕　53
7.2.1　设置默认效果的滚动字幕　53
7.2.2　设置滚动字幕的滚动方向　54
7.2.3　设置滚动字幕的滚动行为　55
7.2.4　设置字幕的滚动速度和滚动
延迟特性　55
7.2.5　设置字幕的滚动区域及其
背景颜色　56
7.2.6　设置字幕的滚动区域与周围对象的间距　58
7.3　嵌入音视频文件　58
7.4　嵌入Flash动画　59
7.5　设置背景音乐　60
7.6　嵌入Java Applet　61
习题7　62
第8章　使用框架结构　63
8.1　框架概述　63
8.2　框架集标记<frameset>　63
8.2.1　左右分割窗口　64
8.2.2　上下分割窗口　65
8.2.3　嵌套分割窗口　66
8.2.4　使用<frameset>标记设置
框架边框　67
8.3　框架标记<frame>　67
8.3.1　设置框架显示内容　68
8.3.2　使用<frame>标记设置框架边框　69
8.3.3　设置框架名称　69
8.3.4　设置框架窗口固定大小　70
8.3.5　设置框架滚动条　70
8.3.6　设置框架边距　71
8.4　不支持框架标记<noframes>　72
8.5　浮动框架标记<iframe>　73
8.5.1　在页面中嵌入浮动框架　73
8.5.2　浮动框架的大小　74
8.5.3　浮动框架的对齐方式　75
8.6　框架与超链接　76
习题8　77
第9章　在网页中创建超链接　78
9.1　创建超链接　78
9.1.1　超链接标记　78
9.1.2　设置超链接目标窗口　79
9.2　超链接的链接路径　82
9.3　超链接的类型　83
9.3.1　内部链接　83
9.3.2　外部链接　83
9.3.3　书签链接　85
9.3.4　脚本链接　87
9.3.5　文件下载　87
9.3.6　文本链接　88
9.3.7　图片链接　89
9.3.8　图像映射　89
习题9　91
第 10章　在网页中使用表格　92
10.1　表格概述　92
10.2　表格标记<table>　93
10.2.1　设置表格的边框　93
10.2.2　设置表格的宽度和高度　94
10.2.3　设置表格的对齐方式　95
10.2.4　设置表格的背景颜色　95
10.2.5　设置表格的背景图片　96
10.2.6　设置表格的边距　97
10.2.7　设置表格的间距　98
10.2.8　设置表格的标题　98
10.3　<tr>标记　100
10.4　<td>和<th>标记　101
10.4.1　使用<th>创建表头　101
10.4.2　设置单元格对齐方式　102
10.4.3　设置单元格的背景颜色和
边框颜色　103
10.4.4　设置单元格的背景图片　104
10.4.5　设置单元格的宽度和高度　105
10.4.6　单元格的跨行和跨列设置　106
10.5　表格的综合示例--使用表格
　布局网页　108
习题10　110
第 11章　在网页中创建表单　112
11.1　表单概述　112
11.2　表单标记　112
11.2.1　表单标记<form>　113
11.2.2　输入标记<input>　114
11.2.3　选择列表标记<select>　120
11.2.4　文本域标记<textarea>　122
11.3　表单综合示例：使用表单收集
个人信息　123
习题11　125
第 2篇　CSS层叠样式表篇
第 12章　定义CSS　127
12.1　CSS基础知识　127
12.1.1　CSS概述　127
12.1.2　应用CSS的步骤　128
12.2　定义CSS的基本语法　129
12.3　CSS基本选择器　130
12.3.1　HTML标记选择器　130
12.3.2　类选择器　131
12.3.3　ID选择器　133
12.4　CSS复合选择器　134
12.4.1　交集选择器　134
12.4.2　并集选择器　135
12.4.3　后代选择器　136
习题12　137
第 13章　139
CSS常用属性　139
13.1　字体属性　139
13.2　文本属性　140
13.3　列表属性　141
13.4　颜色和背景属性　143
13.5　区块属性　144
13.6　层属性　145
13.7　鼠标属性　146
13.8　滤镜属性　148
习题13　149
第 14章　150
在HTML文档中应用CSS　150
14.1　内联式　150
14.2　内嵌式　151
14.3　链接式　152
14.4　导入式　153
14.5　CSS的冲突　154
14.5.1　什么是CSS冲突　154
14.5.2　解决CSS冲突规则　155
习题14　155
第 15章　156
CSS+DIV布局　156
15.1　网页布局概述　156
15.2　盒子模型　156
15.2.1　盒子模型的组成　156
15.2.2　盒子border属性　157
15.2.3　盒子padding属性　158
15.2.4　盒子margin属性　160
15.3　盒子的浮动与定位　161
15.3.1　标准流　161
15.3.2　盒子的定位原则　161
15.3.3　盒子的浮动float　166
15.3.4　盒子的定位　172
15.4　Div标记与Span标记　175
15.4.1　Div标记　175
15.4.2　Span标记　175
15.5　DIV+CSS布局网页　176
15.5.1　DIV+CSS布局简介　176
15.5.2　DIV+CSS布局版式介绍　177
15.5.3　DIV+CSS布局与表格布局的比较　178
习题15　178
第 16章　178
CSS应用综合案例　178
16.1　综合案例1 DIV+CSS页面布局设计　178
16.2　综合案例2 页面排版左中右版式　181
习题16　185

第3篇　JavaScript脚本语言篇
第 17章　188
JavaScript基础　188
17.1　JavaScript简介　188
17.2　JavaScript编辑和调试工具　189
17.2.1　编辑工具之EditPlus　189
17.2.2　编辑工具之Macromedia Dreamweaver　191
17.2.3　调试工具之"IE开发人员工具"和"Firebug"　192
17.3　JavaScript语言调试技巧　195
17.3.1　使用alert()语句进行调试　196
17.3.2　使用write()语句进行调试　196
17.3.3　使用自定义异常消息进行调试　196
17.4　JavaScript的基本语法　197
17.5　数据结构　198
17.5.1　标识符　198
17.5.2　关键字　198
17.5.3　常量　199
17.5.4　变量　199
17.6　数据类型　200
17.6.1　数字型　200
17.6.2　字符串型　201
17.6.3　布尔型　202
17.6.4　特殊数据类型　203
17.7　数据类型的转换　204
17.8　运算符和表达式　205
17.8.1　算术运算符　205
17.8.2　比较运算符　205
17.8.3　赋值运算符　206
17.8.4　字符串运算符　207
17.8.5　逻辑运算符　207
17.8.6　条件运算符　210
17.8.7　其他运算符　210
17.8.8　运算符优先级　212
17.8.9　表达式　213
17.9　赋值语句　213
17.10　流程控制语句　214
17.10.1　条件判断控制语句　214
17.10.3　循环控制语句　219
17.10.4　跳转语句　222
17.11　with语句和comment语句　223
习题17　224

第 18章　在HTML网页中嵌入脚本的方式　225
18.1　在HTML标记的事件属性中直接添加脚本　225
18.2　使用Script标记插入脚本　226
18.3　使用Script标记链接脚本文件　226
习题18　227

第 19章事件驱动及事件处理　228
19.1　事件及事件驱动　228
19.2　常用事件　228
19.3　事件处理程序　229
习题19　231
第 20章脚本函数　232
20.1　函数的定义　232
20.2　函数的调用　233
20.2.1　函数的简单调用　233
20.2.2　在事件响应中调用函数　233
20.2.3　通过链接调用函数　234
20.3　函数参数的使用　235
20.4　函数的返回值　235
20.5　递归函数　236
20.6　内置函数　237
习题20　239
第 21章　240
JavaScript对象　240
21.2　JavaScript内置对象　240
21.2.1　Array对象　240
21.2.2　String对象　241
21.2.3　Math对象　243
21.2.4　Date对象　245
21.3　浏览器对象　247
21.3.1　navigator对象　247
21.3.2　window对象　249
21.3.3　location对象　255
21.3.4　history对象　256
21.3.5　document对象　257
21.3.6　image对象　258
21.3.7　form对象　260
习题21　264
第 22章　265
JavaScript经典实例　265
22.1　漂浮广告　265
22.2　折叠式菜单　267
22.3　下拉式菜单　268
22.3.1　用层制作下拉菜单　268
22.3.2　用JavaScript+CSS制作下拉菜单　272
22.4　加入收藏和设为首页　274
22.4.1　加入收藏　274
22.4.2　设为首页　276
22.5　刷新、打印及关闭窗口按钮　277
22.5.1　刷新当前页　277
22.5.2　调用IE自身的打印功能实现打印　278
22.5.3　打印指定框架中的内容　280
22.5.4　为弹出的窗口加入关闭按钮　281
24.5.5　关闭弹出窗口时刷新父窗口　282
习题22　284

第4篇　HLML5基础篇
第 23章　286
HTML5入门　286
23.1　HTML5的发展历程　286
23.2　HTML5的优势　287
23.3　HTML5的语法变化　289
23.3.1　DOCTYPE的简化声明　289
23.3.2　字符集的简化声明　290
23.3.3　元素可省略结束标记　290
23.3.4　标记和属性不区分大小写　290
23.3.5　可以省略具有布尔类型的属性值　291
23.3.6　属性值可以省略引号　291
23.4　HTML5的文档结构　291
23.4.1　header元素　291
23.4.2　article元素　292
23.4.3　section元素　292
23.4.4　nav元素　293
23.4.5　aside元素　293
23.4.6　footer元素　294
习题23　294

第 24章　295
HTML5表单　295
24.1　表单新增属性　295
24.1.1　form属性　295
24.1.2　Formaction属性　296
24.1.3　autofocus属性　297
24.1.4　pattern属性　298
24.1.5　placeholder属性　298
24.1.6　required属性　299
24.2　新增的input元素类型　300
24.2.1　tel类型　301
24.2.2　email类型　301
24.2.3　url类型　302
24.2.4　number类型　303
24.2.5　range类型　303
24.2.6　search类型　304
24.2.7　color类型　305
24.2.8　date类型　306
24.2.9　time类型　307
24.2.10　datetime类型　307
24.2.11　datetime-local类型　308
24.2.12　week类型　308
24.2.13　month类型　309
24.3　新增的表单元素　310
24.3.1　datalist元素　310
24.3.2　output元素　311
24.4　新增的客户端校验方式　312
24.4.1　自动校验　312
24.4.2　显式校验　313
24.4.3　取消校验　314
24.4.4　自定义校验错误提示信息　314
习题24　315

第5篇　综合实例篇

第 25章　317
使用HTML+CSS+JavaScript　317
创建企业网站　317
25.1　企业网站的创建流程　317
25.2　公司简介网页的制作　319
25.2.1　页面头部制作　319
25.2.2　页面主体内容制作　322
25.2.3　页面侧边栏制作　324
25.2.4　页脚制作　327
25.2.5　网页居中显示设置　328
25.3　网上订购页面的制作　329
第 26章　334
使用HTML5创建企业网站　334
26.1　网页结构　334
26.2　网上订购页面的制作　334
26.2.1　页面头部制作　334
26.2.2　页面主体内容制作　337
26.2.3　页面侧边栏制作　341
26.2.4　页脚制作　345
26.2.5　网页居中显示设置　346