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

内容摘要

　　本书全面、系统地介绍了网页设计与制作所涉及的各方面的内容和技巧，涵盖网页设计流程和各种Web前端技术：HTML、CSS、JavaScript和HTML5。每章都配置了大量的实用案例，图文并茂，效果直观。
　　本书分5篇，共27章。第1篇主要介绍网页设计流程、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.2　应用CSS的步骤　128
习题12　129

第 13章　定义CSS　130
13.1　定义CSS的基本语法　130
13.2　CSS基本选择器　131
13.2.1　HTML标记选择器　131
13.2.2　类选择器　132
13.2.3　ID选择器　134
13.3　CSS复合选择器　135
13.3.1　交集选择器　135
13.3.2　并集选择器　136
13.3.3　后代选择器　137
习题13　138

第 14章　CSS常用属性　139
14.1　字体属性　139
14.2　文本属性　140
14.3　列表属性　141
14.4　颜色和背景属性　142
14.5　区块属性　144
14.6　层属性　145
14.7　鼠标属性　146
14.8　滤镜属性　147
习题14　149

第 15章　在HTML文档中应用CSS　150
15.1　内联式　150
15.2　内嵌式　151
15.3　链接式　152
15.4　导入式　153
15.5　CSS的冲突　153
15.5.1　什么是CSS冲突　153
15.5.2　解决CSS冲突规则　154
习题15　154

第 16章　CSS+DIV布局　156
16.1　网页布局概述　156
16.2　盒子模型　156
16.2.1　盒子模型的组成　156
16.2.2　盒子border属性　157
16.2.3　盒子padding属性　158
16.2.4　盒子margin属性　160
16.3　盒子的浮动与定位　161
16.3.1　标准流　161
16.3.2　盒子的定位原则　161
16.3.3　盒子的浮动float　166
16.3.4　盒子的定位　171
16.4　Div标记与Span标记　174
16.4.1　Div标记　174
16.4.2　Span标记　174
16.5　DIV+CSS布局网页　175
16.5.1　DIV+CSS布局简介　175
16.5.2　DIV+CSS布局版式介绍　175
16.5.3　DIV+CSS布局与表格布局的比较　176
习题16　177

第 17章　CSS应用综合案例　178
17.1　综合案例1　DIV+CSS页面布局设计　178
17.2　综合案例2　页面排版左中右版式　181
习题17　184

第3篇　JavaScript脚本语言篇

第 18章　JavaScript基础　188
18.1　JavaScript简介　188
18.2　JavaScript与Java的比较　189
18.3　JavaScript编辑和调试工具　189
18.3.1　编辑工具之EditPlus　189
18.3.2　编辑工具之Macromedia Dreamweaver　191
18.3.3　调试工具之“IE开发人员工具”和“Firebug”　192
18.4　JavaScript语言调试技巧　195
18.4.1　使用alert()语句进行调试　196
18.4.2　使用write()语句进行调试　196
18.4.3　使用自定义异常消息进行调试　196
18.5　JavaScript的基本语法　197
18.5.1　大小写敏感　197
18.5.2　执行顺序　198
18.5.3　脚本中每行语句结尾分号问题　198
18.6　数据结构　198
18.6.1　标识符　198
18.6.2　关键字　198
18.6.3　常量　199
18.6.4　变量　199
18.7　数据类型　200
18.7.1　数字型　200
18.7.2　字符串型　201
18.7.3　布尔型　202
18.7.4　特殊数据类型　203
18.8　数据类型的转换　204
18.9　运算符和表达式　205
18.9.1　算术运算符　205
18.9.2　比较运算符　205
18.9.3　赋值运算符　206
18.9.4　字符串运算符　207
18.9.5　逻辑运算符　207
18.9.6　条件运算符　210
18.9.7　其他运算符　210
18.9.8　运算符优先级　212
18.9.9　表达式　213
18.10　流程控制语句　213
18.10.1　赋值语句　213
18.10.2　条件判断控制语句　214
18.10.3　循环控制语句　219
18.10.4　跳转语句　221
18.11　with语句和comment语句　223
习题18　224

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

第 20章　事件驱动及事件处理　228
20.1　事件及事件驱动　228
20.2　常用事件　228
20.3　事件处理程序　229
习题20　231

第 21章　脚本函数　232
21.1　函数的定义　232
21.2　函数的调用　233
21.2.1　函数的简单调用　233
21.2.2　在事件响应中调用函数　233
21.2.3　通过链接调用函数　234
21.3　函数参数的使用　235
21.4　函数的返回值　235
21.5　递归函数　236
21.6　内置函数　237
习题21　239

第 22章　JavaScript对象　240
22.1　对象概述　240
22.2　内置对象　240
22.2.1　Array对象　240
22.2.2　String对象　241
22.2.3　Math对象　243
22.2.4　Date对象　245
22.3　浏览器对象　247
22.3.1　navigator对象　247
22.3.2　window对象　249
22.3.3　location对象　255
22.3.4　history对象　256
22.3.5　document对象　257
22.3.6　image对象　258
22.3.7　form对象　260
习题22　264

第 23章　JavaScript经典实例　265
23.1　漂浮广告　265
23.2　折叠式菜单　267
23.3　下拉式菜单　268
23.3.1　用层制作下拉菜单　268
23.3.2　用JavaScript+CSS制作下拉菜单　272
23.4　加入收藏和设为首页　274
23.4.1　加入收藏　274
23.4.2　设为首页　275
23.5　刷新、打印及关闭窗口按钮　277
23.5.1　刷新当前页　277
23.5.2　调用IE自身的打印功能实现打印　278
23.5.3　打印指定框架中的内容　279
23.5.4　为弹出的窗口加入关闭按钮　280
24.5.5　关闭弹出窗口时刷新父窗口　281
习题23　284

第4篇　HLML5基础篇

第 24章　HTML5入门　286
24.1　HTML5的发展历程　286
24.2　HTML5的优势　287
24.3　HTML5的语法变化　289
24.3.1　DOCTYPE的简化声明　289
24.3.2　字符集的简化声明　290
24.3.3　元素可省略结束标记　290
24.3.4　标记和属性不区分大小写　290
24.3.5　可以省略具有布尔类型的属性值　291
24.3.6　属性值可以省略引号　291
24.4　HTML5的文档结构　291
24.4.1　header元素　291
24.4.2　article元素　292
24.4.3　section元素　292
24.4.4　nav元素　293
24.4.5　aside元素　293
24.4.6　footer元素　294
习题24　294

第 25章　HTML5表单　295
25.1　表单新增属性　295
25.1.1　form属性　295
25.1.2　Formaction属性　296
25.1.3　autofocus属性　297
25.1.4　pattern属性　298
25.1.5　placeholder属性　298
25.1.6　required属性　299
25.2　新增的input元素类型　300
25.2.1　tel类型　301
25.2.2　email类型　301
25.2.3　url类型　302
25.2.4　number类型　302
25.2.5　range类型　303
25.2.6　search类型　304
25.2.7　color类型　305
25.2.8　date类型　306
25.2.9　time类型　306
25.2.10　datetime类型　307
25.2.11　datetime-local类型　307
25.2.12　week类型　308
25.2.13　month类型　309
25.3　新增的表单元素　310
25.3.1　datalist元素　310
25.3.2　output元素　311
25.4　新增的客户端校验方式　312
25.4.1　自动校验　312
25.4.2　显式校验　313
25.4.3　取消校验　313
25.4.4　自定义校验错误提示信息　314
习题25　315

第5篇　综合实例篇

第 26章　使用HTML+CSS+JavaScript创建企业网站　317
26.1　企业网站的创建流程　317
26.1.1　网站策划　317
26.1.2　网站素材收集　318
26.1.3　网页规划　318
26.1.4　网站目录设计　318
26.1.5　网页制作　318
26.2　公司简介网页的制作　319
26.2.1　页面头部制作　319
26.2.2　页面主体内容制作　322
26.2.3　页面侧边栏制作　324
26.2.4　页脚制作　327
26.2.5　网页居中显示设置　328
26.3　网上订购网页的制作　329

第 27章　使用HTML5创建企业网站　334
27.1　网页结构　334
27.2　网上订购页面的制作　334
27.2.1　页面头部制作　334
27.2.2　页面主体内容制作　337
27.2.3　页面侧边栏制作　341
27.2.4　页脚制作　345
27.2.5　网页居中显示设置　346