第1章 步骤 1
1.1 网站开发团队 1
1.2 初始规划 8
1.3 网站和文档的类型 11
1.3.1 静态与动态网页 11
1.3.2 Web内容管理 12
1.3.3 Web工具的演化 15
1.3.4 平衡基于Web的服务 17
1.4 网站开发过程 18
1.4.1 网站定义和规划 18
1.4.2 信息架构 22
1.4.3 网站设计 22
1.4.4 网站建设 24
1.4.5 网站营销 26
1.4.6 跟踪、评估和维护 27
1.5 制订项目章程 29
1.6 运行Web项目的常用设备 34
第2章 通用可用性 36
2.1 通用可用性的基础知识 36
2.1.1 可访问性 36
2.1.2 可用性及以用户为中心的设计 37
2.1.3 通用设计 37
2.2 通用可用性指南 37
2.2.1 超越“典型”用户 38
2.2.2 支持适应性 38
2.3 设计进程中的通用可用性 41
2.3.1 用户调研 44
2.3.2 设计和评估 46
第3章 信息架构 50
3.1 组织信息 50
3.1.1 内容目录 51
3.1.2 分块信息 54
3.2 网站结构 55
3.2.1 网站的浏览功能 55
3.2.2 使用网站搜索来导航 56
3.2.3 网站结构主题 57
3.3 展示信息架构 61
3.3.1 网站图表 61
3.3.2 线框图 63
第4章 界面设计 68
4.1 导航和路径搜索 68
4.1.1 路径：带路 70
4.1.2 区域与边界：矛盾的一致性 70
4.1.3 节点：本地咖啡馆还是泰晤士广场 70
4.1.4 地标：“你在这里” 71
4.1.5 小结：网站中的路径搜索原则 71
4.1.6 浏览与搜索 71
4.1.7 定位 72
4.1.8 支持Web搜索用户 72
4.2 界面设计 74
4.2.1 清晰的导航帮助 75
4.2.2 没有尽头的页面 75
4.2.3 直接访问 76
4.2.4 单一性及一致性 76
4.2.5 设计完整性和稳定性 78
4.2.6 反馈及对话 79
4.2.7 宽带与交互 79
4.2.8 界面设计惯例 80
4.3 信息设计 82
4.3.1 独立页面 83
4.3.2 总结：信息设计指南 84
4.4 企业界面 85
第5章 网站结构 87
5.1 语义内容标注 87
5.1.1 HTML文档结构 88
5.1.2 注意浏览器的不同 91
5.1.3 关于语义标注的小结 91
5.2 网站文件结构 91
5.2.1 隐蔽的网站语义 92
5.2.2 命名惯例 92
5.2.3 高效可维护的结构 94
5.2.4 HTML内容窗口的语义结构 97
5.3 搜索引擎优化 98
5.3.1 Web搜索的长尾 99
5.3.2 基本的搜索引擎原则 99
5.3.3 针对搜索优化页面 102
第6章 页面结构 108
6.1 结合环境进行网站设计 108
6.1.1 万维网 109
6.1.2 企业Web标识 109
6.2 页面结构和网站设计 109
6.2.1 页眉 109
6.2.2 浏览栏 112
6.2.3 内容区域 113
6.3 页面模板 115
6.3.1 内部页面模板 115
6.3.2 次页模板 116
6.3.3 主页 117
第7章 页面设计 124
7.1 文档设计 124
7.1.1 适应性设计 125
7.1.2 文档顺序 126
7.1.3 选择性显示 127
7.1.4 文本替代物 128
7.1.5 了解媒介 128
7.2 视觉设计 129
7.2.1 一致性 132
7.2.2 对比 132
7.2.3 空白区域 135
7.2.4 样式 136
7.2.5 简单 136
7.2.6 视觉设计的Gestalt原则 137
7.3 页面框架 137
7.3.1 固定页面宽度 138
7.3.2 灵活页面宽度 139
7.4 页面宽度和行长 140
7.4.1 页面长度 141
7.4.2 页眉和页脚 143
7.4.3 网页的垂直分层 144
7.5 网页的设计网格 146
第8章 版式 150
8.1 Web字体特色 150
8.1.1 动态构建 151
8.1.2 内容结构及视觉逻辑 151
8.1.3 层叠样式表 151
8.1.4 一致性 154
8.2 易读性 155
8.2.1 对齐与空白 155
8.2.2 对齐选项 156
8.2.3 行长 157
8.2.4 字体颜色 158
8.3 字体 159
8.3.1 选择字体 160
8.3.2 字号 162
8.4 强调 164
8.5 图文效果 167
第9章 编辑风格 169
9.1 构建散文 169
9.1.1 网站结构 170
9.1.2 页面结构 170
9.2 在线样式 173
9.2.1 对比和强调 173
9.2.2 散文风格 174
9.2.3 其他风格 174
9.2.4 关键字 175
9.2.5 标题和子标题 177
9.2.6 页面标题 177
9.3 Web文档的文本格式 178
9.4 链接 179
9.4.1 说明性链接 180
9.4.2 链接下划线 180
9.4.3 已访问和未访问的链接 180
第10章 表格及应用 182
10.1 交互支持技术 182
10.1.1 Ajax 184
10.1.2 可访问性 185
10.2 设计Web应用程序 185
10.2.1 约束与简明 185
10.2.2 设计模式 186
10.2.3 控件 186
10.2.4 交互引导 188
10.2.5 响应错误 191
10.3 设计进程 194
10.3.1 线框图 194
10.3.2 原型 194
第11章 图形 196
11.1 网络图形的角色 196
11.2 充当内容的图形 197
11.2.1 插画 198
11.2.2 解释概念以及清晰显示数据 198
11.2.3 综合的视觉展示 198
11.2.4 网络中的图形交流 200
11.3 Web图形的特点 200
11.3.1 彩色显示 200
11.3.2 屏幕分辨率 201
11.3.3 伽玛值 201
11.3.4 图形和带宽 202
11.4 图形文件格式 202
11.4.1 GIF图形 203
11.4.2 GIF文件压缩 203
11.4.3 抖动 203
11.4.4 改善GIF压缩 204
11.4.5 隔行显示的GIF 204
11.4.6 透明的GIF 205
11.4.7 JPEG图形 205
11.4.8 PNG图形 207
11.5 成像策略 207
11.5.1 界面元素 207
11.5.2 将照片另存为GIF格式 207
11.5.3 将照片另存JPEG格式 208
11.5.4 将示意图和插画另存为矢量图形 208
11.5.5 对Web网站的图形归档 209
11.5.6 总结：文件格式 209
11.6 屏幕上的图像 210
11.6.1 屏幕显示与打印彩色艺术作品的对比 210
11.6.2 复杂的插画或者照片 211
11.6.3 用于计算机屏幕显示的示意图 212
11.6.4 图形文字 214
11.6.5 使用大图 214
11.6.6 隐藏图形 215
11.7 图形标注 215
11.7.1 高度和宽度标签 215
11.7.2 替代性文字 216
11.7.3 彩色背景 217
11.7.4 背景图形 220
第12章 多媒体 222
12.1 对多媒体的一些考虑 222
12.2 网络多媒体策略 223
12.2.1 音频 223
12.2.2 幻灯片 224
12.2.3 视频 224
12.2.4 动画 225
12.2.5 文本替代物 225
12.3 多媒体准备 226
12.3.1 加工 226
12.3.2 传输 227
12.4 设计和多媒体 228
12.4.1 通知用户 228
12.4.2 提供控件 229
12.4.3 支持键盘交互 230
12.4.4 提供选择 230
附录A 缩写词 232
附录B 参考文献 234