在這篇文章里，我要向大家介紹我和其他很多人花費(fèi)數(shù)月時間開發(fā)的一個課程——Web標(biāo)準(zhǔn)課程，該課程旨在向大家提供Web設(shè)計和開發(fā)的堅實(shí)基礎(chǔ)，無論讀者是誰，此教程完全免費(fèi)、可訪問，并且不需要預(yù)備知識。當(dāng)然，我主要還是希望在大學(xué)里推廣本課程，因為我發(fā)現(xiàn)很多大學(xué)都缺
序言
長久以來，我一直有一個夢想。在過去的8、9年間，我主要從事教育工作，包括委托和編輯技術(shù)書籍，來幫助人們使用技術(shù)建立酷炫的東西，為我所工作過的多家公司培訓(xùn)新員工，以及編輯和撰寫指南性的文章，幫助人們使用Opera的軟件。我也很著迷于Web，并且是開放的Web標(biāo)準(zhǔn)的堅定信徒。我希望通過我所從事的教育和培訓(xùn)工作，教會人們?nèi)绾魏献?，如何相互尊重，教會他們?nèi)绾沃谱骺煽缙脚_、跨瀏覽器、跨設(shè)備訪問的Web站點(diǎn)（甚至殘疾人也能無障礙地訪問），為改造Web世界盡我的一點(diǎn)綿薄之力。要實(shí)現(xiàn)這個目標(biāo)，Web標(biāo)準(zhǔn)是關(guān)鍵 。因此我決定將我的時間和精力集中用于推廣Web標(biāo)準(zhǔn)的應(yīng)用，這是我長久以來一直有的想法，但終于在Opera公司里實(shí)現(xiàn)了，為此我要感謝我的上司聘用我專職從事這項工作，我的一個夢想終于成為了現(xiàn)實(shí)。
在這篇文章里，我要向大家介紹我和其他很多人花費(fèi)數(shù)月時間開發(fā)的一個課程——Web標(biāo)準(zhǔn)課程，該課程旨在向大家提供Web設(shè)計和開發(fā)的堅實(shí)基礎(chǔ)，無論讀者是誰，此教程完全免費(fèi)、可訪問，并且不需要預(yù)備知識。當(dāng)然，我主要還是希望在大學(xué)里推廣本課程，因為我發(fā)現(xiàn)很多大學(xué)都缺乏好的關(guān)于Web標(biāo)準(zhǔn)的課程。我聽說很多大學(xué)生不愿意花時間去學(xué)習(xí)關(guān)于Web標(biāo)準(zhǔn)的課程，因為評分辦法已很過時了。我還聽說一些公司在面試申請Web相關(guān)職位的大學(xué)畢業(yè)生時，發(fā)現(xiàn)這些大學(xué)畢業(yè)生根本不了解實(shí)際的Web開發(fā)是如何進(jìn)行的，而感到非常失望。而如果你以一種理性的風(fēng)格，在一所先進(jìn)的大學(xué)里教Web標(biāo)準(zhǔn)的話，那我要向你致敬，請與我聯(lián)系！
這篇文章的主要內(nèi)容包括： 為什么要使用Web標(biāo)準(zhǔn)？在這一部分，我要簡單論述使用Web標(biāo)準(zhǔn)的優(yōu)點(diǎn)，為什么很多時候Web標(biāo)準(zhǔn)未得到采用，以及如何通過學(xué)習(xí)我們的課程來解決這些問題。 本課程的組織結(jié)構(gòu)。這一部分概述課程內(nèi)容的結(jié)構(gòu)，并討論授課老師如何有效地使用和講述課程材料。 本課程的適用人群。當(dāng)我說“任何人”都可以學(xué)習(xí)本課程時，這里的“任何人”其確切意義是什么？ 課程的目錄。如果你想直接就開始學(xué)習(xí)的話，可以跳過這部分。 致謝 與我聯(lián)系
為什么要使用Web標(biāo)準(zhǔn)？
為什么你一定要在進(jìn)行Web設(shè)計和開發(fā)時使用Web標(biāo)準(zhǔn)，這將在第4篇文章中詳細(xì)闡述。但我在這兒先大概講一下，讓大家有個基本的了解。使用Web標(biāo)準(zhǔn)，有以下優(yōu)點(diǎn)：

1. 提高代碼的利用效率：當(dāng)你學(xué)習(xí)完本課程后，你會發(fā)現(xiàn)Web標(biāo)準(zhǔn)使用的最佳習(xí)慣主要是關(guān)于代碼重用的。通過重用代碼，你可以將HTML內(nèi)容和樣式信息（CSS）及行為信息（JavaScript）相分離，減小網(wǎng)頁體積，而且只需要寫一次代碼，以后在需要的地方再重用即可。 易于維護(hù)：這一點(diǎn)與上面所說的最后一點(diǎn)密切相關(guān)。如果你可以只寫一次HTML代碼，然后在需要應(yīng)用樣式和行為的地方，使用類和函數(shù)。而以后，在你需要做出改動的時候，你可以只在一個地方修改，然后此修改就會自動應(yīng)用到整個Web站點(diǎn)，而不再需要一處一處地修改。 提高可訪問性：以下的兩點(diǎn)密切相關(guān)。Web上的一個大問題就是，讓W(xué)eb站點(diǎn)可以被每個人訪問，而不論他們身處何種環(huán)境。這包括要能讓殘疾人，包括盲人、視覺受損的人、和運(yùn)動功能有障礙的人（如運(yùn)動受限制，不能自如地用雙手或根本不能用雙手的人）等）也能訪問網(wǎng)站。通過使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣，你可以使你的Web站點(diǎn)能被盡可能多的人訪問。 設(shè)備兼容性：此處的兼容性，指的是不僅要確保你的Web站點(diǎn)可以跨平臺（如Windows、Mac、Linux），而且要能在其它的瀏覽設(shè)備上工作，比如現(xiàn)在用的手機(jī)、電視、游戲控制臺等。這些裝置在屏幕大小、處理能力、控制機(jī)制等方面都有一些局限性。不過你放心，通過使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣，可以讓你的Web站點(diǎn)能在絕大多數(shù)裝置上顯示。要知道全球手機(jī)的數(shù)量多于個人電腦的數(shù)量，而且很多手機(jī)都是可以上網(wǎng)的，你或你的客戶怎能不去占領(lǐng)這個大市場呢。要想了解更多有關(guān)移動Web開發(fā)的信息，請訪問 dev.opera.com 。 網(wǎng)絡(luò)爬蟲/搜索引擎：在這里，我指的是所謂的“搜索引擎優(yōu)化”，即讓你的Web站點(diǎn)能盡可能多地被網(wǎng)絡(luò)爬蟲爬到，并且被索引，從而提高你的Web站點(diǎn)在 Google 等搜索引擎上的排名。這是一項專門的學(xué)問（參考關(guān)于搜索引擎優(yōu)化的文章，如《更適用于搜索引擎優(yōu)化的智能站點(diǎn)結(jié)構(gòu)》、《HTML語義和搜索引擎優(yōu)化》等）。同樣地，通過使用Web標(biāo)準(zhǔn)，你就可以讓你的站點(diǎn)在Google、Yahoo! 等搜索引擎上盡量靠前地顯示，這必將大大地促進(jìn)你的業(yè)務(wù)。

盡管使用Web標(biāo)準(zhǔn)有以上諸多優(yōu)點(diǎn)，但多數(shù)Web站點(diǎn)至今還尚未遵循Web標(biāo)準(zhǔn)，而且時至今日很多Web開發(fā)人員都還在使用過時的、不好的習(xí)慣。你會問“為什么會出現(xiàn)這種情況呢？”。原因當(dāng)然有很多，這包括缺乏教育和培訓(xùn)、公司政策、不用學(xué)習(xí)標(biāo)準(zhǔn)也能領(lǐng)到薪水、學(xué)習(xí)太難、瀏覽器所支持的標(biāo)準(zhǔn)等。以下我將逐一詳細(xì)分析這些原因，并批駁那些不采用或?qū)W習(xí)Web標(biāo)準(zhǔn)的借口。

1. 缺乏培訓(xùn)：這確實(shí)是一個問題，這也是我們開發(fā)本課程的主要原因之一。很多大學(xué)在它們的Web相關(guān)課程中都不教授Web標(biāo)準(zhǔn)，而且很多課程講述的內(nèi)容也已經(jīng)過時，這種情況還很難改變。培訓(xùn)課程和書籍確實(shí)也花費(fèi)昂貴，但現(xiàn)在我們已開發(fā)出這個免費(fèi)的課程，并在大學(xué)里推廣。“缺乏教育和培訓(xùn)”再也不成其為不學(xué)習(xí)Web標(biāo)準(zhǔn)的借口了。 公司政策：無可否認(rèn)，至今一些公司/機(jī)構(gòu)依然維持其老式過時的Web站點(diǎn)，也許還制定有政策強(qiáng)迫其員工使用過時的瀏覽器。但現(xiàn)在有了我們這個免費(fèi)提供的課程，情況應(yīng)該能得到改觀了。將Web站點(diǎn)進(jìn)行升級，以達(dá)到當(dāng)前的標(biāo)準(zhǔn)，這將促進(jìn)公司升級它們所使用的瀏覽器，這是因為用過時的瀏覽器瀏覽升級后的Web站點(diǎn)效果不佳（盡管還是可以瀏覽）。公司還應(yīng)該鼓勵它們的客戶也升級瀏覽器。這樣做是有充分理有的，如上所述，使用了Web標(biāo)準(zhǔn)的站點(diǎn)，將有更靠前的搜索引擎排名，并能為更多的人，包括殘疾人和使用電腦以外裝置上網(wǎng)的人所訪問，公司怎能忽視這么大的一個潛在客戶群呢？ “我不需要學(xué)習(xí)Web標(biāo)準(zhǔn)”：我知道一些Web開發(fā)人員會這樣說：“我是在使用過時的方法開發(fā)Web站點(diǎn)，但我照樣領(lǐng)到工資，那我為什么還要去費(fèi)時費(fèi)力地學(xué)習(xí)這個新東西呢？”我在以上部分已經(jīng)講過，使用Web標(biāo)準(zhǔn)可以提高代碼的效率，使得寫代碼變得更為容易，并使Web站點(diǎn)更易于維護(hù)。此外，還可以使你能寫出可以在電腦以外的設(shè)備上顯示的代碼，這不很好嗎？學(xué)習(xí)Web標(biāo)準(zhǔn)，可以提升你的專業(yè)技能，并使你能掙到更多的錢。目前很多公司都需要懂Web標(biāo)準(zhǔn)的專業(yè)人員。 “它太難學(xué)了”：廢話。在學(xué)習(xí)完本課程后，不論你是Web開發(fā)/設(shè)計方面的新手，還是需要進(jìn)修的Web從業(yè)人員，都會發(fā)現(xiàn)要掌握使用Web標(biāo)準(zhǔn)的基本知識，其實(shí)是非常容易的。學(xué)習(xí)使用Web標(biāo)準(zhǔn)并不比使用老式過時的Web開發(fā)/設(shè)計方法更難，而且還能帶來那么多益處。 瀏覽器所支持的標(biāo)準(zhǔn)：過去有很多不同的瀏覽器支持標(biāo)準(zhǔn)，這使得讓W(xué)eb站點(diǎn)在不同的瀏覽器下都能正常顯示，變成了一場惡夢。但那已是過去的事了，當(dāng)今的瀏覽器都支持應(yīng)有的Web標(biāo)準(zhǔn)。一些老式瀏覽器有時仍需要特別的支持標(biāo)準(zhǔn)，但通過使用當(dāng)今最好的習(xí)慣，你可以確保那些老式瀏覽器的用戶仍然可以獲得不錯的用戶體驗。

因此像你們已經(jīng)了解到的一樣，真沒有任何借口在從事Web開發(fā)工作時不采用Web標(biāo)準(zhǔn)。從一個初學(xué)者的觀點(diǎn)來看，學(xué)習(xí)本課程至少可以讓你一開始就學(xué)習(xí)最好的習(xí)慣，而不需要還要費(fèi)力地去拋棄那些過去不好的習(xí)慣。

我們一直以不屑的口吻談?wù)撃切┻^去不好的習(xí)慣，仿佛它們已是毫無用處的老古董了。的確，在本課程中我們不會教授這些不好的習(xí)慣，因為我們認(rèn)為沒這個必要。我們認(rèn)為學(xué)員一開始就應(yīng)選擇正確的出發(fā)點(diǎn)。也許你們想知道這些過去不好的習(xí)慣究竟是怎么樣的，下面我就簡要介紹一下。
在過去，人們在制作Web站點(diǎn)時，習(xí)慣于這樣做：把整個頁面通過一些巨大的表格進(jìn)行布局，使用不同的表格單元格來定位圖像、文本等（不是真正的表格，而是向頁面添加冗余的標(biāo)記）。他們習(xí)慣于使用不可見的空白GIF來調(diào)整頁面元素的定位（不是真正的GIF圖像，而是向頁面添加冗余的標(biāo)記）。他們習(xí)慣于用JavaScript來生成那些飛舞的菜單（這對于那些已經(jīng)在瀏覽器中禁用JavaScript的人來說，一點(diǎn)好處也沒有，而對那些因視覺障礙而使用屏幕閱讀器的人來說，也會被這些JavaScript搞暈）。或者，寫一些僅能運(yùn)行在一種瀏覽器上的JavaScript（但對于那些使用其他瀏覽器的人，該怎么辦呢？）。他們習(xí)慣于在HTML的<font>元素中，直接插.入樣式信息（但這將增加維護(hù)的難度，并且會使頁面中憑添多余的標(biāo)記）。此外還有很多不好的習(xí)慣，最糟糕的是，雖然我上面說的是“過去的作法”，但現(xiàn)在有很多人還像以前一樣做。
Web開發(fā)本身就是一件雜亂無章的工作，而如果再沒有好的開發(fā)習(xí)慣，它就難上加難了。本課程所描述的Web標(biāo)準(zhǔn)和最佳習(xí)慣，將是你從事Web開發(fā)的最佳途徑。

最新評論