Web Standards網路標準 網站設計主流趨勢

那些軟体巨人知道Web standards標準計畫的好處: 可用來簡化程式碼縮減網頁的大小, 加快網頁載入速度, 並讓網站更易維護,讓瀏覽器能夠 忠實地顯示 設計人員所創造的效果, 在大部分的瀏覽器與平台上,加速開發,獲得更多用戶..............一大堆好處。 加上Web standards網路標準成員Zeldman,Todd Fahrner(為W3C的CSS與HTML小組成員, 也是Web standards標準計畫的共同創辦人),敦促瀏覽器廠商必須信守承諾, 游說 宣傳 結合協會加以威脅.......

終於在哀求下 包括 Microsoft、Netscape、 Adobe、 Macromedia等公司皆以 符合標準做為努力的目標。

Jeffrey Zeldman is a founder of The Web Standards Project (WaSP) and the author of Designing With Web Standards:we'll build sites in the future. Only it's not set in the future. You're soaking in it.

藍色理想 阿捷 對上面的話 作了很好的詮釋: 我們大部分人都有深刻體驗,每當主流 瀏覽器版本的升級,我們剛建立的網站就可能變得過時, 我們就需要升級或者重新建造一遍網站。例如1996-1999年典型的“瀏覽器大戰”*3,為了相容Netscape和IE, 網站不得不為這兩種瀏覽器寫不同的代碼。同樣的,每當新的網路技術和交互設備的出現, 我們也需要製作一個新版本來支援這種新技術或新設備,例如支援手機上網的WAP技術。類似的問題舉不勝舉 。

Jeffrey Zeldman: Two of these brave souls were CSS experts who had helped create the standards in the first place; as they choose to remain anonymous, I will refer to them as Anonymous Donors A and B. Later in the quest, ALA’s David Eisenberg joined our small band of adventurers, running cross-platform.

*3 : funny plays 星際大戰 完整版

有一天 Web Standards網路標準(網站設計標準化) 將成為 進入這一行業的基本知識

在國外Web Standards網路標準(網站設計標準化)的應用從1998年開始已推廣(以The Web Standards Project標準計劃 網站為起點), 已是勢不可擋的主流,Jeffrey Zeldman在國外, 同行無人不知 廣受人們的推崇,在台灣2004/9 才有Zeldman的著作,在這方面台灣是落後很遠 很遠。 在中國大陸無數熱情謙卑的人要讓Web standards網路標準*1(網站設計標準化)像洪水充滿整個網路世界, Zeldman的著作Designing with Web Standards 命名:網站重構-使用web標準進行設計,引用譯者:阿捷dodo redeye的話:為了網站能“活”得更長久, 為了提高網站的可訪性,更為了降低成本,我們必須採用Web標準!那麼我會這樣說:你可以不買這本書,但是本書的思想和技術你一定要瞭解,總有一天你會需要它,這一點是百分之百肯定的, 相信有一天,Web標準 將成為 進入這一行業的基本知識。

Though leading browser makers主要瀏覽器廠商 have been involved in the creation of web standards since W3C was formed, for many years compliance was observed in the breach. By releasing發佈 browsers that failed to uniformly support不一致支援 standards, manufacturers needlessly fragmented the Web毫無必要地割裂了網路, injuring損害 designers, developers 開發人員, users, and businesses企業 alike.

Taiwan.CNET.com一篇新聞 微軟屈服於IE標準壓力?報導 微軟已經激怒了許多顧客,微軟的IE網路平台的首席計畫經理Chris Wilson,在2005/3/9的網誌文章「IE與標準」中寫到:「微軟確實回應顧客的需求;網路開發者也是我們的顧客。」經過多年來對全球資訊網協會(W3C)標準問題的毫無作為,微軟終於決定做個了斷。熟悉微軟計畫的消息人士16日在MicrosoftWatch的一篇報導中證實,以「Rincon」為計畫代號的IE開發者,正在進行非安全性功能和標準支援,包括分頁瀏覽(tabbed browsing)、IDN(Internationalized Domain Names,國際化網域名稱)支援CSS2和PNG(可攜式網路圖形)。

Jeffrey Zeldman: On the Web, we've always solved today's problems at tomorrow's expense. The old-school Web design methods that are still unfortunately being used and taught in many places continually increase the cost of Web publishing and offer no forward-looking benefit. By contrast, working with standards reduces costs, provides immediate short-term creative and accessibility benefits and, when done right, can help ensure your site's longevity, even as standards, browsers and devices evolve.

Jeffrey Zeldman建議很多技術,禁止不用 如:頁框Frame, Applet, DHTML未來也會由DOM取代,理由是因為 瀏覽器支援的問題, 和DHTML本身的問題。還有很多好用閃耀的技巧都不要用, 這是值得討論的問題, 有人要發表嗎 ?

藍色理想有篇文章www.blueidea.com/tech/site/2004/1860.asp提到:

訪問量排名世界第4,中國第1的新浪網站,也遭遇非標準DHTML的問題。在最新發佈的Netscape7和Mozila1.6流覽器中,新浪首頁的漂浮廣告(DHTML)全部失效,層疊擠在頁面左下角。

*1 : Web standards 在香港,大陸都翻譯成:   網絡標準

One document serves all

開發人員要作成 Web Standards網路標準 不難,只要從HTML走到XHTML, 而這只有一天路程的遙遠,用Dreamweaver MX(2002年5月發行)制作的網頁,Dreamweaver會自動建立產生有效的XHTML標記, 加上會用CSS圖形界面, 就能符合Web standards標準。

Web Standards網路標準(網站設計標準化) 簡單說:   XHTML+CSS

瀏覽器有IE,Netscape,Mozilla,Firefox,Oprea...要想在這些不同的系統,不得不使用一些標準(網站設計標準化), 從工作站 個人電腦 到行動電話,PDA...才能有正確顯示,只要有 Web Standards網路標準,就可以輕鬆地讀取並利用這些資料。而CSS是達成統一,標準化非常理想的工具,結構簡單 而且 清晰,從表面上看 沒有什麼很高深的東西,但它的好處 確實是 簡單卻能力強大。

設計與開發人員也要顧及 古老的瀏覽器 如:IE4.0(內建在Windows98),IE5.0(內建在Windows2000) , 能如你所願正確顯示網頁? 不過有些網站設計人員活在微軟的世界, 而誤以為只要支援 Internet Explorer 即可, 這種做法將使得的1X % 可能的使用者(Netscape, Opera, Mozilla)無法瀏覽網站。說不定 你的顧客就在這百分之十几中。

Web standards網路標準 指的就是 無障礙存取的環境, 或是提高 平台的相容性, 包含無線裝置 行動電話 ,PDA等。

檢查你的作品 符合國際化internationalization

Dreamweaver是有偵測技朮 偵測古老的瀏覽器, 顯示不同版本,但要設計多种版本, 對于預算有限的客戶是行不通的。

當設計與開發人員嚴格遵守W3C規定的HTML或XHTML並使用CSS來控制 版面配置,按照Web Standards網路標準(網站設計標準化)製作, 不須再為不同瀏覽器Browsers(IE, Netscape, Opera)或平台platforms(window, Mac, Linux)開發不同版本, 便可讓大多數使用者皆能存取網站,你將獲得更多客戶,節省你的時間和金錢。

要嚴格遵守HTML或XHTML可以使用W3C的檢查器Validator

W3C已經提供工具讓設計者 檢查認證HTMLCSS程式碼,檢查通過就可得到一個標誌 W3C的檢查器Validator


Ctrl+c複制網址,在Address  Ctrl+v貼上validate HTML,W3C的檢查器Validator

Ctrl+c 複制網址,在Address  Ctrl+v貼上。
或在Local File上傳檔案。
then click check

W3C就會幫你檢查不合規定的程式碼


暗紅色標籤 恭喜你pass validator not,網站設計標準化, 網路標準

然后 跳出暗紅色標籤 恭喜你
This page is not Valid (X)HTML不是正式,合法的
Transitional!(過渡版)

你可以按照以下的指示去修正,注意不合規定並非錯誤


得到藍色W3C的檢查器Validator

得到藍色  weird不可思議,极少數。


檢查認證CSSW3C的檢查器Validator

檢查認證CSS,Note:應該先檢查HTML


W3C首頁W3C首頁,W3C的檢查器Validator

你也可以去W3C首頁 那里有很多服務


太多錯誤? W3C 不耍慌張的建議:

Many error messages? Don't panic.

Don't panic. Did The Validator complain about your DOCTYPE declaration (or lack thereof)? Make sure your document has a syntactically correct DOCTYPE declaration, as described in the section on DOCTYPE, and make sure it correctly identifies the type of HTML you're using. Then run it through The Validator again; if you're lucky, you should get a lot fewer errors.

If this doesn't help, then you may be experiencing a cascade failure — one error that gets The Validator so confused that it can't make sense of the rest of your page. Try correcting the first few errors and running your page through The Validator again.當你看到一大串的錯誤, 常常只要修正了第一個 檢測器找到的錯誤, 接下來的許多錯誤也隨之消失, 例如 您忘記加上某個 結束標籤 , 檢測器就會認為這個標籤仍未結束, 一大串的錯誤不斷告訴您 ,這個元素不能放在 那個元素裡面.........blah  blah  blah  blah..........................

Be patient, with a little time and experience you will learn to use the Markup Validator to clean up your HTML documents in no time.

相關文章 經典樣式表大賽中Web標準應用存在的問題    校驗及常見錯誤  By 阿捷


real_vine@hotmail.com

previous page next page
press then return to home page