Web設(shè)計大全

目      錄
譯者序
前言
第一部分   Web設(shè)計核心問題
第1章   什么是Web設(shè)計 1
1.1   Web設(shè)計的金字塔 1
1.2   建設(shè)Web站點(diǎn) 2
1.3   為用戶設(shè)計 5
1.4   從紙張到軟件 5
1.5   Web的圖形用戶界面?zhèn)鹘y(tǒng) 7
1.6   內(nèi)容的關(guān)注 7
1.7   外觀問題 8
1.8   形式和功能的平衡 11
1.9   什么是好的Web設(shè)計 11
1.10   探索Web設(shè)計 13
1.11   所見即所想 14
1.12   小結(jié) 14
第2章   Web設(shè)計進(jìn)程 16
2.1   進(jìn)程需求 16
2.2   特別的Web進(jìn)程 16
2.3   基本的Web進(jìn)程模型 17
2.3.1   修正瀑布模型 18
2.3.2   聯(lián)合應(yīng)用開發(fā)模型 19
2.4   Web站點(diǎn)項(xiàng)目的途徑 20
2.5   目標(biāo)和問題 20
2.5.1   集體討論 21
2.5.2   縮小目標(biāo) 22
2.6   訪問者 22
2.7   需求 23
2.8   站點(diǎn)規(guī)劃 23
2.9   分割的設(shè)計階段 25
2.9.1   塊的組合 25
2.9.2   屏幕和紙張的組合圖 26
2.9.3   模擬站點(diǎn) 29
2.10   Beta版站點(diǎn)實(shí)現(xiàn) 29
2.11   測試 29
2.12   發(fā)布和以后的問題 30
2.13   歡迎來到真實(shí)世界 31
2.14   小結(jié) 31
第3章   為用戶設(shè)計 32
3.1   可用性 32
3.2   誰是Web用戶 34
3.3   用戶的共同特征 35
3.4   記憶力 37
3.5   響應(yīng)和反應(yīng)時間 39
3.6   激勵問題的處理 43
3.6.1   極限 43
3.6.2   雞尾酒會效應(yīng) 43
3.6.3   感覺適應(yīng) 44
3.7   移動能力 44
3.8   用戶的世界 45
3.9   用戶的一般類型 48
3.10   Web規(guī)則 50
3.11   易訪問性 52
3.12   建設(shè)可用的站點(diǎn) 54
3.13   可用性超過一切 57
3.14   誰在控制Web體驗(yàn) 57
3.15   小結(jié) 58
第二部分   站點(diǎn)組織和瀏覽
第4章   站點(diǎn)類型和體系結(jié)構(gòu) 59
4.1   一般Web站點(diǎn)類型 59
4.2   動態(tài)站點(diǎn) 60
4.3   站點(diǎn)結(jié)構(gòu) 61
4.3.1   邏輯站點(diǎn)組織模型 62
4.3.2   層次結(jié)構(gòu) 65
4.4   用戶和站點(diǎn)結(jié)構(gòu) 70
4.5   站點(diǎn)的深與淺 73
4.6   Web站點(diǎn)的特殊類型 74
4.6.1   商業(yè)站點(diǎn) 75
4.6.2   信息站點(diǎn) 75
4.6.3   娛樂站點(diǎn) 76
4.6.4   導(dǎo)航站點(diǎn) 76
4.6.5   社區(qū)站點(diǎn) 76
4.6.6   藝術(shù)站點(diǎn) 77
4.6.7   個人站點(diǎn) 77
4.7   選擇站點(diǎn)結(jié)構(gòu) 77
4.8   小結(jié) 78
第5章   導(dǎo)航理論與實(shí)踐 80
5.1   導(dǎo)航 80
5.2   我在哪？ 81
5.2.1   Web上的精確定位：URL 81
5.2.2   網(wǎng)頁和站點(diǎn)標(biāo)簽 81
5.2.3   網(wǎng)頁. 站點(diǎn)的樣式和位置 84
5.2.4   我曾到過哪？ 85
5.3   我能去哪？ 87
5.4   導(dǎo)航位置 88
5.4.1   頂部導(dǎo)航 88
5.4.2   底部導(dǎo)航 89
5.4.3   左導(dǎo)航 89
5.4.4   右導(dǎo)航 96
5.4.5   中心導(dǎo)航 97
5.5   導(dǎo)航的一致性 97
5.6   導(dǎo)航和滾動 99
5.7   導(dǎo)航和鼠標(biāo)移動 100
5.8   幀 100
5.8.1   幀問題 102
5.8.2   使用幀 103
5.9   子窗口 112
5.10   書簽設(shè)置 114
5.11   小結(jié) 116
第6章   鏈接：文本. 按鈕. 圖標(biāo)及圖形 117
6.1   基本的Web鏈接模型 117
6.1.1   結(jié)構(gòu)和非結(jié)構(gòu)鏈接的比較 117
6.1.2   靜態(tài)和動態(tài)鏈接 118
6.2   鏈接形式的分類 118
6.2.1   文本鏈接 118
6.2.2   圖形文本鏈接 119
6.2.3   按鈕 125
6.2.4   圖標(biāo) 130
6.2.5   圖像映射 132
6.2.6   其他鏈接方式 136
6.3   鏈接的實(shí)現(xiàn)問題：可用性. 反饋和
        支持 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   狀態(tài)條信息 158
6.5   鏈接的鍵盤支持 160
6.6   高級的Web鏈接模型 161
6.7   鏈接的維護(hù) 161
6.8   小結(jié) 163
第7章   搜索與設(shè)計 165
7.1   網(wǎng)際搜索 165
7.2   Web搜索總論 165
7.3   用戶搜索方式 166
7.4   搜索引擎如何工作 167
7.4.1   收集網(wǎng)頁 167
7.4.2   索引頁 168
7.5   搜索引擎改進(jìn) 171
7.5.1   添加到搜索引擎 171
7.5.2   自動排斥 172
7.5.3   Robots.txt 172
7.5.4   由控制自動排斥 173
7.6   優(yōu)化搜索引擎 173
7.6.1   標(biāo)簽 174
7.6.2   標(biāo)題和文件命名 175
7.6.3   相關(guān)文本內(nèi)容 175
7.6.4   鏈接和切入點(diǎn) 176
7.6.5   花招 176
7.6.6   標(biāo)題廣告 177
7.7   對本地搜索的需要 179
7.8   添加搜索工具的過程 180
7.9   設(shè)計搜索界面 181
7.9.1   訪問搜索 181
7.9.2   設(shè)計一個基本的搜索界面 183
7.10   高級搜索窗體的設(shè)計 185
7.11   結(jié)果頁面設(shè)計 186
7.12   小結(jié) 192
第8章   站點(diǎn)映像. 索引. 其他導(dǎo)航及用戶
        幫助 193
8.1   不只是搜索 193
8.2   站點(diǎn)映像 193
8.2.1   文本方式站點(diǎn)映像 194
8.2.2   圖形站點(diǎn)映像 197
8.3   設(shè)計站點(diǎn)映像 199
8.4   顯示范圍和目的地選擇 202
8.5   創(chuàng)建站點(diǎn)映像 203
8.6   “地理”導(dǎo)航的好處 204
8.7   站點(diǎn)索引 205
8.8   漫游 206
8.9   幫助系統(tǒng) 207
8.9.1   何時使用幫助 207
8.9.2   復(fù)雜的幫助系統(tǒng) 210
8.10   術(shù)語表 212
8.11   “什么是最新的”部分 213
8.12   小結(jié) 214
第三部分   網(wǎng)頁設(shè)計的要素
第9章   網(wǎng)頁類型與布局 215
9.1   什么是網(wǎng)頁 215
9.2   網(wǎng)頁尺寸 216
9.3   網(wǎng)頁邊距 227
9.4   網(wǎng)頁類型 229
9.5   入口網(wǎng)頁 229
9.5.1   飛出網(wǎng)頁 230
9.5.2   主頁 231
9.5.3   子頁：導(dǎo)航與內(nèi)容的比較 233
9.5.4   內(nèi)容網(wǎng)頁 235
9.5.5   任務(wù)相關(guān)網(wǎng)頁 239
9.6   退出網(wǎng)頁 244
9.7   Web設(shè)計學(xué)派 246
9.7.1   文本設(shè)計 246
9.7.2   隱喻和主題設(shè)計 248
9.7.3   基于GUI的設(shè)計 249
9.7.4   非常規(guī)設(shè)計 251
9.8   布局示例 252
9.8.1   TLB網(wǎng)頁 252
9.8.2   標(biāo)題-頁腳網(wǎng)頁 252
9.8.3   浮動窗口網(wǎng)頁 254
9.8.4   可伸展網(wǎng)頁 257
9.9   通用站點(diǎn)外觀 258
9.10   小結(jié) 259
第10章   文本 260
10.1   媒體情況 260
10.1.1   用圖形控制文本 260
10.1.2   舉起你的雙手投降 264
10.1.3   現(xiàn)代的Baskerville 264
10.2   排版術(shù)語101 266
10.3   字體 267
10.4   在Web網(wǎng)頁中設(shè)置字體 268
10.5   使用可下載的字體 270
10.5.1   Netscape 的動態(tài)字體 270
10.5.2   微軟的動態(tài)字體 271
10.5.3   設(shè)置字體格式 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   設(shè)置字體層次 284
10.7.1   標(biāo)題和副標(biāo)題 284
10.7.2   表示段及節(jié) 286
10.8   表格的格式化 294
10.9   細(xì)節(jié) 296
10.10   特殊文本的布局 298
10.11   用于Web的文本設(shè)計問題 302
10.11.1   Web上的欄 303
10.11.2   空白空間是好還是壞 304
10.12   經(jīng)常考慮媒體的使用 304
10.13   寫給Web 305
10.13.1   閱讀與掃描的對比 305
10.13.2   非線性寫法 306
10.13.3   危險的詞 306
10.14   小結(jié) 306
第11章   顏色. 圖像及背景 308
11.1   顏色基礎(chǔ) 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和圖像：標(biāo)簽 324
11.4.3   圖像類型 328
11.4.4   與圖像相關(guān)的問題 335
11.4.5   分割圖像 340
11.4.6   Web中基于矢量的藝術(shù)： Flash 341
11.5   背景圖像 342
11.6   小結(jié) 352
第12章   利用GUI特性創(chuàng)建交互性 353
12.1   網(wǎng)站和傳統(tǒng)的GUI 353
12.2   GUI設(shè)計的含義 356
12.3   窗口 356
12.4   全屏窗口 360
12.5   子窗口 361
12.5.1   警告 361
12.5.2   確認(rèn) 365
12.5.3   提示 366
12.6   窗體 368
12.6.1   標(biāo)簽 368
12.6.2   單行文本區(qū) 369
12.7   密碼文本區(qū) 371
12.7.1   多行文本的輸入 371
12.7.2   復(fù)選框 374
12.7.3   單選按鈕 375
12.8   下拉式菜單 381
12.9   滾動列表 387
12.10   按鈕 388
12.10.1   復(fù)位按鈕 388
12.10.2   提交按鈕 389
12.10.3   圖像按鈕 389
12.10.4   文件上載控制 390
12.11   可用的窗體 391
12.11.1   請求的文本區(qū) 394
12.11.2   使用Tab鍵的窗體 394
12.11.3   第一文本區(qū)的聚焦 395
12.11.4   鍵盤的快捷方式 396
12.12   窗體校驗(yàn) 400
12.12.1   文本區(qū)屏蔽 401
12.12.2   文本區(qū)的失效 402
12.12.3   只讀文本區(qū) 404
12.12.4   缺省數(shù)據(jù) 405
12.12.5   Internet Explorer自動完成 406
12.13   先進(jìn)的Web GUI特性 407
12.13.1   樹形導(dǎo)航 408
12.13.2   Tabbed對話框 409
12.13.3   游標(biāo) 410
12.13.4   上下文菜單 410
12.14   什么時候Web應(yīng)用才是真正的應(yīng)用 411
12.15   小結(jié) 412
第四部分   技術(shù)與Web設(shè)計
第13章   Web技術(shù)及其對Web設(shè)計的影響 413
13.1   Web技術(shù)問題：一桶冰冷的水 413
13.2   瀏覽器 414
13.3   HTML 422
13.4   HTML有規(guī)則嗎 422
13.4.1   HTML規(guī)則 424
13.4.2   XHTML 430
13.5   面向表示的HTML 432
13.6   CSS 433
13.6.1   CSS的使用 434
13.6.2   CSS的實(shí)踐 437
13.7   創(chuàng)作HTML/CSS頁 439
13.8   XML 442
13.9   編程與Web設(shè)計 447
13.10   服務(wù)器端的編程 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設(shè)計中的多媒體 470
13.15   動畫 470
13.16   聲音 471
13.16.1   數(shù)字音頻基礎(chǔ) 471
13.16.2   音頻文件格式和壓縮 472
13.16.3   簡單的Web音頻 472
13.16.4   簡單音頻的實(shí)踐 473
13.16.5   流音頻 474
13.16.6   可用性和音頻文件 474
13.17   視頻 475
13.17.1   數(shù)字視頻基礎(chǔ) 475
13.17.2   視頻文件格式和壓縮 476
13.18   小結(jié) 477
第14章   站點(diǎn)發(fā)送與管理 478
14.1   發(fā)送的重要性 478
14.2   Web協(xié)議 479
14.3   域名服務(wù) 486
14.4   Web服務(wù)器 486
14.4.1   Web服務(wù)器的構(gòu)成 488
14.4.2   Web服務(wù)器軟件 489
14.4.3   Web服務(wù)器的位置 491
14.5   外購的Web宿主環(huán)境 492
14.5.1   共享式宿主 492
14.5.2   專用的宿主 493
14.6   管理Web服務(wù)器 494
14.7   內(nèi)容管理 496
14.8   使用情況分析 500
14.9   隱私 506
14.10   內(nèi)容焦點(diǎn) 506
14.11   小結(jié) 508
第五部分   未來方向
第15章   Web設(shè)計的未來 511
15.1   不久的將來 511
15.1.1   HTML的遺產(chǎn) 511
15.1.2   大雜燴 512
15.1.3   XML：對一切都好還是一無是處 515
15.1.4   用戶準(zhǔn)則 516
15.2   寬帶的興起 516
15.2.1   不基于PC的Web訪問 517
15.2.2   瀏覽器變成了日用品 517
15.2.3   無限制的Web訪問 518
15.3   團(tuán)體效果 519
15.4   內(nèi)容過載問題 520
15.5   Web生活方式 523
15.6   小結(jié) 524
第六部分   附      錄
附錄A   Web設(shè)計的核心準(zhǔn)則 525
附錄B   站點(diǎn)評估過程示例 544
附錄C   字體 591
附錄D   顏色參考 605