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

1. 提高代碼的利用效率：當(dāng)你學(xué)習(xí)完本課程后，你會(huì)發(fā)現(xiàn)Web標(biāo)準(zhǔn)使用的最佳習(xí)慣主要是關(guān)于代碼重用的。通過(guò)重用代碼，你可以將HTML內(nèi)容和樣式信息（CSS）及行為信息（JavaScript）相分離，減小網(wǎng)頁(yè)體積，而且只需要寫(xiě)一次代碼，以后在需要的地方再重用即可。 易于維護(hù)：這一點(diǎn)與上面所說(shuō)的最后一點(diǎn)密切相關(guān)。如果你可以只寫(xiě)一次HTML代碼，然后在需要應(yīng)用樣式和行為的地方，使用類(lèi)和函數(shù)。而以后，在你需要做出改動(dòng)的時(shí)候，你可以只在一個(gè)地方修改，然后此修改就會(huì)自動(dòng)應(yīng)用到整個(gè)Web站點(diǎn)，而不再需要一處一處地修改。 提高可訪(fǎng)問(wèn)性：以下的兩點(diǎn)密切相關(guān)。Web上的一個(gè)大問(wèn)題就是，讓W(xué)eb站點(diǎn)可以被每個(gè)人訪(fǎng)問(wèn)，而不論他們身處何種環(huán)境。這包括要能讓殘疾人，包括盲人、視覺(jué)受損的人、和運(yùn)動(dòng)功能有障礙的人（如運(yùn)動(dòng)受限制，不能自如地用雙手或根本不能用雙手的人）等）也能訪(fǎng)問(wèn)網(wǎng)站。通過(guò)使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣，你可以使你的Web站點(diǎn)能被盡可能多的人訪(fǎng)問(wèn)。 設(shè)備兼容性：此處的兼容性，指的是不僅要確保你的Web站點(diǎn)可以跨平臺(tái)（如Windows、Mac、Linux），而且要能在其它的瀏覽設(shè)備上工作，比如現(xiàn)在用的手機(jī)、電視、游戲控制臺(tái)等。這些裝置在屏幕大小、處理能力、控制機(jī)制等方面都有一些局限性。不過(guò)你放心，通過(guò)使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣，可以讓你的Web站點(diǎn)能在絕大多數(shù)裝置上顯示。要知道全球手機(jī)的數(shù)量多于個(gè)人電腦的數(shù)量，而且很多手機(jī)都是可以上網(wǎng)的，你或你的客戶(hù)怎能不去占領(lǐng)這個(gè)大市場(chǎng)呢。要想了解更多有關(guān)移動(dòng)Web開(kāi)發(fā)的信息，請(qǐng)?jiān)L問(wèn) dev.opera.com 。 網(wǎng)絡(luò)爬蟲(chóng)/搜索引擎：在這里，我指的是所謂的“搜索引擎優(yōu)化”，即讓你的Web站點(diǎn)能盡可能多地被網(wǎng)絡(luò)爬蟲(chóng)爬到，并且被索引，從而提高你的Web站點(diǎn)在 Google 等搜索引擎上的排名。這是一項(xiàng)專(zhuān)門(mén)的學(xué)問(wèn)（參考關(guān)于搜索引擎優(yōu)化的文章，如《更適用于搜索引擎優(yōu)化的智能站點(diǎn)結(jié)構(gòu)》、《HTML語(yǔ)義和搜索引擎優(yōu)化》等）。同樣地，通過(guò)使用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)，而且時(shí)至今日很多Web開(kāi)發(fā)人員都還在使用過(guò)時(shí)的、不好的習(xí)慣。你會(huì)問(wèn)“為什么會(huì)出現(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í)是一個(gè)問(wèn)題，這也是我們開(kāi)發(fā)本課程的主要原因之一。很多大學(xué)在它們的Web相關(guān)課程中都不教授Web標(biāo)準(zhǔn)，而且很多課程講述的內(nèi)容也已經(jīng)過(guò)時(shí)，這種情況還很難改變。培訓(xùn)課程和書(shū)籍確實(shí)也花費(fèi)昂貴，但現(xiàn)在我們已開(kāi)發(fā)出這個(gè)免費(fèi)的課程，并在大學(xué)里推廣。“缺乏教育和培訓(xùn)”再也不成其為不學(xué)習(xí)Web標(biāo)準(zhǔn)的借口了。 公司政策：無(wú)可否認(rèn)，至今一些公司/機(jī)構(gòu)依然維持其老式過(guò)時(shí)的Web站點(diǎn)，也許還制定有政策強(qiáng)迫其員工使用過(guò)時(shí)的瀏覽器。但現(xiàn)在有了我們這個(gè)免費(fèi)提供的課程，情況應(yīng)該能得到改觀(guān)了。將Web站點(diǎn)進(jìn)行升級(jí)，以達(dá)到當(dāng)前的標(biāo)準(zhǔn)，這將促進(jìn)公司升級(jí)它們所使用的瀏覽器，這是因?yàn)橛眠^(guò)時(shí)的瀏覽器瀏覽升級(jí)后的Web站點(diǎn)效果不佳（盡管還是可以瀏覽）。公司還應(yīng)該鼓勵(lì)它們的客戶(hù)也升級(jí)瀏覽器。這樣做是有充分理有的，如上所述，使用了Web標(biāo)準(zhǔn)的站點(diǎn)，將有更靠前的搜索引擎排名，并能為更多的人，包括殘疾人和使用電腦以外裝置上網(wǎng)的人所訪(fǎng)問(wèn)，公司怎能忽視這么大的一個(gè)潛在客戶(hù)群呢？ “我不需要學(xué)習(xí)Web標(biāo)準(zhǔn)”：我知道一些Web開(kāi)發(fā)人員會(huì)這樣說(shuō)：“我是在使用過(guò)時(shí)的方法開(kāi)發(fā)Web站點(diǎn)，但我照樣領(lǐng)到工資，那我為什么還要去費(fèi)時(shí)費(fèi)力地學(xué)習(xí)這個(gè)新東西呢？”我在以上部分已經(jīng)講過(guò)，使用Web標(biāo)準(zhǔn)可以提高代碼的效率，使得寫(xiě)代碼變得更為容易，并使Web站點(diǎn)更易于維護(hù)。此外，還可以使你能寫(xiě)出可以在電腦以外的設(shè)備上顯示的代碼，這不很好嗎？學(xué)習(xí)Web標(biāo)準(zhǔn)，可以提升你的專(zhuān)業(yè)技能，并使你能掙到更多的錢(qián)。目前很多公司都需要懂Web標(biāo)準(zhǔn)的專(zhuān)業(yè)人員。 “它太難學(xué)了”：廢話(huà)。在學(xué)習(xí)完本課程后，不論你是Web開(kāi)發(fā)/設(shè)計(jì)方面的新手，還是需要進(jìn)修的Web從業(yè)人員，都會(huì)發(fā)現(xiàn)要掌握使用Web標(biāo)準(zhǔn)的基本知識(shí)，其實(shí)是非常容易的。學(xué)習(xí)使用Web標(biāo)準(zhǔn)并不比使用老式過(guò)時(shí)的Web開(kāi)發(fā)/設(shè)計(jì)方法更難，而且還能帶來(lái)那么多益處。 瀏覽器所支持的標(biāo)準(zhǔn)：過(guò)去有很多不同的瀏覽器支持標(biāo)準(zhǔn)，這使得讓W(xué)eb站點(diǎn)在不同的瀏覽器下都能正常顯示，變成了一場(chǎng)惡夢(mèng)。但那已是過(guò)去的事了，當(dāng)今的瀏覽器都支持應(yīng)有的Web標(biāo)準(zhǔn)。一些老式瀏覽器有時(shí)仍需要特別的支持標(biāo)準(zhǔn)，但通過(guò)使用當(dāng)今最好的習(xí)慣，你可以確保那些老式瀏覽器的用戶(hù)仍然可以獲得不錯(cuò)的用戶(hù)體驗(yàn)。

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

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

最新評(píng)論