第1部分　起步
第1章　何为Web发布　1
1.1　像Web发布者一样思考　1
1.1.1　Web是一个超文本信息系统　1
1.1.2　Web是跨平台的　2
1.1.3　Web是分布式的　2
1.1.4　Web是动态的　3
1.1.5　Web是交互式的　4
1.2　Web浏览器　5
1.2.1　Web浏览器的作用　5
1.2.2　概述一些流行的Web浏览器　6
1.3　Web服务器　8
1.4　统一资源定位符　8
1.5　广义的Web发布　9
1.6　小结　9
1.7　作业　9
1.7.1　问与答　9
1.7.2　小测验　10
1.7.3　小测验答案　10
1.7.4　练习　10
第2章　准备好工具　11
2.1　网站剖析　11
2.2　为发布到Web准备好计算机　13
2.2.1　文本编辑器　13
2.2.2　Web浏览器　14
2.3　使用Google Chrome 开发者工具　14
2.4　您要在Web上做什么　17
2.5　绘制网站线框图　18
2.5.1　线框图是什么，为何需要绘制线框图　18
2.5.2　线框图绘制小贴士　19
2.6　Web托管　19
2.6.1　使用内容管理应用程序　20
2.6.2　设置Web托管　20
2.7　小结　21
2.8　作业　21
2.8.1　问与答　21
2.8.2　小测验　22
2.8.3　小测验答案　22
2.8.4　练习　22
第3章　HTML和CSS简介　23
3.1　HTML是什么　23
3.1.1　HTML定义了网页的结构　23
3.1.2　HTML并未定义网页的布局　24
3.1.3　HTML为何以这样的方式工作　25
3.1.4　标记的工作原理　25
3.2　HTML文件什么样　25
3.3　HTML属性　28
3.4　使用属性style　29
3.5　HTML标准简史　30
3.6　不断发展的最新标准HTML5　31
3.7　小结　31
3.8　作业　31
3.8.1　问与答　31
3.8.2　小测验　32
3.8.3　小测验答案　32
3.8.4　练习　32
第2部分　创建网页
第4章　HTML基础知识　33
4.1　定义页面的总体结构　33
4.1.1　标签[html]　33
4.1.2　标签[head]　34
4.1.3　标签[body]　34
4.2　名称　35
4.3　标题　36
4.4　段落　37
4.5　注释　38
4.6　小结　39
4.7　作业　40
4.7.1　问与答　40
4.7.2　小测验　40
4.7.3　小测验答案　41
4.7.4　练习　41
第5章　使用列表组织信息　42
5.1　列表概述　42
5.2　带编号的列表　43
5.3　无序列表　46
5.4　定义列表　48
5.5　嵌套列表　49
5.6　列表的其他用途　51
5.7　小结　51
5.8　作业　52
5.8.1　问与答　52
5.8.2　小测验　53
5.8.3　小测验答案　53
5.8.4　练习　53
第6章　使用链接　54
6.1　创建链接　54
6.2　使用相对和绝对路径名链接到本地页面　58
6.2.1　绝对路径名　58
6.2.2　该使用相对路径名还是绝对路径名　59
6.3　链接到Web上的其他文档　59
6.4　链接到文档的特定位置　63
6.4.1　创建链接和锚　64
6.4.2　标签[a]的name属性　64
6.4.3　链接到当前文档的其他元素　67
6.5　剖析URL　67
6.5.1　URL的组成部分　68
6.5.2　URL中的特殊字符　69
6.5.3　属性rel　69
6.6　URL分类　70
6.6.1　HTTP URL　70
6.6.2　匿名FTP URL　70
6.6.3　非匿名FTP URL　71
6.6.4　mailto URL　71
6.6.5　文件URL　72
6.7　小结　72
6.8　作业　73
6.8.1　问与答　73
6.8.2　小测验　74
6.8.3　小测验答案　74
6.8.4　练习　74
第3部分　HTML和CSS的高级用法
第7章　使用HTML和CSS设置文本的格式　75
7.1　字符级元素　75
7.1.1　HTML语义标签　75
7.1.2　HTML5物理样式标签的变化　77
7.2　使用CSS设置字符的格式　77
7.2.1　text-decoration属性　78
7.2.2　字体属性　78
7.3　预定格式的文本　79
7.4　水平分隔线（主题分隔）　81
7.5　换行　83
7.6　地址　84
7.7　引文　84
7.8　特殊字符　86
7.8.1　字符编码　87
7.8.2　表示特殊字符的字符实体　88
7.8.3　表示保留字符的字符实体　88
7.9　字体和字号　89
7.10　小结　97
7.11　作业　98
7.11.1　问与答　98
7.11.2　小测验　99
7.11.3　小测验答案　99
7.11.4　练习　99
第8章　使用CSS设置网站的样式　100
8.1　在页面中包含样式表　100
8.1.1　创建页面级样式　100
8.1.2　创建网站级样式表　101
8.2　选择器　102
8.2.1　上下文选择器　102
8.2.2　类和ID　103
8.2.3　级联的含义　104
8.3　度量单位　105
8.4　使用开发者工具编辑样式　108
8.5　使用颜色　109
8.6　链接　109
8.7　盒子模型　110
8.7.1　边框　111
8.7.2　外边距和内边距　112
8.7.3　控制大小和元素显示　116
8.7.4　浮动　118
8.8　其他选择器　121
8.8.1　伪类　122
8.8.2　属性选择器　124
8.9　标签[body]　124
8.10　小结　125
8.11　作业　125
8.11.1　问与答　125
8.11.2　小测验　126
8.11.3　小测验答案　126
8.11.4　练习　126
第9章　在网页中使用图像　127
9.1　Web上的图像　127
9.2　图像格式　128
9.2.1　GIF　128
9.2.2　JPEG　128
9.2.3　PNG　128
9.2.4　SVG　129
9.3　HTML内嵌图像：标签[img]　129
9.4　图像和文本　132
9.4.1　文本和图像对齐　134
9.4.2　沿图像绕排文本　135
9.4.3　调整图像周围空白区域的大小　138
9.5　图像和链接　139
9.6　其他图像使用技巧　142
9.7　将图像用作背景　143
9.8　将图像用作项目符号　145
9.9　图像映射是什么　146
9.9.1　选择图像　147
9.9.2　确定坐标　147
9.9.3　标签[map]和[area]　149
9.9.4　属性usemap　150
9.10　图像使用规范　153
9.11　小结　154
9.12　作业　154
9.12.1　问与答　154
9.12.2　小测验　155
9.12.3　小测验答案　155
9.12.4　练习　155
第10章　创建表格　156
10.1　创建表格　156
10.2　表格的组成部分　156
10.2.1　[table]元素　157
10.2.2　表格摘要　158
10.2.3　行和单元格　158
10.2.4　空单元格　159
10.2.5　表题　160
10.3　设置表格、边框和单元格的尺寸　163
10.3.1　设置表格的宽度　163
10.3.2　修改表格的边框　164
10.3.3　单元格内边距　166
10.3.4　单元格间距　167
10.3.5　列宽　168
10.4　表格和单元格的颜色　169
10.5　对齐表格内容　171
10.5.1　表格对齐方式　171
10.5.2　表格和表题的对齐方式　172
10.6　横跨多行或多列　174
10.7　更高级的表格改进方式　180
10.7.1　将列编组并设置其样式　180
10.7.2　将行编组并设置其样式　183
10.8　表格的用途　185
10.9　小结　185
10.10　作业　186
10.10.1　问与答　186
10.10.2　小测验　187
10.10.3　小测验答案　187
10.10.4　练习　187
第11章　使用CSS定位元素　188
11.1　定位方案　188
11.2　绝对定位　192
11.2.1　定位属性　192
11.2.2　定位属性及高度和宽度　192
11.2.3　嵌套绝对定位的元素　194
11.2.4　动态覆盖层　195
11.3　固定定位　198
11.4　控制堆叠　199
11.5　创建下拉式菜单　201
11.6　小结　204
11.7　作业　205
11.7.1　问与答　205
11.7.2　小测验　205
11.7.3　小测验答案　205
11.7.4　练习　205
第12章　设计表单　206
12.1　理解表单　206
12.2　使用标签[form]　210
12.3　使用标签[label]　212
12.4　使用标签[input]创建表单控件　213
12.4.1　创建文本控件　214
12.4.2　使用datalist给文本字段添加可供选择的值　215
12.4.3　使用HTML5新增的控件　216
12.4.4　创建密码控件　219
12.4.5　创建提交按钮　220
12.4.6　创建重置按钮　220
12.4.7　创建复选框　221
12.4.8　创建单选按钮　222
12.4.9　将图像用作提交按钮　222
12.4.10　创建常规按钮　223
12.4.11　隐藏的表单字段　224
12.4.12　文件上传控件　224
12.5　使用其他表单控件　225
12.5.1　使用元素button　225
12.5.2　使用textarea创建大型文本输入字段　225
12.5.3　使用select和option创建菜单　226
12.6　使用fieldset和legend将控件编组　231
12.6.1　修改默认的表单导航顺序　233
12.6.2　使用快捷键　233
12.6.3　创建被禁用的控件和只读控件　233
12.7　使用progress和meter显示更新进度　234
12.8　使用CSS设置表单控件的样式　238
12.9　规划表单　242
12.10　小结　243
12.11　作业　244
12.11.1　问与答　244
12.11.2　小测验　245
12.11.3　小测验答案　245
12.11.4　练习　245
第13章　使用HTML5定义页面的结构　246
13.1　HTML页面布局简史　246
13.2　使用HTML5设计页面布局　247
13.3　HTML5结构性标签　248
13.3.1　区段　248
13.3.2　页眉　249
13.3.3　页脚　249
13.3.4　导航　250
13.3.5　文章　251
13.3.6　侧栏　251
13.4　页面大纲　251
13.5　使用HTML5结构性元素　252
13.6　小结　253
13.7　作业　253
13.7.1　问与答　253
13.7.2　小测验　254
13.7.3　小测验答案　254
13.7.4　练习　254
第14章　集成多媒体：视频和声音　255
14.1　以简单的方式嵌入视频　255
14.1.1　将视频托管到外部网站的优缺点　256
14.1.2　将视频上传到YouTube　257
14.1.3　定制视频播放器　257
14.1.4　其他服务　258
14.2　自己托管视频　259
14.2.1　视频和容器格式　259
14.2.2　将视频转换为H.264格式　260
14.3　使用[video]嵌入视频　262
14.3.1　标签[video]　263
14.3.2　使用[source]元素　265
14.4　使用[object]标签嵌入Flash电影　266
14.5　标签[embed]　268
14.6　使用SWFObject嵌入Flash电影　269
14.7　Flash视频播放器　271
14.7.1　JW Player　271
14.7.2　使用Flowplayer　272
14.8　结合使用标签[object]和[video]　273
14.9　在页面中嵌入音频　274
14.9.1　标签[audio]　274
14.9.2　Flash音频播放器　275
14.10　小结　276
14.11　作业　277
14.11.1　问与答　277
14.11.2　小测验　277
14.11.3　小测验答案　278
14.11.4　练习　278
第15章　高级CSS：使用CSS设置页面布局　279
15.1　设置页面布局　279
15.1.1　基于表格的布局存在的问题　280
15.1.2　编写结构清晰的HTML　280
15.1.3　编写布局样式表　282
15.1.4　使用定位属性调整各部分的排列顺序　285
15.1.5　浮动栏布局技术　287
15.2　CSS在Web设计中扮演的角色　288
15.3　网站级样式表　291
15.4　小结　292
15.5　作业　292
15.5.1　问与答　292
15.5.2　小测验　293
15.5.3　小测验答案　293
15.5.4　练习　293
第16章　响应式Web设计　294
16.1　什么是响应式Web设计　294
16.1.1　响应式Web设计简史　294
16.1.2　RWD为何很重要　295
16.1.3　RWD并非只调整栏数　295
16.2　应优先考虑移动设备　295
16.2.1　移动优先　296
16.2.2　设置视口　296
16.3　规划响应式网站　298
16.3.1　复核所做的分析　298
16.3.2　使用手机访问自己的网站　298
16.3.3　确定哪些内容至关重要　298
16.4　编写媒体查询　298
16.4.1　媒体类型　299
16.4.2　媒体特征　299
16.4.3　断点　300
16.4.4　使用媒体查询创建样式表　301
16.5　理解RWD的技术细节　302
16.5.1　调整布局　302
16.5.2　创建响应式图像和视频　306
16.5.3　创建响应式表格　308
16.6　响应式Web设计最佳实践　311
16.6.1　让每位用户都获得最佳的使用体验　311
16.6.2　根据网站而不是设备选择最佳的断点　312
16.6.3　保持灵活的同时不忘小屏幕设备　312
16.7　小结　312
16.8　作业　312
16.8.1　问与答　312
16.8.2　小测验　313
16.8.3　小测验答案　313
16.8.4　练习　313
第4部分　使用JavaScript和jQuery
第17章　JavaScript简介　314
17.1　为何要使用JavaScript　314
17.1.1　易于使用　315
17.1.2　可改善性能　315
17.1.3　与浏览器集成　315
17.2　[script]标签　315
17.2.1　JavaScript脚本的结构　316
17.2.2　属性src　316
17.3　JavaScript和Chrome开发者工具　316
17.4　JavaScript语言　317
17.4.1　运算符和表达式　319
17.4.2　变量　320
17.4.3　控制结构　321
17.4.4　函数　324
17.4.5　数据类型　325
17.4.6　数组　326
17.4.7　对象　326
17.5　JavaScript环境　327
17.6　事件　327
17.7　小结　330
17.8　作业　330
17.8.1　问与答　330
17.8.2　小测验　331
17.8.3　小测验答案　331
17.8.4　练习　331
第18章　使用jQuery　332
18.1　JavaScript库是什么？　332
18.2　jQuery初步　333
18.3　编写第一个jQuery脚本　333
18.4　选择文档中的元素　334
18.5　关联到事件　335
18.6　修改页面的样式　336
18.6.1　隐藏和显示元素　336
18.6.2　获取和修改样式表属性　337
18.7　修改页面的内容　337
18.7.1　操作类　338
18.7.2　操作表单值　339
18.7.3　直接操作属性　341
18.7.4　添加和删除内容　341
18.8　特效　344
18.9　AJAX和jQuery　345
18.10　小结　348
18.11　作业　348
18.11.1　问与答　349
18.11.2　小测验　349
18.11.3　小测验答案　349
18.11.4　练习　349
第19章　在页面中使用JavaScript　350
19.1　使用JavaScript验证表单　350
19.2　隐藏和显示内容　357
19.3　在页面中添加新内容　363
19.4　小结　366
19.5　作业　366
19.5.1　问与答　367
19.5.2　小测验　367
19.5.3　小测验答案　367
19.5.4　练习　367
第20章　使用框架和链接窗口　368
20.1　框架是什么　368
20.1.1　HTML5为何不再支持框架　368
20.1.2　内嵌框架又如何呢　369
20.2　使用链接窗口　369
20.2.1　浏览上下文关键字　369
20.2.2　[base]标签　372
20.3　内嵌框架　373
20.4　使用JavaScript打开链接窗口　376
20.5　小结　378
20.6　作业　379
20.6.1　问与答　379
20.6.2　小测验　379
20.6.3　小测验答案　379
20.6.4　练习　379
第5部分　一个都不能少
第21章　移动Web设计　380
21.1　使用手机浏览网页的方式截然不同　380
21.2　移动Web设计标准　381
21.2.1　渐进增强　381
21.2.2　验证网页　382
21.3　移动Web写作　384
21.3.1　清晰而简明　384
21.3.2　以便于快速扫描的方式组织页面　384
21.3.3　每个页面都自成一体　385
21.3.4　慎用突出　385
21.3.5　不要使用浏览器专用的术语　385
21.3.6　对页面进行拼写检查和校对　386
21.4　设计和页面布局　386
21.4.1　只将标题标签用于标题　386
21.4.2　将相关的信息编组　387
21.4.3　使用统一的布局　387
21.5　使用链接　387
21.5.1　移动用户轻按而不单击　387
21.5.2　使用包含描述性文本的链接菜单　388
21.5.3　在文本中使用链接　388
21.5.4　别患“这里”综合症　388
21.5.5　链接还是不链接　389
21.6　使用图像和多媒体　390
21.6.1　不要滥用图像　390
21.6.2　图像别太大　390
21.6.3　别随便对访客使用的硬件做出假设　391
21.6.4　别让视频令人讨厌　391
21.6.5　别使用Flash　391
21.7　充分利用CSS和JavaScript　392
21.7.1　将CSS和JavaScript放在外部文件中　392
21.7.2　位置很重要　392
21.7.3　对CSS和JavaScript进行压缩　393
21.8　利用移动设备的功能　393
21.8.1　定位　393
21.8.2　打电话　393
21.8.3　短信　394
21.9　其他良好的移动Web设计习惯和提示　394
21.9.1　链接到主页　395
21.9.2　不要将一个主题放在多个页面中　395
21.9.3　在页面中包含落款　395
21.9.4　最后一个移动Web设计秘诀　396
21.10　小结　396
21.11　作业　397
21.11.1　问与答　397
21.11.2　小测验　397
21.11.3　小测验答案　398
21.11.4　练习　398
第22章　用户体验设计　399
22.1　考虑用户的经验水平　399
22.1.1　添加搜索引擎　399
22.1.2　使用简洁易懂的URL　400
22.1.3　在导航中提供上下文　401
22.1.4　用户是过客还是常客　402
22.2　判断用户偏好　402
22.3　何为无障碍　403
22.3.1　对无障碍的一些常见误解　403
22.3.2　508条款　403
22.4　替代浏览器　404
22.5　编写无障碍HTML　404
22.5.1　表格　404
22.5.2　链接　405
22.5.3　图像和多媒体　406
22.6　无障碍设计　407
22.6.1　使用颜色　407
22.6.2　字体　407
22.6.3　充分利用各种HTML标签　408
22.6.4　框架　408
22.6.5　表单　408
22.7　网站无障碍验证　408
22.8　小结　409
22.9　作业　410
22.9.1　问与答　410
22.9.2　小测验　411
22.9.3　小测验答案　411
22.9.4　练习　411
第6部分　发布到Web
第23章　如何发布网站　412
23.1　Web服务器的功能　412
23.2　如何寻找Web托管服务　413
23.2.1　使用学校或单位的Web服务器　414
23.2.2　使用商业Web托管服务　414
23.2.3　商业Web开发商　415
23.2.4　自己搭建服务器　415
23.2.5　免费托管　415
23.3　组织HTML文件以方便发布　415
23.3.1　需要向网站管理员提出的问题　416
23.3.2　使用目录确保文件组织有序　416
23.3.3　提供默认索引文件并正确地命名文件　417
23.4　发布文件　417
23.4.1　在系统之间移动文件　418
23.4.2　上传文件　418
23.5　故障排除　419
23.5.1　无法访问服务器　419
23.5.2　无法访问文件　420
23.5.3　无法访问图像　420
23.5.4　链接不管用　420
23.5.5　文件不能正确地显示　421
23.6　网站推广　421
23.6.1　友情链接　421
23.6.2　通过发客座文章进行内容营销　422
23.6.3　通过社交媒体推广网站　422
23.6.4　为网站创建Facebook页面　423
23.6.5　网站索引和搜索引擎　424
23.6.6　名片、信笺抬头、小册子和广告　425
23.7　了解谁查看了您的网页　425
23.7.1　日志文件　425
23.7.2　Google Analytics　426
23.8　小结　428
23.9　作业　428
23.9.1　问与答　428
23.9.2　小测验　429
23.9.3　小测验答案　429
23.9.4　练习　429
第24章　使用服务器　430
24.1　PHP的工作原理　430
24.2　在计算机上运行PHP　431
24.3　PHP语言　432
24.3.1　注释　432
24.3.2　变量　433
24.3.3　数组　433
24.3.4　字符串　435
24.3.5　条件语句　436
24.3.6　PHP条件运算符　437
24.4　循环　438
24.4.1　foreach循环　438
24.4.2　for循环　438
24.4.3　while和do...while循环　439
24.4.4　控制循环的执行　439
24.5　内置函数　440
24.6　用户定义的函数　440
24.7　处理表单　441
24.7.1　处理包含多个值的参数　442
24.7.2　显示表单　446
24.8　使用PHP包含　449
24.9　更深入地学习PHP　451
24.9.1　连接到数据库　451
24.9.2　正则表达式　451
24.9.3　发送邮件　451
24.9.4　PHP面向对象功能　452
24.9.5　Cookie和会话　452
24.9.6　上传文件　452
24.10　其他应用程序平台　452
24.10.1　Microsoft ASP.NET　452
24.10.2　Java EE　452
24.10.3　Ruby on Rails　453
24.11　小结　453
24.12　作业　453
24.12.1　问与答　453
24.12.2　小测验　454
24.12.3　小测验答案　454
24.12.4　练习　454
第25章　搜索引擎和SEO　455
25.1　何为SEO　455
25.1.1　为何需要SEO　455
25.1.2　社交媒体怎样　456
25.1.3　您可自己动手进行SEO　456
25.1.4　不进行SEO搜索引擎就找不到您的网站吗　456
25.2　搜索引擎的工作原理　456
25.2.1　Google　457
25.2.2　Microsoft Bing　457
25.2.3　Yahoo!　458
25.2.4　别忘了国际搜索　458
25.3　SEO技巧　458
25.3.1　您的网站友好吗　458
25.3.2　使用关键字和关键字搜索　459
25.3.3　致力于为用户提供卓越的内容就是最好的SEO　459
25.3.4　有关SEO的误解和实情　460
25.4　SEO跟踪和管理工具　461
25.4.1　使用网站地图　461
25.4.2　文件robots.txt　462
25.4.3　理解权威链接　462
25.4.4　重定向重复的内容　462
25.4.5　看看您的网站在搜索引擎眼里是什么样　463
25.4.6　跟踪SEO成效　464
25.5　付费链接　464
25.6　小结　464
25.7　作业　464
25.7.1　问与答　465
25.7.2　小测验　465
25.7.3　小测验答案　465
25.7.4　练习　465
· · · · · · (收起)