《網站重構套用Web標準進行設計（第3版）》是2011年出版的圖書，作者是[美]澤爾特曼（Zeldman，J.）。暢銷書作家、設計師、網頁標準教父Jeffrey Zeldman再次更新了他經典的、顛覆行業的指南書。這已經是本書的第3版了，此次更新基本涵蓋了隨著環境和技術的變化，Web標準所面臨的挑戰以及因此而發生的改善。
基本介紹
- 書名：網站重構：套用Web標準進行設計（第3版）
- 作者：[美]澤爾特曼（Zeldman,J.）
- 譯者：傅捷，祝軍，李宏
- ISBN： 978-7-121-12775-5
- 頁數：380
- 定價：59.00元
- 出版時間：2011年3月
- 開本：16
內 容 簡 介,本書快覽,譯 者 序,目 錄,
內 容 簡 介
暢銷書作家、設計師、網頁標準教父Jeffrey Zeldman再次更新了他經典的、顛覆行業的指南書。這已經是本書的第3版了，此次更新基本涵蓋了隨著環境和技術的變化，Web標準所面臨的挑戰以及因此而發生的改善。第3版讓基於標準的設計思想更加清晰，更加易於理解，幫助你在這個領域中保持聰明和領先。
封面
封面一如既往，本書提供了更多明確的見解和新的例子，來闡述基於標準的設計的核心思想，為你的網站最終確定一個合理的設計與開發方法。
與前兩版不同的是，在第3版，除了有很多的“Why”來提出問題，也提供了大量的“How”來解決問題。另外，在寫作方法上作者力圖用詼諧的、有吸引力的寫作風格，使複雜的技術更易於理解消化，幫助你輕鬆創建一個訪問快速、低成本維護和開發、更多用戶的網站，幫助你用新技術使CSS布局適應多個瀏覽器，使網站內容更容易被搜尋和訪問到。
本書快覽
第1部分
第0章 在開始閱讀之前 2
第1章 99.9%的網站已經過時了 10
第2章 根據標準設計和建造 28
第3章 溫和勸導 54
第4章 Web標準的未來 60
第2部分
第5章 現代標記語言 84
第6章 XHTML和語義標記 98
第7章 HTML5：新的希望 121
第8章 更嚴格穩健的頁面保證：結構和語義 134
第9章 CSS入門 148
第10章 CSS布局：標記、盒模型和浮動 166
第11章 深入瀏覽器之一：DOCTYPE切換和標準模式 193
第12章 深入瀏覽器之二：Bug、變通 辦法和CSS3帶來的一線希望 203
第13章 深入瀏覽器之三：文字版式 235
第14章 可訪問性：Web標準的靈魂 262
第15章 使用基於DOM的腳本語言 285
第16章 一個網站重構的實例 304
第17章 NYMag：簡單的標準，迷人的界面 327
譯 者 序
一本好書，不僅僅帶來知識，更重要的是傳達一種理念、一種思想，引起我們更多的思考。《網站重構》無疑就是這樣一本好書。它的出版猶如一聲春雷打破了網頁設計行業的沉寂，傳統技術方式受到挑戰並逐步被淘汰，Web標準技術成為行業新的標準和開發指南。
如果說六年前，本書第1版出版時，我們還需要大聲呼喊，我們要重視和推廣Web標準理念。那么六年後，當本書即將出版第3版的時候，Web標準已經成為網頁設計行業的共識，成為Web開發通用的技術標準，成為網頁設計師入門的基礎知識。
關於作者
作者Jeffrey Zeldman 是老牌的網頁設計師，也是Web標準技術的捍衛者和“傳教士”。他在1998年創立的Web標準組織（）曾經幫助Netscape公司和微軟公司結束了瀏覽器私有技術之戰；他的工作小組長期幫助和推進瀏覽器（例如IE5、IE7等版本）對Web標準的支持。本書自2004年第1版出版以來已經被翻譯為 15種語言，成為成千上萬網頁設計師學習網頁技術的重要指南書籍。由於Jeffrey Zeldman對Web標準技術的長期推廣和堅持，被《商業周刊》譽為“Web標準國王”。
這是一本什麼樣的書
這是一本介紹Web標準的書籍。它是具有“里程碑”意義的書，已經在Web發展過程中開創一個嶄新的時代！
它的“里程碑”意義對於中國的網站項目開發者和網頁設計師來說尤為深刻。在本書出版之前，中國幾乎所有的網頁開發都採用表格布局法，《網站重構》出版後，以“CSS布局”為典型代表的Web標準技術逐步為大家接受，直到今天被廣泛採用。Web標準技術不僅僅是一種技術的進步和更替，更重要的是它的這種思想和理念，深深影響了這一代網頁設計師，讓我們開始學會思考，在“漂亮”的頁面背後，我們長期忽略並應該關注的東西，包括：網站的成本、易用性、可維護性、SEO以及可訪問性。
本書的第1部分介紹了Web標準思想的產生、發展和推廣，讓我們了解採用Web標準的好處；書的第2部分結合實例，從技術細節上講解了如何採用Web標準技術進行網頁開發。通過閱讀本書，你可以了解：
什麼是Web標準？
Web標準有什麼好處？
如何採用Web標準技術進行網頁設計和開發？
適合什麼樣的人看
這本書適合的讀者是：所有的網站設計師、開發者和網站管理者。
不論你是這一行業的新手還是資深人士，閱讀本書都將讓你獲益匪淺。管理者可以了解如何降低網站成本，如何獲得更多用戶；設計師可以領悟到“表現和結構相分離”的真諦，用CSS自由地控制布局；開發者可以掌握如何降低維護成本，如何重用內容，如何延長網站的壽命。
對於已經了解和熟悉Web標準的開發者來說，本書第3版增加了更多實用的內容：
Web標準技術的最新發展動態和方向；
最新技術的介紹（包括HTML5、CSS3和網頁字型），以及這些技術將對網站產生怎樣的影響；
更多的實例套用和技術解決方案。
譯者感言
從本書第1版出版到現在已經六年了，從Web標準“零”概念到目前行業內的普遍運用，不得不說是一個令人驚喜的變化。中國的網頁設計師、開發者、管理者跟上了這一輪的技術變革。Web標準在快速發展，雖然Web標準的思想核心依然是網站可用性，但隨著更新的設備出現和技術的發展，許多老的Web標準開始淘汰，許多新的規範開始醞釀和發展，例如HTML5、CSS3等。學無止境，我們的設計師和開發者依然須要迎頭趕上。
另一方面，隨著中國網際網路套用的普及和發展，中國網路開發者的地位和聲音也逐步得到重視，全球資訊網聯盟W3C於2006年成立了中國辦事處（），以便促進中國企業和開發者參與標準技術的研究和制定。但這方面我們還有比較大的差距，不論是標準制定的參與還是技術研究都還處於初級階段。國際大型網際網路公司，包括微軟、蘋果、谷歌、Mozilla等都極力參與到標準的制定和推廣中，值得國內的網際網路公司重視和借鑑。
感謝
非常感謝電子工業出版社給我們翻譯本書的機會，讓我們得以見證和參與Web標準設計在中國的普及和推廣過程。這一過程使我們自己獲益匪淺。感謝博文視點公司總經理郭立、策劃編輯孫學瑛的信任和鼓勵，使得我們信心百倍地來翻譯這本書，也感謝編輯許艷、顧慧芳，她們細心的工作幫我們彌補了很多細節上的漏洞。感謝許許多多給本書提出建議和意見的設計師朋友和網友。
譯者
2010年6月於北京
目 錄
第1部分
第0章 在開始閱讀之前 2
0.1 終止不斷“改版-淘汰”的怪圈 3
0.2 不要死讀書 4
漸進的標準，而不是一套不變的硬性規定 4
0.3 一些重要的定義 5
0.4 一種方法不能解決所有問題 6
0.5 歡迎優勝團隊 7
第1章 99.9%的網站已經過時了 10
1.1 現代瀏覽器和Web標準 11
1.2 新版本新代碼 12
1.3 多版本問題 13
1.4 垃圾代碼來了 15
錯誤標記：最初，個人環境是無約束的 15
1.5 代碼分支可能影響你網站的長期健康 17
1.6 臃腫標記的隱藏成本 20
1.7 向前兼容（backward-compatibility）是一個謊言 22
禁止用戶不利於業務發展 23
1.8 治療 26
第2章 根據標準設計和建造 28
2.1 歷經磨難 30
2.2 無標準時代的設計成本 31
2.3 時髦的站點，古老的方法 32
2.4 Web標準三劍客 38
2.4.1 結構 39
2.4.2 表現 41
2.4.3 行為 41
2.5 實際套用 42
2.6 Web標準組織：可移植性 44
一個文檔服務所有需求 44
2.7 “A List Apart”：一個頁面，多種顯示方式 47
2.7.1 螢幕以外的設計 48
2.7.2 節約時間和成本，增加擴展性 50
2.8 我們去向何方 50
第3章 溫和勸導 54
第4章 Web標準的未來 60
4.1 可發現性、聚合、部落格、播客、長尾、Ajax
4.1 （以及其他使標準成功的理由） 60
4.1.1 通用語言XML 61
4.1.2 發明的源泉 66
4.1.3 標準的未來 76
4.2 HTML5的誕生 77
4.2.1 IE瀏覽器和Web標準 80
4.2.2 創作和出版工具 80
第2部分
第5章 現代標記語言 84
5.1 垃圾代碼標記的可恥秘密 90
5.1.1 重新闡述了什麼 93
5.1.2 執行概要 94
5.1.3 XHTML 2為你我而生 95
5.2 5個堅持用HTML的原因 96
5.3 5個使用XHTML 1的原因 97
5.4 不使用XHTML 1的原因 97
第6章 XHTML和語義標記 98
6.1 轉換到XHTML：規則簡單，容易上手 99
6.1.1 用正確的文檔類型（DOCTYPE）和命名空間（Namespace） 99
6.1.2 哪一種DOCTYPE適合你 100
6.1.3 嚴格與過渡：我們這個時代的大戰役 101
6.1.4 緊隨DOCTYPE之後的是Namespace 103
6.1.5 聲明你的字元集 104
6.1.6 用小寫字母書寫所有的標籤 106
6.1.7 給所有屬性值加引號 108
6.1.8 所有屬性都需要值 109
6.1.9 關閉所有的標籤 110
6.1.10 不要在注釋內容中使用“—” 111
6.1.11 將所有的<和&符號編碼 111
6.1.12 執行概要：XHTML的規則 112
6.1.13 字元編碼：無趣，很無趣，真的很無趣 112
6.2 結構健康——對我有益 114
6.2.1 用理性代替樣式來標記你的文檔 114
6.2.2 視覺元素和結構 120
第7章 HTML5：新的希望 121
7.1 HTML5和Web應用程式：風險很大 121
7.2 HTML5和XHTML 123
該死的命名法 124
7.3 HTML5元素大檢閱 125
7.3.1 頁面結構的語義化 126
7.3.2 HTML5：只是個規範 130
7.3.3 學習更多 132
第8章 更嚴格穩健的頁面保證：結構和語義 134
8.1 div、id及其他 135
8.1.1 為什麼叫div 135
8.1.2 id與class 137
8.2 讓你的內容容易找到，容易使用 139
8.2.1 語義化標記和可重用性 140
8.2.2 現代標記的常見錯誤 142
8.2.3 divs剛剛好 145
8.2.4 熱愛id 146
8.2.5 清除（或最小化）內嵌CSS和腳本 146
8.2.6 暫停並回顧 147
第9章 CSS入門 148
9.1 CSS概述 148
9.2 CSS的優點 149
9.3 樣式解析 150
9.3.1 選擇器、聲明、屬性和值 150
9.3.2 可選值和默認值 152
9.3.3 繼承和它的不足之處 154
9.3.4 派生選擇器 155
9.3.5 class選擇器 158
9.3.6 外聯、嵌入、內聯樣式 160
9.4 “最合適方案”的設計方法 164
第10章 CSS布局：標記、盒模型和浮動 166
10.1 頁面流之道 166
10.2 盒模型 167
盒模型是如何工作的 168
10.3 實用布局101 171
10.3.1 從基礎開始 172
10.3.2 使用class 175
10.4 重新進行布局 179
10.4.1 內容清單，終極版 181
10.4.2 套用樣式 184
10.4.3 再次運用浮動 187
10.4.4 處理細節 189
10.5 小結一下 192
第11章 深入瀏覽器之一：DOCTYPE 切換和標準模式 193
11.1 DOCTYPE切換的傳奇故事 193
11.1.1 用來切換標準的開關 194
11.1.2 切換開關浮出水面 195
11.2 DOCTYPE切換基礎 195
11.2.1 切換有多準確 196
11.2.2 Web標準和IE8 196
11.2.3 Web標準和Gecko 198
11.2.4 完整的和不完整的DOCTYPE 199
11.2.5 完整的XHTML DOCTYPE列表 200
11.2.6 保持簡單 202
第12章 深入瀏覽器之二：Bug、變通辦法和CSS3帶來的一線希望 203
12.1 細述CSS的Bug 204
12.1.1 浮動元素的雙倍邊距Bug 209
12.1.2 PNG圖片的透明背景問題 211
12.1.3 前進之路 211
12.1.4 發現問題僅僅是戰鬥的一半 212
12.2 CSS3：新的熱點 220
12.2.1 關於Alpha通道 221
12.2.2 突破四四方方的樣子 224
12.2.3 讓編碼器注意 225
12.3.4 重新思考“支持” 227
12.3 Flash和QuickTime：期望的對象 230
12.3.1 可嵌入的對象：一個傲慢與復仇的故事 230
12.3.2 W3C的雙重報復 231
12.3.3 折中方法：在支持標準的同時嵌入多媒體 231
12.3.4 美中不足：對象失效 232
12.3.5 使用一點JavaScript 233
12.4 一個枯燥的變通辦法世界 233
第13章 深入瀏覽器之三：文字版式 235
13.1 關於文字版式 236
13.2 Web字型的A-B-C 239
13.2.1 Web字型的簡短歷史 241
13.2.2 最終的標準尺寸 243
13.2.3 手臂和像素 244
13.2.4 無聲無息地被遺忘 246
13.3 字型尺寸的冒險之旅 247
13.3.1 頁面縮放功能：使像素更安全 249
13.3.2 使用em值來設定尺寸：歡笑和眼淚 252
13.3.3 使用字型尺寸關鍵字的方法 253
13.4 我想要我的“Franklin Gothic”字型 254
13.4.1 CSS@font-face：在Web上使用現實的字型 255
13.4.2 sIFR——可訪問的替代類型 257
13.4.3 Cufón——“使用你想用的字型” 258
13.4.4 Typekit和它的兄弟們 259
第14章 可訪問性：Web標準的靈魂 262
14.1 建立可訪問性網站的五個技巧 263
14.1.1 開始 263
14.1.2 使用有邏輯的頁面結構 263
14.1.3 提供鍵盤訪問的方法 263
14.1.4 提供可選方案 264
14.1.5 挑選一種標準，然後堅持下去 264
14.2 有關訪問性的書籍 265
14.3 普遍的質疑 267
14.3.1 “盲人億萬富翁” 267
14.3.2 可訪問性不只是視力受損用戶的問題 268
14.3.3 508條款的解釋 269
14.4 糾正關於可訪問性的錯誤觀點 270
14.5 關於可訪問性的小技巧，一個一個元素地介紹 274
14.5.1 圖片 274
14.5.2 專業工具 282
14.5.3 保持有效的Tab鍵：我們的好朋友，tabindex屬性 283
14.5.4 為可訪問性做計畫：你將受益良多 283
第15章 使用基於DOM的腳本語言 285
15.1 關於DOM的書 285
15.2 DOM是什麼 287
15.2.1 使網頁變得像應用程式的標準化方法 288
15.2.2 那么，它在哪裡運行呢 290
15.3 合理使用DOM 291
15.3.1 它是如何工作的 291
15.3.2 檢查是否支持 296
15.3.3 不同的代碼書寫方式 297
15.3.4 樣式切換器：有助於增強可訪問性，提供更多的選擇 298
15.4 學會使用你喜愛的（JavaScript）開發庫 300
15.5 你應該如何使用DOM呢 303
第16章 一個網站重構的實例 304
16.1 來自過去的靈感 307
16.2 根據內容的設計 310
16.2.1 留白 311
16.2.2 字型、介紹和首字母下沉 313
16.2.3 基本模式 318
16.2.4 頁腳的創新 318
16.2.5 刊頭設計 324
第17章 NYMag：簡單的標準，迷人的界面 327
17.1 檢視內容 328
從內容檢視到實現策略 333
17.2 再次深入標記 336
17.3 開始套用樣式表 339
有了方法，其他就簡單了 343
17.4 使用DOM 346
17.4.1 結識“colgroup” 346
17.4.2 使用jQuery 348
17.5 標準貫穿始終 353
