網(wǎng)站重構(gòu)：應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)（第2版）

定　價(jià)：￥49.80

作　者：	（美國(guó)）（Jeffrey Zeldman）澤爾德曼著；傅捷等譯
出版社：	電子工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	網(wǎng)站開(kāi)發(fā)

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787121057106	出版時(shí)間：	2008-04-01	包裝：	平裝
開(kāi)本：	16	頁(yè)數(shù)：	417 pages	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　暢銷(xiāo)書(shū)作者、網(wǎng)頁(yè)設(shè)計(jì)師、Web標(biāo)準(zhǔn)的“傳教士”Jeffrey Zeldman已經(jīng)對(duì)他震撼業(yè)界的經(jīng)典書(shū)籍《網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)（第1版）》進(jìn)行了升級(jí)更新。新版（現(xiàn)在原版書(shū)是全彩的）增加了在第1版出版之后各瀏覽器的發(fā)展動(dòng)態(tài)以及為適應(yīng)標(biāo)準(zhǔn)化設(shè)計(jì)所做的最新改進(jìn)。第2版與第1版保持同樣的寫(xiě)作風(fēng)格，作者用幽默詼諧語(yǔ)言，把復(fù)雜的事情講得簡(jiǎn)單明了，引人入勝。書(shū)的核心依然是指導(dǎo)我們?nèi)绾谓⒁粋€(gè)顯示的速度更快、能訪問(wèn)的用戶(hù)更多、設(shè)計(jì)和維護(hù)成本更低的網(wǎng)站。Jeffrey Zeldman用他敏銳的分析來(lái)幫助我們了解Web標(biāo)準(zhǔn)如何促進(jìn)搜索引擎變得更友好，以及Web 2.0的應(yīng)用給網(wǎng)絡(luò)媒體帶來(lái)的新的活力。讀者也將從本書(shū)學(xué)習(xí)到最新的、兼容多瀏覽器的CSS布局技術(shù)，學(xué)習(xí)到使Web內(nèi)容有更好的易用性（accessible）的方法并將從中獲益匪淺。

作者簡(jiǎn)介

　　Jeffrey Zeldman，是最早一批Web設(shè)計(jì)師之一，之前他曾擔(dān)任藝術(shù)總監(jiān)和廣告文案撰稿人。1995年，他開(kāi)始建立最有影響力的個(gè)人站點(diǎn)撰寫(xiě)Web設(shè)計(jì)方面理論的經(jīng)驗(yàn)教程，該網(wǎng)站擁有廣泛的讀者。1998年，他牽頭創(chuàng)建了Web標(biāo)準(zhǔn)推廣組織“The Web Standards Project”。這是一個(gè)民間自發(fā)的組織，主要目的是說(shuō)服Microsoft和Netscape在他們開(kāi)發(fā)的瀏覽器中支持相同的技術(shù)。同年，他為“網(wǎng)站建設(shè)者”們建立了“A List Apart”，成為當(dāng)時(shí)業(yè)界最有權(quán)威和影響力的電子雜志。Jeffrey Zeldman是“Happy Cog”的發(fā)起人之一和創(chuàng)意總監(jiān)（Happy Cog則是一位Web設(shè)計(jì)和用戶(hù)體驗(yàn)專(zhuān)家），他寫(xiě)過(guò)許多文章，出版過(guò)兩本書(shū)，其中包括這本“Designing With Web Standards”。他是一位深受讀者喜愛(ài)的環(huán)球演講師，在2005年，Jeffrey和Eric Meyer共同創(chuàng)辦了“An Event Apart”，一個(gè)關(guān)于Web標(biāo)準(zhǔn)設(shè)計(jì)和編碼的傳播會(huì)議。Ethan Marcotte（第2版技術(shù)編輯）Ethan Marcotte從事網(wǎng)絡(luò)設(shè)計(jì)和開(kāi)發(fā)已將近十年，但他依然對(duì)本書(shū)介紹的知識(shí)感到驚詫和興奮。他是Vertua工作室的發(fā)起人和首席設(shè)計(jì)師，致力于建設(shè)基于標(biāo)準(zhǔn)的、美觀的、可用性好的網(wǎng)站。Ethan在基于標(biāo)準(zhǔn)設(shè)計(jì)方面已經(jīng)初露鋒芒，受人尊敬。他是世界Web設(shè)計(jì)大會(huì)（Web Design World）和SxSW（the South by Southwest）交互大會(huì)的特邀演講人，并維護(hù)一個(gè)受人喜愛(ài)的小博客（sidesh0w.com，雖然更新不多）。他的客戶(hù)包括：紐約雜志（New York Magazine）、哈佛大學(xué)、迪士尼和道富銀行（State Street Bank）等。Ethan的個(gè)人網(wǎng)站是unstoppablerbotninja.com。J. David Eisenberg（第1版技術(shù)編輯）J. David Eisenberg住在加利福尼亞州的圣何塞（San Jose），和他的兩只可愛(ài)的貓：Marco、Big Tony一起生活。他在長(zhǎng)春谷學(xué)院（Evergreen Valley College）教授HTML、XML、Perl和JavaScript課程，喜歡寫(xiě)網(wǎng)絡(luò)教程。他還是“SVG Essentials”（SVG編程指南）以及“OASIS OpenDocument Essentials”（OASIS開(kāi)放文檔格式指南）兩本書(shū)的作者。在美國(guó)伊利諾大學(xué)時(shí)，David曾參與過(guò)PLATO計(jì)算機(jī)輔助教學(xué)項(xiàng)目（PLATO computer-assisted instruction project）的開(kāi)發(fā)，還為Burroughs公司和Apple公司工作過(guò)。Eric Meyer（第1版技術(shù)編輯）Eric Meyer從1993年的晚些時(shí)候起就開(kāi)始在Web上工作，他是CSS和Web標(biāo)準(zhǔn)應(yīng)用方面國(guó)際公認(rèn)的專(zhuān)家，是最棒的CSS圖書(shū)作者、CSS方面的權(quán)威泰斗。他的七本書(shū)被翻譯成六種語(yǔ)言，銷(xiāo)售了幾千萬(wàn)冊(cè)。目前Eric是Complex Spiral Consulting公司的總監(jiān)，致力于幫助客戶(hù)使用Web標(biāo)準(zhǔn)來(lái)縮減成本、改善用戶(hù)體驗(yàn)。他幫助的對(duì)象從大學(xué)到政府實(shí)驗(yàn)室，到世界財(cái)富500強(qiáng)公司都有。近期比較知名的客戶(hù)包括：America On-Line（美國(guó)在線）、Apple（蘋(píng)果）公司、Macromedia、Sandia National Laboratory（美國(guó)桑地亞國(guó)家實(shí)驗(yàn)室）和Wells Fargo Bank（美國(guó)富國(guó)銀行）。

圖書(shū)目錄

引言 1
第1部分　休斯頓，我們遇到麻煩了
在開(kāi)始之前 11
費(fèi)用上升，效益下降 12
終止網(wǎng)站淘汰的怪圈 14
什么是向后兼容 15
沒(méi)有規(guī)則，沒(méi)有教條 16
實(shí)踐，不是理論 18
這樣的轉(zhuǎn)變真的必需嗎 20
第1章　99.9%的網(wǎng)站都是過(guò)時(shí)的 21
1.1　現(xiàn)代瀏覽器和Web標(biāo)準(zhǔn) 22
新版本中的新代碼 24
1.2 “多瀏覽器版本”問(wèn)題 25
1.3　向前兼容的代價(jià) 27
1.3.1　過(guò)時(shí)的標(biāo)記：網(wǎng)站所有者的成本 31
1.3.2　向前兼容 33
1.3.3　屏蔽用戶(hù)對(duì)商務(wù)不利 33
1.3.4　愚蠢之路 38
1.4　垃圾代碼 39
1.5　治療 41
第2章　根據(jù)標(biāo)準(zhǔn)設(shè)計(jì)和制作 43
2.1　歷經(jīng)磨難 45
2.2　無(wú)標(biāo)準(zhǔn)時(shí)代的設(shè)計(jì)成本 46
2.3　時(shí)髦的站點(diǎn)，古老的方法 47
2.4　悲慘的王國(guó) 51
2.5　Web標(biāo)準(zhǔn)三劍客 53
2.5.1　結(jié)構(gòu) 53
2.5.2　表現(xiàn) 56
2.5.3　行為 57
2.6　實(shí)際應(yīng)用 57
2.7　過(guò)渡方法的好處 58
2.8　Web標(biāo)準(zhǔn)組織：跨平臺(tái)性 60
文檔一次建立，隨處使用 63
2.9　“A List Apart”：一個(gè)頁(yè)面，多種瀏覽方式 63
2.9.1　屏幕以外的設(shè)計(jì) 65
2.9.2　節(jié)約時(shí)間和成本，增加擴(kuò)展性 66
2.10　我們要去往哪里 67
2.10.1　過(guò)渡型的向后兼容（混合設(shè)計(jì)） 67
2.10.2　嚴(yán)格的向后兼容 69
第3章　推廣標(biāo)準(zhǔn)的困難 73
3.1　看起來(lái)漂亮，代碼卻丑陋 74
3.1.1　共同的目標(biāo)，共同的手段 76
3.1.2　理解vs真實(shí) 77
3.2　2000年：瀏覽器之年 78
3.2.1　IE5/Mac：DOCTPE轉(zhuǎn)換和放大 79
3.2.2　Netscape的大膽轉(zhuǎn)移 82
3.2.3　普遍支持 82
3.3　太少，太遲 83
CSS：第一次嘗試 84
3.4　糟糕的瀏覽器養(yǎng)成壞習(xí)慣 84
3.4.1　默認(rèn)樣式的缺點(diǎn) 85
3.4.2　缺乏繼承 86
3.4.3　混亂的交互行為 87
3.4.4　最終的標(biāo)準(zhǔn)化腳本語(yǔ)言 88
3.5　混亂的網(wǎng)站和令人困惑的標(biāo)簽 89
3.5.1　理論vs經(jīng)濟(jì) 90
3.5.2　軟件會(huì)幫你做 91
3.5.3　了解產(chǎn)品vs了解標(biāo)準(zhǔn) 91
3.6　字母F 92
3.6.1　Flash的價(jià)值 94
3.6.2　使用Flash的問(wèn)題 96
3.6.3　另外一些使用Flash的問(wèn)題 96
3.7　兼容是一個(gè)禁忌詞語(yǔ) 97
3.7.1　語(yǔ)言對(duì)于形成理解的威力 97
3.7.2　靈感問(wèn)題 98
3.7.3　其他問(wèn)題 99
第4章　可尋性、聚合、博客、播客、長(zhǎng)尾、Ajax（和其他標(biāo)準(zhǔn)勝利的理由） 101
4.1　通用的語(yǔ)言（XML） 103
4.1.1　XML和HTML的比較 104
4.1.2　一個(gè)父母，多個(gè)孩子 105
4.1.3　專(zhuān)業(yè)定制軟件的基本要素 105
4.1.4　比White Rapper更流行 106
4.1.5　選擇XML的五個(gè)因素 108
4.1.6　創(chuàng)造力的寶藏 109
4.1.7　Web發(fā)布工具 113
4.1.8　等候你的使用 114
4.2　XML應(yīng)用程序和你的站點(diǎn) 116
4.3　與生俱來(lái)的兼容性 116
4.4　協(xié)作的新時(shí)代 117
4.4.1　校驗(yàn)程序及其規(guī)范 117
4.4.2　校驗(yàn)程序是怎么工作的 118
4.4.3　WHAT工作小組 119
4.4.4　IE7和Web標(biāo)準(zhǔn)組織
4.4.4　WaSP 119
4.5　Web標(biāo)準(zhǔn)和創(chuàng)作工具 120
4.5.1　Dreamweaver特別小組 120
4.5.2　WYSIWYG工具的成熟 121
4.5.3　從FrontPage到Expression Web Designer 122
4.6　CSS布局的出現(xiàn) 122
4.6.1　瀏覽器向標(biāo)準(zhǔn)升級(jí)之戰(zhàn) 123
4.6.2　風(fēng)起云涌 126
4.6.3　無(wú)數(shù)正在轉(zhuǎn)變的個(gè)人網(wǎng)站和他們依靠的幫助網(wǎng)站 128
4.6.4　最全的CSS知識(shí)庫(kù) 131
4.7　流行時(shí)尚 131
4.8　Web標(biāo)準(zhǔn)的主流 132
4.8.1　商業(yè)站點(diǎn)冒險(xiǎn)嘗試 134
4.8.2　Wired Digital的重構(gòu) 135
4.8.3　設(shè)計(jì)師的轉(zhuǎn)變 137
4.8.4　點(diǎn)擊隨之而來(lái) 139
4.8.5　通過(guò)校驗(yàn)是成功的保證 140
第2部分　設(shè)計(jì)與構(gòu)建
第5章　現(xiàn)代標(biāo)記語(yǔ)言 143
5.1　垃圾代碼標(biāo)記的可恥秘密 148
5.2　重新闡述了什么 150
5.3　執(zhí)行概要 152
5.4　什么樣的XHTML適合您 152
5.4.1　XHTML 2為我還是為你而生 152
5.4.2　切換到XHTML的10個(gè)最主要的理由 154
5.4.3　不要切換到XHTML的5個(gè)最主要的理由 155
第6章　XHTML：Web重構(gòu) 157
6.1　轉(zhuǎn)換到XHTML：規(guī)則
6.1　簡(jiǎn)單，容易上手 158
6.1.1　用正確的文檔類(lèi)型（DOCTYPE）和命名空間（Namespace） 158
6.1.2　聲明你的內(nèi)容類(lèi)型 161
6.1.3　用小寫(xiě)字母書(shū)寫(xiě)所有的標(biāo)簽 163
6.1.4　給所有屬性值加引號(hào) 165
6.1.5　所有屬性都需要值 166
6.1.6　關(guān)閉所有的標(biāo)簽 167
6.1.7　“空”標(biāo)簽也要關(guān)閉 167
6.1.8　不要在注釋內(nèi)容中使用“——” 168
6.1.9　將所有的<和&符號(hào)編碼 168
6.2　執(zhí)行概要：XHTML
6.2　的規(guī)則 169
6.2.1　字符編碼：無(wú)趣，
5.4.1　很無(wú)趣，真的無(wú)趣 169
6.2.2　結(jié)構(gòu)康復(fù)——對(duì)我有益 171
6.2.3　用理性代替樣式來(lái)標(biāo)志你的文檔 171
6.3　視覺(jué)元素和結(jié)構(gòu) 175
第7章　緊湊而堅(jiān)固的頁(yè)面保證：以嚴(yán)格和混合的標(biāo)記組成的結(jié)構(gòu) 177
7.1　所有的元素都必須是結(jié)構(gòu)化的嗎 178
7.1.1　div、id和其他助手 179
7.1.2　語(yǔ)義化標(biāo)記和可重用性 183
7.2　混合布局和簡(jiǎn)潔的標(biāo)記：
7.2　要做什么和不要做什么 187
7.2.1　給壞習(xí)慣命名 187
7.2.2　在超文本標(biāo)記中的普遍錯(cuò)誤 188
7.2.3　divs剛剛好 191
7.2.4　熱愛(ài)id 192
7.2.5　消除冗余的表格單元 194
7.3　過(guò)時(shí)方法的展示 195
7.3.1　映射的時(shí)代 195
7.3.2　映射和它的不足 196
7.3.3　沒(méi)有結(jié)構(gòu)就沒(méi)有可訪問(wèn)性 197
7.3.4　切割 197
7.3.5　切割時(shí)代 198
7.3.6　多余的冗長(zhǎng)表格 199
7.3.7　劣質(zhì)CSS登場(chǎng) 200
7.3.8　繼續(xù)前進(jìn) 204
第8章　XHTML的示例：混合布局（第一部分） 205
8.1　本章使用的過(guò)渡方法的好處 206
用樣式表代替JavaScript 206
8.2　基本方法（概述） 206
8.2.1　分割表格：CCS和可訪問(wèn)性的優(yōu)點(diǎn) 208
8.2.2　什么是跳過(guò)導(dǎo)航，以及為什么跳過(guò) 208
8.2.3　附加的id屬性 213
8.3　開(kāi)始標(biāo)記和結(jié)束標(biāo)記是對(duì)應(yīng)的 214
8.3.1　導(dǎo)航標(biāo)記：第一個(gè)表格 215
8.3.2　陳述、語(yǔ)義、純度、錯(cuò)誤 216
8.3.3　內(nèi)容標(biāo)記：第二個(gè)表格 217
第9章　CSS入門(mén) 219
9.1　CSS概述 220
CSS的優(yōu)點(diǎn) 220
9.2　樣式解析 222
9.2.1　選擇器、聲明、屬性和值 222
9.2.2　多重聲明 223
9.2.3　空格和不區(qū)分大小寫(xiě) 224
9.2.4　字體選擇和默認(rèn)值 225
9.2.5　群選擇符 226
9.2.6　繼承和它的不足之處 226
9.2.7　包含選擇符 228
9.2.8　id選擇符和包含id選擇符 229
9.2.9　類(lèi)別選擇符 230
9.2.10　組合使用選擇符創(chuàng)造精致的設(shè)計(jì)效果 231
9.3　外聯(lián)、嵌入、內(nèi)聯(lián)樣式 234
9.3.1　外聯(lián)樣式表 234
9.3.2　內(nèi)聯(lián)樣式 238
9.4 “最合適方案”設(shè)計(jì)方法 238
9.4.1　從嵌入樣式到外聯(lián)樣式：雙表法 239
9.4.2　相對(duì)及絕對(duì)文件路徑 240
9.4.3　最佳方案設(shè)計(jì)法和雙表法的優(yōu)點(diǎn) 240
第10章　CSS應(yīng)用：混合布局（第二部分） 243
10.1　準(zhǔn)備圖片 244
10.2　設(shè)置基本參數(shù) 246
10.2.1　總體樣式，關(guān)于縮寫(xiě)和邊距的更多內(nèi)容 246
10.2.2　隱藏與塊 247
10.2.3　給鏈接加上顏色（推薦用偽類(lèi)屬性） 249
10.2.4　其他一般元素示意圖 251
10.2.5　關(guān)于字號(hào)的更多內(nèi)容 253
10.2.6　設(shè)置頁(yè)面分界線 256
10.3　導(dǎo)航元素：第一個(gè)步驟 259
10.4　CSS導(dǎo)航條：在第二個(gè)步驟的第一次嘗試 262
10.5　CSS導(dǎo)航條：最后一個(gè)步驟 263
10.6　最后一個(gè)步驟：外聯(lián)樣式和“You Are Here”效果 268
第11章　使用瀏覽器
第一部分：DOCTYPE轉(zhuǎn)換和標(biāo)準(zhǔn)
第11章　模式 271
11.1　DOCTYPE轉(zhuǎn)換的傳奇故事 272
11.1.1　控制瀏覽器性能：DOCTYPE轉(zhuǎn)換 274
11.1.2　所有完整的XHTML DOCTYPE 277
11.2　感謝瀏覽器的多樣性！（或至少學(xué)會(huì)接受） 280
第12章　使用瀏覽器
第二部分：第12章　盒模型、bug和工作區(qū) 285
12.1　盒模型和它的不足之處 286
12.1.1　盒模型是怎樣工作的 287
12.1.2　盒模型是怎樣失效的 288
12.1.3　盒模型Hack方法：
12.1.3　使CSS更安全 295
12.2　IE/Windows上的空格bug 298
12.3　IE6/Windows上的漂浮“（Float）”bug 302
漂?。‵loat），時(shí)隱時(shí)現(xiàn)，遠(yuǎn)離 304
12.4　Flash和Quick Time，期望的對(duì)象 304
12.4.1　可嵌入對(duì)象 305
12.4.2　折中方法：在支持標(biāo)準(zhǔn)的同時(shí)嵌入多媒體 306
12.4.3　對(duì)象故障 307
12.4.4　權(quán)宜之計(jì) 308
第13章　使用瀏覽器
第三部分：排版 311
13.1　字號(hào)問(wèn)題 311
13.2　用戶(hù)控制 312
13.3　守舊的方法 312
磅值產(chǎn)生差異 314
13.4　目前使用的標(biāo)準(zhǔn)尺寸，但它又能延續(xù)多久 315
13.4.1　好工作會(huì)被隨便一個(gè)單擊而否定 318
13.4.2　探尋被遺忘的角落：對(duì)瀏覽器上變化的錯(cuò)誤反應(yīng) 318
13.4.3　標(biāo)準(zhǔn)尺寸和最佳做法 320
13.5　em理論的失敗 321
用戶(hù)的選擇和em單位 321
13.6　像素的作用 322
13.6.1　最小的單位：它是相對(duì)而言的 323
13.6.2　像素的缺點(diǎn) 324
13.7　字體關(guān)鍵字法 325
13.7.1　為什么關(guān)鍵字比em和百分比好 325
13.7.2　關(guān)鍵字執(zhí)行程序的首要問(wèn)題 326
13.7.3　可用字體：持續(xù)問(wèn)題 329
第14章　可訪問(wèn)性基礎(chǔ) 331
14.1　有關(guān)訪問(wèn)性的書(shū)籍 333
14.2　普遍的錯(cuò)誤觀念 334
天才的參與 335
14.3　法律和布局 338
508條款的解釋 339
14.4　深入分析對(duì)可訪問(wèn)性的錯(cuò)誤說(shuō)法 341
14.4.1　錯(cuò)誤的說(shuō)法：可訪問(wèn)性迫使你要為網(wǎng)站創(chuàng)建兩個(gè)版本 341
14.4.2　錯(cuò)誤的說(shuō)法：純文檔網(wǎng)站能給每個(gè)人都提供相等的可訪問(wèn)性 341
14.4.3　錯(cuò)誤的說(shuō)法：可訪問(wèn)性代價(jià)太高 341
14.4.4　錯(cuò)誤的說(shuō)法：可訪問(wèn)性迫使你創(chuàng)建原始的、低檔的設(shè)計(jì) 343
14.4.5　錯(cuò)誤的說(shuō)法：根據(jù)508
14.4.4　條款，網(wǎng)站必須在所有的瀏覽器和用戶(hù)代理上看上去都一樣 344
14.4.6　錯(cuò)誤的說(shuō)法：可訪問(wèn)性“只是為殘障人士服務(wù)的” 344
14.4.7　錯(cuò)誤的說(shuō)法：Dreamweaver MX/Cynthia Says/Lift/InsertTool Name以及其他一些工具可以解決所有可訪問(wèn)性問(wèn)題 345
14.4.8　錯(cuò)誤的說(shuō)法：如果客戶(hù)提出可以忽略可訪問(wèn)性，設(shè)計(jì)師就可以不理睬可訪問(wèn)性條款 346
14.5　關(guān)于可訪問(wèn)性的一點(diǎn)技巧，一個(gè)元素接一個(gè)元素 346
14.5.1　圖片 346
14.5.2　蘋(píng)果的QuickTime和
14.5.2　其他視頻流媒體 349
14.5.3　Macromedia Flash 4/5 349
14.5.4　Macromedia Flash MX和Flash 8 349