網(wǎng)站重構(gòu)

前言

距離《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計（第1版）》的出版，已經(jīng)兩年了?，F(xiàn)在，越來越多的網(wǎng)頁設(shè)計師熟悉并使用Web標準來構(gòu)建網(wǎng)站，越來越多的企業(yè)領(lǐng)導(dǎo)者們也意識到Web標準帶來的好處（大的門戶網(wǎng)站，以及企業(yè)公司網(wǎng)站也采用了Web標準來構(gòu)建），用Web標準構(gòu)建的網(wǎng)站更是如雨后春筍般，比比皆是。同時，很多網(wǎng)頁設(shè)計師正在通過論壇或者博客等方式自發(fā)地組織討論著關(guān)于Web標準的知識和分享交流Web標準設(shè)計的經(jīng)驗。因此，我們很欣慰地看到，用Web標準構(gòu)建網(wǎng)站已經(jīng)成為當(dāng)今網(wǎng)頁設(shè)計這個行業(yè)的潮流和方向。我們在《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計（第1版）》的翻譯過程中，瀏覽器業(yè)發(fā)生了不少的變化；出版以后，我們也收到了許多設(shè)計師及讀者們的批評意見和建議。而通過翻譯這本書，我們也結(jié)識了許許多多的網(wǎng)頁設(shè)計師，在這兩年里一起交流學(xué)習(xí)，共同成長，獲益匪淺。作為本書的譯者，在這里衷心地感謝所有《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計（第1版）》的讀者們，謝謝你們對本書的關(guān)注，謝謝你們對Web標準的關(guān)注。IT行業(yè)技術(shù)更新很快，作為本書的作者Jeffrey Zeldman先生，在第1版的基礎(chǔ)上，及時地更正了一些落后的資訊，并且補充了一些最新的有關(guān)Web標準的信息，出版了“Designing with Web Standards”第2版，我們也重新翻譯了《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計》的第2版，希望能讓國內(nèi)的網(wǎng)頁設(shè)計師及時獲得并了解到國外最新的Web標準方面的信息?？傊?，我們希望《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計（第2版）》的翻譯和出版能給目前日益普及的Web標準設(shè)計再添一把力，讓更多的設(shè)計師來使用Web標準設(shè)計構(gòu)建網(wǎng)站，讓更多符合Web標準的網(wǎng)站涌現(xiàn)。再次衷心地感謝所有關(guān)注《網(wǎng)站重構(gòu)——應(yīng)用Web標準進行設(shè)計》這本書的讀者們！譯者2007年12月于北京

內(nèi)容概要

　　《網(wǎng)站重構(gòu)：應(yīng)用Web標準進行設(shè)計（第2版）》與第1版保持同樣的寫作風(fēng)格，作者用幽默詼諧語言，把復(fù)雜的事情講得簡單明了，引人入勝。書的核心依然是指導(dǎo)我們?nèi)绾谓⒁粋€顯示的速度更快、能訪問的用戶更多、設(shè)計和維護成本更低的網(wǎng)站?！　充N書作者、網(wǎng)頁設(shè)計師、Web標準的“傳教士”Jeffrey Zeldman已經(jīng)對他震撼業(yè)界的經(jīng)典書籍《網(wǎng)站重構(gòu)：應(yīng)用Web標準進行設(shè)計（第1版）》進行了升級更新。新版（現(xiàn)在原版書是全彩的）增加了在第1版出版之后各瀏覽器的發(fā)展動態(tài)以及為適應(yīng)標準化設(shè)計所做的最新改進。

作者簡介

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

書籍目錄

引言 1第1部分  休斯頓，我們遇到麻煩了在開始之前 11費用上升，效益下降 12終止網(wǎng)站淘汰的怪圈 14什么是向后兼容 15沒有規(guī)則，沒有教條 16實踐，不是理論 18這樣的轉(zhuǎn)變真的必需嗎 20第1章  99.9%的網(wǎng)站都是過時的 211.1  現(xiàn)代瀏覽器和Web標準 22新版本中的新代碼 241.2 “多瀏覽器版本”問題 251.3  向前兼容的代價 271.3.1  過時的標記：網(wǎng)站所有者的成本 311.3.2  向前兼容 331.3.3  屏蔽用戶對商務(wù)不利 331.3.4  愚蠢之路 381.4  垃圾代碼 391.5  治療 41第2章  根據(jù)標準設(shè)計和制作 432.1  歷經(jīng)磨難 452.2  無標準時代的設(shè)計成本 462.3  時髦的站點，古老的方法 472.4  悲慘的王國 512.5  Web標準三劍客 532.5.1  結(jié)構(gòu) 532.5.2  表現(xiàn) 562.5.3  行為 572.6  實際應(yīng)用 572.7  過渡方法的好處 582.8  Web標準組織：跨平臺性 60文檔一次建立，隨處使用 632.9  “A List Apart”：一個頁面，多種瀏覽方式 632.9.1  屏幕以外的設(shè)計 652.9.2  節(jié)約時間和成本，增加擴展性 662.10  我們要去往哪里 672.10.1  過渡型的向后兼容（混合設(shè)計） 672.10.2  嚴格的向后兼容 69第3章  推廣標準的困難 733.1  看起來漂亮，代碼卻丑陋 743.1.1  共同的目標，共同的手段 763.1.2  理解vs真實 773.2  2000年：瀏覽器之年 783.2.1  IE5/Mac：DOCTPE轉(zhuǎn)換和放大 793.2.2  Netscape的大膽轉(zhuǎn)移 823.2.3  普遍支持 823.3  太少，太遲 83CSS：第一次嘗試 843.4  糟糕的瀏覽器養(yǎng)成壞習(xí)慣 843.4.1  默認樣式的缺點 853.4.2  缺乏繼承 863.4.3  混亂的交互行為 873.4.4  最終的標準化腳本語言 883.5  混亂的網(wǎng)站和令人困惑的標簽 893.5.1  理論vs經(jīng)濟 903.5.2  軟件會幫你做 913.5.3  了解產(chǎn)品vs了解標準 913.6  字母F 923.6.1  Flash的價值 943.6.2  使用Flash的問題 963.6.3  另外一些使用Flash的問題 963.7  兼容是一個禁忌詞語 973.7.1  語言對于形成理解的威力 973.7.2  靈感問題 983.7.3  其他問題 99第4章  可尋性、聚合、博客、播客、長尾、Ajax（和其他標準勝利的理由） 1014.1  通用的語言（XML） 1034.1.1  XML和HTML的比較 1044.1.2  一個父母，多個孩子 1054.1.3  專業(yè)定制軟件的基本要素 1054.1.4  比White Rapper更流行 1064.1.5  選擇XML的五個因素 1084.1.6  創(chuàng)造力的寶藏 1094.1.7  Web發(fā)布工具 1134.1.8  等候你的使用 1144.2  XML應(yīng)用程序和你的站點 1164.3  與生俱來的兼容性 1164.4  協(xié)作的新時代 1174.4.1  校驗程序及其規(guī)范 1174.4.2  校驗程序是怎么工作的 1184.4.3  WHAT工作小組 1194.4.4  IE7和Web標準組織4.4.4  WaSP 1194.5  Web標準和創(chuàng)作工具 1204.5.1  Dreamweaver特別小組 1204.5.2  WYSIWYG工具的成熟 1214.5.3  從FrontPage到Expression Web Designer 1224.6  CSS布局的出現(xiàn) 1224.6.1  瀏覽器向標準升級之戰(zhàn) 1234.6.2  風(fēng)起云涌 1264.6.3  無數(shù)正在轉(zhuǎn)變的個人網(wǎng)站和他們依靠的幫助網(wǎng)站 1284.6.4  最全的CSS知識庫 1314.7  流行時尚 1314.8  Web標準的主流 1324.8.1  商業(yè)站點冒險嘗試 1344.8.2  Wired Digital的重構(gòu) 1354.8.3  設(shè)計師的轉(zhuǎn)變 1374.8.4  點擊隨之而來 1394.8.5  通過校驗是成功的保證 140第2部分  設(shè)計與構(gòu)建第5章  現(xiàn)代標記語言 1435.1  垃圾代碼標記的可恥秘密 1485.2  重新闡述了什么 1505.3  執(zhí)行概要 1525.4  什么樣的XHTML適合您 1525.4.1  XHTML 2為我還是為你而生 1525.4.2  切換到XHTML的10個最主要的理由 1545.4.3  不要切換到XHTML的5個最主要的理由 155第6章  XHTML：Web重構(gòu) 1576.1  轉(zhuǎn)換到XHTML：規(guī)則6.1  簡單，容易上手 1586.1.1  用正確的文檔類型（DOCTYPE）和命名空間（Namespace） 1586.1.2  聲明你的內(nèi)容類型 1616.1.3  用小寫字母書寫所有的標簽 1636.1.4  給所有屬性值加引號 1656.1.5  所有屬性都需要值 1666.1.6  關(guān)閉所有的標簽 1676.1.7  “空”標簽也要關(guān)閉 1676.1.8  不要在注釋內(nèi)容中使用“——” 1686.1.9  將所有的

章節(jié)摘錄

第1部分　休斯頓，我們遇到麻煩了在開始之前本書是為那些希望自己的網(wǎng)站成本變得更低，運行得更好，訪問者更多的網(wǎng)頁設(shè)計師、開發(fā)者、網(wǎng)站所有者及管理者寫的。如果你希望自己的網(wǎng)站不僅僅能適應(yīng)目前的瀏覽器、屏幕閱讀器和無線設(shè)備，也能適應(yīng)明天的、明年的甚至更長遠的新設(shè)備，那么本書正是你所需要的。由于技術(shù)的快速發(fā)展，大部分網(wǎng)站已經(jīng)不可避免地經(jīng)歷了幾輪淘汰。每當(dāng)瀏覽器升級或者新的網(wǎng)絡(luò)設(shè)備和技術(shù)出現(xiàn)時，剛建成（或者剛支付了建設(shè)費用）的網(wǎng)站看起來就已經(jīng)過時了。我們建立網(wǎng)站的目的似乎就是為了再次升級。通常情況下，改版升級并沒有增加客戶需要的功能或者提高網(wǎng)站的可用性，僅僅是為了跟上新的瀏覽器和設(shè)備，并且預(yù)算一定會超出我們的計劃和開發(fā)周期。即使偶爾有一個新瀏覽器或設(shè)備的出現(xiàn)沒有影響我們網(wǎng)站的情況，但我們采用的“向前兼容”技術(shù)（讓站點在所有的瀏覽器版本中的外觀和行為均一樣）也會迫使我們花費大量人力和財力。“這些是在Web上做生意必須付出的代價”——我們已經(jīng)習(xí)慣這樣，甚至成了標準。但是這樣的成本是大多數(shù)人不能長期承受的。費用上升，效益下降復(fù)雜的代碼、層層嵌套的表格、標簽，以及其他的冗余代碼使簡單的頁面打開需要兩至三倍的帶寬。訪問者花錢上網(wǎng)并不是為了無休止地等待頁面打開，除了少數(shù)有毅力和耐心的客戶能等到所有頁面打開，大多數(shù)人早已因厭倦而離開，這樣的網(wǎng)站是難以讓人去訪問的。我們托管或者租用服務(wù)器也都是有費用的，如果打開一個原本只需要20KB就可以滿足需求的頁面，現(xiàn)在卻要耗費60KB的帶寬——那我們就不得不為這浪費的40KB帶寬向ISP支付更多費用（或者增加我們的IT預(yù)算）。我們的網(wǎng)站訪問者越多，所需的成本就越高。為了應(yīng)付一些特別的前端設(shè)計，我們的數(shù)據(jù)庫需要支持更多的查詢，費用進一步增加。最終，我們不得不購買或者租用更多的服務(wù)器來滿足服務(wù)需求；但費用增加不是因為訪問者增加，而是因為臃腫冗余的標記和代碼。網(wǎng)站開發(fā)過程中，我們聘用的程序員都是按小時計價的（注：國外計費方式），“六版本”方法（針對不同版本瀏覽器寫六種不同頁面以保證頁面表現(xiàn)效果一致）使成本非常高，甚至花光我們所有的錢。如果這時侯，又有新的瀏覽器版本或無線設(shè)備出現(xiàn)，而我們卻沒有更多的錢來升級代碼以適應(yīng)新瀏覽器新設(shè)備了，那么我們就只能等著被淘汰。許多人都曾經(jīng)遇到過這樣吃驚的體驗：用新瀏覽器訪問一個網(wǎng)站時，被告知瀏覽該網(wǎng)站需要一個“更新”版本的瀏覽器，其實這個“更新”版本的瀏覽器比我們正在使用的版本要老很多。實際原因通常是：那個網(wǎng)站并不愚蠢，也不是不顧及別人，只是用盡了他們的預(yù)算，沒有更多的錢去繼續(xù)維護這個網(wǎng)站，這個網(wǎng)站已經(jīng)被淘汰、被放棄了。在另外一些例子中，問題并不是缺少資金，而是缺乏知識，或是投資被誤導(dǎo)。Connected Earth，這個口號為“How communication shapes the world”的公司，據(jù)報道最近花費了100萬英鎊（約合180萬美元）重新設(shè)計了網(wǎng)站。盡管在開發(fā)上投入了龐大的資金，但這個網(wǎng)站居然不支持目前多數(shù)主流的瀏覽器，網(wǎng)站拒絕Mozilla（如圖l所示）、Netscape 6/7及Opera（如圖2所示）瀏覽器的訪問，同時也不支持所有非Windows操作系統(tǒng)的瀏覽器。而Macintosh的瀏覽器（包括Mac IE）的用戶就更不幸了。

編輯推薦

Jeffrey Zeldman用他敏銳的分析來幫助我們了解Web標準如何促進搜索引擎變得更友好，以及Web 2.0的應(yīng)用給網(wǎng)絡(luò)媒體帶來的新的活力。讀者也將從《網(wǎng)站重構(gòu):應(yīng)用Web標準進行設(shè)計(第2版)》學(xué)習(xí)到最新的、兼容多瀏覽器的CSS布局技術(shù)，學(xué)習(xí)到使Web內(nèi)容有更好的易用性(accessible)的方法并將從中獲益匪淺。

名人推薦

“Jeffrey和他的Web標準已經(jīng)使得曾經(jīng)的夙敵——'漂亮、易用性和可訪問性'在一個站點內(nèi)很好地結(jié)合體現(xiàn)成為可能?！薄狶ouis Rosenfeld(羅森菲爾德),出版人Rosenfeld Media公司“偶然(非常偶然)，你遇到一位能讓你思考的作者。'這家伙太聰明了，他讓我感覺到自己也變得聰明了，因為我現(xiàn)在終于理解了這個概念。'”——Steve Krug. author of Don't Make Me Think《中文版：點石成金：訪客至上的網(wǎng)頁設(shè)計

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)站重構(gòu) PDF格式下載

---