目 录
译者序
前言
第一部分 Web设计核心问题
第1章 什么是Web设计 1
1.1 Web设计的金字塔 1
1.2 建设Web站点 2
1.3 为用户设计 5
1.4 从纸张到软件 5
1.5 Web的图形用户界面传统 7
1.6 内容的关注 7
1.7 外观问题 8
1.8 形式和功能的平衡 11
1.9 什么是好的Web设计 11
1.10 探索Web设计 13
1.11 所见即所想 14
1.12 小结 14
第2章 Web设计进程 16
2.1 进程需求 16
2.2 特别的Web进程 16
2.3 基本的Web进程模型 17
2.3.1 修正瀑布模型 18
2.3.2 联合应用开发模型 19
2.4 Web站点项目的途径 20
2.5 目标和问题 20
2.5.1 集体讨论 21
2.5.2 缩小目标 22
2.6 访问者 22
2.7 需求 23
2.8 站点规划 23
2.9 分割的设计阶段 25
2.9.1 块的组合 25
2.9.2 屏幕和纸张的组合图 26
2.9.3 模拟站点 29
2.10 Beta版站点实现 29
2.11 测试 29
2.12 发布和以后的问题 30
2.13 欢迎来到真实世界 31
2.14 小结 31
第3章 为用户设计 32
3.1 可用性 32
3.2 谁是Web用户 34
3.3 用户的共同特征 35
3.4 记忆力 37
3.5 响应和反应时间 39
3.6 激励问题的处理 43
3.6.1 极限 43
3.6.2 鸡尾酒会效应 43
3.6.3 感觉适应 44
3.7 移动能力 44
3.8 用户的世界 45
3.9 用户的一般类型 48
3.10 Web规则 50
3.11 易访问性 52
3.12 建设可用的站点 54
3.13 可用性超过一切 57
3.14 谁在控制Web体验 57
3.15 小结 58
第二部分 站点组织和浏览
第4章 站点类型和体系结构 59
4.1 一般Web站点类型 59
4.2 动态站点 60
4.3 站点结构 61
4.3.1 逻辑站点组织模型 62
4.3.2 层次结构 65
4.4 用户和站点结构 70
4.5 站点的深与浅 73
4.6 Web站点的特殊类型 74
4.6.1 商业站点 75
4.6.2 信息站点 75
4.6.3 娱乐站点 76
4.6.4 导航站点 76
4.6.5 社区站点 76
4.6.6 艺术站点 77
4.6.7 个人站点 77
4.7 选择站点结构 77
4.8 小结 78
第5章 导航理论与实践 80
5.1 导航 80
5.2 我在哪? 81
5.2.1 Web上的精确定位:URL 81
5.2.2 网页和站点标签 81
5.2.3 网页. 站点的样式和位置 84
5.2.4 我曾到过哪? 85
5.3 我能去哪? 87
5.4 导航位置 88
5.4.1 顶部导航 88
5.4.2 底部导航 89
5.4.3 左导航 89
5.4.4 右导航 96
5.4.5 中心导航 97
5.5 导航的一致性 97
5.6 导航和滚动 99
5.7 导航和鼠标移动 100
5.8 帧 100
5.8.1 帧问题 102
5.8.2 使用帧 103
5.9 子窗口 112
5.10 书签设置 114
5.11 小结 116
第6章 链接:文本. 按钮. 图标及图形 117
6.1 基本的Web链接模型 117
6.1.1 结构和非结构链接的比较 117
6.1.2 静态和动态链接 118
6.2 链接形式的分类 118
6.2.1 文本链接 118
6.2.2 图形文本链接 119
6.2.3 按钮 125
6.2.4 图标 130
6.2.5 图像映射 132
6.2.6 其他链接方式 136
6.3 链接的实现问题:可用性. 反馈和
支持 137
6.3.1 可用的链接 137
6.3.2 滚动 143
6.3.3 理解用户的期望 152
6.4 使用范围注释 154
6.4.1 TITLE属性 154
6.4.2 滚动信息 155
6.4.3 状态条信息 158
6.5 链接的键盘支持 160
6.6 高级的Web链接模型 161
6.7 链接的维护 161
6.8 小结 163
第7章 搜索与设计 165
7.1 网际搜索 165
7.2 Web搜索总论 165
7.3 用户搜索方式 166
7.4 搜索引擎如何工作 167
7.4.1 收集网页 167
7.4.2 索引页 168
7.5 搜索引擎改进 171
7.5.1 添加到搜索引擎 171
7.5.2 自动排斥 172
7.5.3 Robots.txt 172
7.5.4 由控制自动排斥 173
7.6 优化搜索引擎 173
7.6.1 标签 174
7.6.2 标题和文件命名 175
7.6.3 相关文本内容 175
7.6.4 链接和切入点 176
7.6.5 花招 176
7.6.6 标题广告 177
7.7 对本地搜索的需要 179
7.8 添加搜索工具的过程 180
7.9 设计搜索界面 181
7.9.1 访问搜索 181
7.9.2 设计一个基本的搜索界面 183
7.10 高级搜索窗体的设计 185
7.11 结果页面设计 186
7.12 小结 192
第8章 站点映像. 索引. 其他导航及用户
帮助 193
8.1 不只是搜索 193
8.2 站点映像 193
8.2.1 文本方式站点映像 194
8.2.2 图形站点映像 197
8.3 设计站点映像 199
8.4 显示范围和目的地选择 202
8.5 创建站点映像 203
8.6 “地理”导航的好处 204
8.7 站点索引 205
8.8 漫游 206
8.9 帮助系统 207
8.9.1 何时使用帮助 207
8.9.2 复杂的帮助系统 210
8.10 术语表 212
8.11 “什么是最新的”部分 213
8.12 小结 214
第三部分 网页设计的要素
第9章 网页类型与布局 215
9.1 什么是网页 215
9.2 网页尺寸 216
9.3 网页边距 227
9.4 网页类型 229
9.5 入口网页 229
9.5.1 飞出网页 230
9.5.2 主页 231
9.5.3 子页:导航与内容的比较 233
9.5.4 内容网页 235
9.5.5 任务相关网页 239
9.6 退出网页 244
9.7 Web设计学派 246
9.7.1 文本设计 246
9.7.2 隐喻和主题设计 248
9.7.3 基于GUI的设计 249
9.7.4 非常规设计 251
9.8 布局示例 252
9.8.1 TLB网页 252
9.8.2 标题-页脚网页 252
9.8.3 浮动窗口网页 254
9.8.4 可伸展网页 257
9.9 通用站点外观 258
9.10 小结 259
第10章 文本 260
10.1 媒体情况 260
10.1.1 用图形控制文本 260
10.1.2 举起你的双手投降 264
10.1.3 现代的Baskerville 264
10.2 排版术语101 266
10.3 字体 267
10.4 在Web网页中设置字体 268
10.5 使用可下载的字体 270
10.5.1 Netscape 的动态字体 270
10.5.2 微软的动态字体 271
10.5.3 设置字体格式 272
10.5.4 字体尺寸 274
10.6 文本布局 276
10.6.1 文本的对齐 276
10.6.2 行长度 278
10.6.3 行间距 280
10.6.4 字母间距及词间距 281
10.7 设置字体层次 284
10.7.1 标题和副标题 284
10.7.2 表示段及节 286
10.8 表格的格式化 294
10.9 细节 296
10.10 特殊文本的布局 298
10.11 用于Web的文本设计问题 302
10.11.1 Web上的栏 303
10.11.2 空白空间是好还是坏 304
10.12 经常考虑媒体的使用 304
10.13 写给Web 305
10.13.1 阅读与扫描的对比 305
10.13.2 非线性写法 306
10.13.3 危险的词 306
10.14 小结 306
第11章 颜色. 图像及背景 308
11.1 颜色基础 308
11.2 Web上的颜色 309
11.2.1 比特深度 309
11.2.2 在Web上定义颜色 310
11.2.3 浏览器安全颜色 311
11.2.4 混合色 313
11.2.5 HTML和颜色 314
11.2.6 CSS 和颜色 318
11.2.7 颜色的再生问题 319
11.3 颜色与可用性 322
11.3.1 颜色的含义 322
11.3.2 对比度问题 323
11.4 图像 323
11.4.1 使用图像 324
11.4.2 HTML和图像:标签 324
11.4.3 图像类型 328
11.4.4 与图像相关的问题 335
11.4.5 分割图像 340
11.4.6 Web中基于矢量的艺术: Flash 341
11.5 背景图像 342
11.6 小结 352
第12章 利用GUI特性创建交互性 353
12.1 网站和传统的GUI 353
12.2 GUI设计的含义 356
12.3 窗口 356
12.4 全屏窗口 360
12.5 子窗口 361
12.5.1 警告 361
12.5.2 确认 365
12.5.3 提示 366
12.6 窗体 368
12.6.1 标签 368
12.6.2 单行文本区 369
12.7 密码文本区 371
12.7.1 多行文本的输入 371
12.7.2 复选框 374
12.7.3 单选按钮 375
12.8 下拉式菜单 381
12.9 滚动列表 387
12.10 按钮 388
12.10.1 复位按钮 388
12.10.2 提交按钮 389
12.10.3 图像按钮 389
12.10.4 文件上载控制 390
12.11 可用的窗体 391
12.11.1 请求的文本区 394
12.11.2 使用Tab键的窗体 394
12.11.3 第一文本区的聚焦 395
12.11.4 键盘的快捷方式 396
12.12 窗体校验 400
12.12.1 文本区屏蔽 401
12.12.2 文本区的失效 402
12.12.3 只读文本区 404
12.12.4 缺省数据 405
12.12.5 Internet Explorer自动完成 406
12.13 先进的Web GUI特性 407
12.13.1 树形导航 408
12.13.2 Tabbed对话框 409
12.13.3 游标 410
12.13.4 上下文菜单 410
12.14 什么时候Web应用才是真正的应用 411
12.15 小结 412
第四部分 技术与Web设计
第13章 Web技术及其对Web设计的影响 413
13.1 Web技术问题:一桶冰冷的水 413
13.2 浏览器 414
13.3 HTML 422
13.4 HTML有规则吗 422
13.4.1 HTML规则 424
13.4.2 XHTML 430
13.5 面向表示的HTML 432
13.6 CSS 433
13.6.1 CSS的使用 434
13.6.2 CSS的实践 437
13.7 创作HTML/CSS页 439
13.8 XML 442
13.9 编程与Web设计 447
13.10 服务器端的编程 448
13.11 客户端的编程 451
13.11.1 Helpler 452
13.11.2 插入件 452
13.11.3 ActiveX 456
13.11.4 Java 459
13.12 JavaScript 461
13.12.1 JavaScript版本 463
13.12.2 一致通过的脚本 463
13.12.3 对象检测 464
13.12.4 处理不支持脚本的浏览器 464
13.12.5 JavaScript 中错误的捕获 465
13.12.6 链接的脚本 467
13.12.7 JavaScript样式 467
13.12.8 挤压的JavaScript 468
13.12.9 使用JavaScript 469
13.13 Cookies 469
13.14 Web设计中的多媒体 470
13.15 动画 470
13.16 声音 471
13.16.1 数字音频基础 471
13.16.2 音频文件格式和压缩 472
13.16.3 简单的Web音频 472
13.16.4 简单音频的实践 473
13.16.5 流音频 474
13.16.6 可用性和音频文件 474
13.17 视频 475
13.17.1 数字视频基础 475
13.17.2 视频文件格式和压缩 476
13.18 小结 477
第14章 站点发送与管理 478
14.1 发送的重要性 478
14.2 Web协议 479
14.3 域名服务 486
14.4 Web服务器 486
14.4.1 Web服务器的构成 488
14.4.2 Web服务器软件 489
14.4.3 Web服务器的位置 491
14.5 外购的Web宿主环境 492
14.5.1 共享式宿主 492
14.5.2 专用的宿主 493
14.6 管理Web服务器 494
14.7 内容管理 496
14.8 使用情况分析 500
14.9 隐私 506
14.10 内容焦点 506
14.11 小结 508
第五部分 未来方向
第15章 Web设计的未来 511
15.1 不久的将来 511
15.1.1 HTML的遗产 511
15.1.2 大杂烩 512
15.1.3 XML:对一切都好还是一无是处 515
15.1.4 用户准则 516
15.2 宽带的兴起 516
15.2.1 不基于PC的Web访问 517
15.2.2 浏览器变成了日用品 517
15.2.3 无限制的Web访问 518
15.3 团体效果 519
15.4 内容过载问题 520
15.5 Web生活方式 523
15.6 小结 524
第六部分 附 录
附录A Web设计的核心准则 525
附录B 站点评估过程示例 544
附录C 字体 591
附录D 颜色参考 605