Web设计大全

目 录

译者序

前言

第一部分 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