你應該關注web標準的真正原因

來源:互聯網
上載者:User
web|web標準

  Eric A. Meyer從1993年開始做網路方面的工作,受雇於Netscape公司做標準設計培訓師。Eric在這個行業中相當有名,他經常就web標準、跨瀏覽器安全色性、CSS和web設計等方面在各種會議上發言。作為一個西方預科大學的網路系統管理員和畢業生,Eric開發W3C的CSS1校正程式,並於最近出版了盡其所能發現的CSS設計局限。Eric也是《Eric Meyer on CSS》、《Mastering the Language of Web Design》(New Riders)、《樣式表:權威指南》(O’Reilly & Associates)、《CSS2.0 程式員參考》(Osborne’ McGraw-Hill)以及眾所周知的CSS 瀏覽器安全色性表的作者。

  原文(2004年4月21日採訪)

  Eric Meyer是HTML,CSS和web標準方面國際知名的專家,有著廣泛的讀者,同時也是 Complex Spiral Consulting 的發起人。Complex Spiral Consulting是一個採用web標準技術協助客戶節約成本和提高效益的公司。

  問題一

  Russ:你的新書《CSS權威指南》(Cascading Style Sheets: The Definitive Guide)第二版 剛剛寫好,在我們瞭解此書細節前,想先問一下:你已經出版了多少本書?我發誓我家當地圖書館有專門一個類別是你的書籍。

  Eric:不,不,那都是 Molly Holzschlag 的書,我只是類似的、輔助的部分。我已經寫了5本書,其中的一本是精簡版,我想那也許能也許不能算作一本書(我妻子堅持認為是)。第一本就是《CSS權威指南》,如果這次的第二版算獨立版本,那我就有6本書了。我自己認為這次的第二版是算一本,因為它的工作量相當於寫一本新書。

  問題二

  Russ: 在新權威指南中,比第一版增加或者更新了什麼內容?

  Eric:幾乎所有內容都更新了。唯一不需要改變的是第一章和關於字型的章節,其他內容都大半或者完全的更新了。原來的章節排列在文本狀態下完全打散重新排列。例如:在第一版中有"floating in the Visual Formatting"章節和"positioning got its own"章節,在新版中我將它們合并到單獨一章中去了,並重寫了大部分的格式章節。同樣的方式,"the bit about lists"移到了它原有的章節,並增加了大量內容。有三章是全新的,它們是:Table Layout(表格版面配置), User Interface Styles(使用者介面樣式), and Non-Screen Media(非螢幕顯示類媒體).

  問題三

  Russ:我聽到一個傳言說你的《Eric Meyer on CSS》也有新版本,新版本提供了多少種設計方法?

  Eric: 那個傳言是真的。我們已經命名它為"in a blinding flash of creative genius, 'More Eric Meyer on CSS.' " 它比第一版有一些的改進,但並不多。我要說的是,這兩本書沒有前後的關聯性,不需要為了第二版去閱讀第一版(即使你兩本都擁有。) 第一版的讀者可以回想一下,第一個設計方法是如何將表格驅動的布局轉換為簡單的表格和CSS。而在新書裡,第一個設計方法是:將只用HTML標識和空白GIF設計的有關頁面轉換為一個用純CSS替代表格版面配置的頁面。

  類似的,有許多設計方法,例如:多種方法顯示相簿(photo gallery)樣式,用表列資料實現整齊的金融報表,以及用背景布置在多個瀏覽器實現半透明效果,包括在IE/Win中。

  有一個關於顯示三級list的設計方法,包括列表的嵌套以及如何將它們轉換為一個"下拉(dropdown)"的菜單,並且可以工作在大部分瀏覽器上(包括IE/Win),就象Doug Bowman的 Sliding Doors(滑門) 技術一樣好。

  除了上面這些,還有一個結合的方法解決weblog的入口樣式問題。書中的最後一個方法是隨便拿 CSS Zen Garden (由 Dave 建立)的一個設計,然後用css來實現它。基本上,Dave給我一個photoshop設計檔案,然後我把它切割成我需要的幾部分並用CSS使它正常工作,這樣做你可以看到從設計到最終代碼的整個過程。我也考慮到用PNG圖片的方法,並且不會在IE/win中看起來難看。

  問題四

  Russ: 兩年以前,CSS很少被討論,現在看起來到處都在談論!你是否認為自己協助了它轉變為主流意識?

  Eric: 這是自然而然的事情,真的。首先,IE6開始支援DOCTYPE開關,稍後又宣布它將不再發放新的IE版本,給大家一個穩定的感覺。第二,足夠的設計師有足夠的時間閱讀書籍和教程,並用CSS在他們自己的網站上做實驗。在這種背景下,一批優秀的設計網站出現了。第三,我想是因為隨著設計藝術的提升,那些有設計能力的天才並能真正理解CSS好處的web設計師(象Doug Bowman, Dave Shea, 和 Jeffrey Zeldman)推動了事情的進展。連線(wired)雜誌網站的重新設計,禪意花園(CSS Zen Garden)以及其他網站開始展示CSS驅動的設計,不僅僅是能工作,而且看起來非常漂亮、不可思意。

  越來越多的實用的、容易跟學的資源(例如:Listutorial 和 Floatutorial)也起到了很大作用,等等。

  問題五

  Russ:對於那些剛開始接觸和使用web標準的設計師和開發人員,CSS的哪些方面是最重要的?

  Eric:最重要的?我不得不說是層疊(cascading)部分。不僅僅只是層疊,還包括繼承(inheritance)、特徵(specificity)和選取器(selector construction),一旦你掌握了這些,其他的都只是細節問題。

  接下來,我想徹底理解視覺效果,包括塊(block)和內聯(inline),也是至關重要的。如果你能知道設計將展現什麼效果,可以避免很多(CSS沒有按預期執行)令人頭疼的問題。就象很多語言,CSS有它的規則,忽略規則肯定導致混亂。

  問題六

  Russ: 在過去的12個月裡,有一種圖片替代(image replacement)技術 被引入。你對它的全面感覺是什嗎?如果你不得不使用它,你將使用哪種模式(model)?

  Eric: 我偏向於使用CSS3的方法:用'content'屬性來替換內容。這是儘可能輕量(low-weight)和non-hackish的方法。這也是在目前低支援情況下的方法,因為目前只有Opera支援圖片替代。

  另外,我發現圖片替代技術的優點和缺點並存,優點是使某些文本看上去漂亮,缺點是給靠聲音閱讀者造成易用性問題。坦率講,真正的問題在於讀者自己。他們嘗試展現真實的頁面和閱讀結果,但他們在做的恰恰是一件錯誤的事情。如果一個版面設定了一個screen-medium樣式,而閱讀機將完全忽略那些樣式,除非大多數的閱讀器被重新修理。

  問題七

  Russ:好象一提到"font size"就會點燃CSS大討論--一場字型純化論者和網頁設計師的戰爭。你是否認為有一個適合所有使用者的解決方案?

  Eric:沒有,雖然我希望有別的方式,但是我沒有。每一種設定字型的方法都有優點和缺點。你能做的最好的方法就是找到一種以前最佳,以後變化最小的方法,而且,這需要在不斷的設計變化(design-by-design)過程中完成。一位設計師的目標是儘可能以pixel控制文本字型達到最好表現,雖然使用ems或者關鍵字(例如x-small)能達到更好的效果。任何時候,如果有人告訴你,有一種方法定義你的字型尺寸適合所有網站,那麼他只是告訴你一個原則,而不是一個解決方案。

  問題八

  Russ: 有一個一直爭議的問題,你對CSS技巧(hacks)有什麼看法?

  Eric: 這是不可避免的,直到有一天,我們的瀏覽器能夠完美的支援和執行CSS,就是CSS hacks停止的一天。在此以前我們將堅持做。要指出,我的意思是針對所有的hacks,不管它們是對於CSS,還是其他事情,比如微軟的Conditional Comments。

  問題九

  Russ: 你是否認為當瀏覽器市場為CSS3做好準備時,將進入一個新時代---記住微軟Longhorn作業系統的時間表。

  Eric:我是這樣認為。但是,按這種說法,那麼全面支援CSS2的視覺媒體(visual-medium)看起來早應該在2003年完成。我的預言記錄總是比其他人要差,也或許不適合一個長期計劃吧。

  問題十

  Russ:最後一個問題,越來越多的web設計師正加入CSS2的隊伍,你是否認為CSS3的複雜性將減少它自身的吸引力,甚至使一些畏懼它的設計師完全放棄CSS?

  Eric:有比那更糟的:多數的web設計師僅僅學習了CSS2的一部分,而沒有真正理解它的本質。

  任何事情都有可能發生,就好象曾經有設計師因為CSS1的"複雜性"(相對他們所掌握的知識)而畏懼的。

  關於CSS3,有一件好事情就是:它被分離並整合到模組(modules)中去了,所以你可以忽略你不關心的部分,而集中精力在你想瞭解的部分。如果你真得想深入到列印樣式中,你可以閱讀列印模組(Print module)去瞭解它。如果你關心的是國際化,那麼你找到I18N 模組,那裡有些每個人都需要瞭解的部分(如選取器和層疊),但是隨後,伴隨你的興趣而來的是不得不啃那些龐大的規範說明書。



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。