序言
長久以來,我一直有一個夢想。在過去的8、9年間,我主要從事教育工作,包括委托和編輯技術(shù)書籍,來幫助人們使用技術(shù)建立酷炫的東西,為我所工作過的多家公司培訓(xùn)新員工,以及編輯和撰寫指南性的文章,幫助人們使用Opera的軟件。我也很著迷于Web,并且是開放的Web標(biāo)準(zhǔn)的堅定信徒。我希望通過我所從事的教育和培訓(xùn)工作,教會人們?nèi)绾魏献鳎绾蜗嗷プ鹬,教會他們(nèi)绾沃谱骺煽缙脚_、跨瀏覽器、跨設(shè)備訪問的Web站點(甚至殘疾人也能無障礙地訪問),為改造Web世界盡我的一點綿薄之力。要實現(xiàn)這個目標(biāo),Web標(biāo)準(zhǔn)是關(guān)鍵 。因此我決定將我的時間和精力集中用于推廣Web標(biāo)準(zhǔn)的應(yīng)用,這是我長久以來一直有的想法,但終于在Opera公司里實現(xiàn)了,為此我要感謝我的上司聘用我專職從事這項工作,我的一個夢想終于成為了現(xiàn)實。
在這篇文章里,我要向大家介紹我和其他很多人花費(fèi)數(shù)月時間開發(fā)的一個課程——Web標(biāo)準(zhǔn)課程,該課程旨在向大家提供Web設(shè)計和開發(fā)的堅實基礎(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è)生根本不了解實際的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)點,為什么很多時候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)點:
- 提高代碼的利用效率:當(dāng)你學(xué)習(xí)完本課程后,你會發(fā)現(xiàn)Web標(biāo)準(zhǔn)使用的最佳習(xí)慣主要是關(guān)于代碼重用的。通過重用代碼,你可以將HTML內(nèi)容和樣式信息(CSS)及行為信息(JavaScript)相分離,減小網(wǎng)頁體積,而且只需要寫一次代碼,以后在需要的地方再重用即可。
- 易于維護(hù):這一點與上面所說的最后一點密切相關(guān)。如果你可以只寫一次HTML代碼,然后在需要應(yīng)用樣式和行為的地方,使用類和函數(shù)。而以后,在你需要做出改動的時候,你可以只在一個地方修改,然后此修改就會自動應(yīng)用到整個Web站點,而不再需要一處一處地修改。
- 提高可訪問性:以下的兩點密切相關(guān)。Web上的一個大問題就是,讓W(xué)eb站點可以被每個人訪問,而不論他們身處何種環(huán)境。這包括要能讓殘疾人,包括盲人、視覺受損的人、和運(yùn)動功能有障礙的人(如運(yùn)動受限制,不能自如地用雙手或根本不能用雙手的人)等)也能訪問網(wǎng)站。通過使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣,你可以使你的Web站點能被盡可能多的人訪問。
- 設(shè)備兼容性:此處的兼容性,指的是不僅要確保你的Web站點可以跨平臺(如Windows、Mac、Linux),而且要能在其它的瀏覽設(shè)備上工作,比如現(xiàn)在用的手機(jī)、電視、游戲控制臺等。這些裝置在屏幕大小、處理能力、控制機(jī)制等方面都有一些局限性。不過你放心,通過使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣,可以讓你的Web站點能在絕大多數(shù)裝置上顯示。要知道全球手機(jī)的數(shù)量多于個人電腦的數(shù)量,而且很多手機(jī)都是可以上網(wǎng)的,你或你的客戶怎能不去占領(lǐng)這個大市場呢。要想了解更多有關(guān)移動Web開發(fā)的信息,請訪問 dev.opera.com 。
- 網(wǎng)絡(luò)爬蟲/搜索引擎:在這里,我指的是所謂的“搜索引擎優(yōu)化”,即讓你的Web站點能盡可能多地被網(wǎng)絡(luò)爬蟲爬到,并且被索引,從而提高你的Web站點在 Google 等搜索引擎上的排名。這是一項專門的學(xué)問(參考關(guān)于搜索引擎優(yōu)化的文章,如《更適用于搜索引擎優(yōu)化的智能站點結(jié)構(gòu)》、《HTML語義和搜索引擎優(yōu)化》等)。同樣地,通過使用Web標(biāo)準(zhǔn),你就可以讓你的站點在Google、Yahoo! 等搜索引擎上盡量靠前地顯示,這必將大大地促進(jìn)你的業(yè)務(wù)。
盡管使用Web標(biāo)準(zhǔn)有以上諸多優(yōu)點,但多數(shù)Web站點至今還尚未遵循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)的借口。
- 缺乏培訓(xùn):這確實是一個問題,這也是我們開發(fā)本課程的主要原因之一。很多大學(xué)在它們的Web相關(guān)課程中都不教授Web標(biāo)準(zhǔn),而且很多課程講述的內(nèi)容也已經(jīng)過時,由于官僚主義,這種情況還很難改變。培訓(xùn)課程和書籍確實也花費(fèi)昂貴,但現(xiàn)在我們已開發(fā)出這個免費(fèi)的課程,并在大學(xué)里推廣。“缺乏教育和培訓(xùn)”再也不成其為不學(xué)習(xí)Web標(biāo)準(zhǔn)的借口了。
- 公司政策:無可否認(rèn),至今一些公司/機(jī)構(gòu)依然維持其老式過時的Web站點,也許還制定有政策強(qiáng)迫其員工使用過時的瀏覽器。但現(xiàn)在有了我們這個免費(fèi)提供的課程,情況應(yīng)該能得到改觀了。將Web站點進(jìn)行升級,以達(dá)到當(dāng)前的標(biāo)準(zhǔn),這將促進(jìn)公司升級它們所使用的瀏覽器,這是因為用過時的瀏覽器瀏覽升級后的Web站點效果不佳(盡管還是可以瀏覽)。公司還應(yīng)該鼓勵它們的客戶也升級瀏覽器。這樣做是有充分理有的,如上所述,使用了Web標(biāo)準(zhǔn)的站點,將有更靠前的搜索引擎排名,并能為更多的人,包括殘疾人和使用電腦以外裝置上網(wǎng)的人所訪問,公司怎能忽視這么大的一個潛在客戶群呢?
- “我不需要學(xué)習(xí)Web標(biāo)準(zhǔn)”:我知道一些Web開發(fā)人員會這樣說:“我是在使用過時的方法開發(fā)Web站點,但我照樣領(lǐng)到工資,那我為什么還要去費(fèi)時費(fèi)力地學(xué)習(xí)這個新東西呢?”我在以上部分已經(jīng)講過,使用Web標(biāo)準(zhǔn)可以提高代碼的效率,使得寫代碼變得更為容易,并使Web站點更易于維護(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)的基本知識,其實是非常容易的。學(xué)習(xí)使用Web標(biāo)準(zhǔn)并不比使用老式過時的Web開發(fā)/設(shè)計方法更難,而且還能帶來那么多益處。
- 瀏覽器所支持的標(biāo)準(zhǔn):過去有很多不同的瀏覽器支持標(biāo)準(zhǔn),這使得讓W(xué)eb站點在不同的瀏覽器下都能正常顯示,變成了一場惡夢。但那已是過去的事了,當(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é)者的觀點來看,學(xué)習(xí)本課程至少可以讓你一開始就學(xué)習(xí)最好的習(xí)慣,而不需要還要費(fèi)力地去拋棄那些過去不好的習(xí)慣。
我們一直以不屑的口吻談?wù)撃切┻^去不好的習(xí)慣,仿佛它們已是毫無用處的老古董了。的確,在本課程中我們不會教授這些不好的習(xí)慣,因為我們認(rèn)為沒這個必要。我們認(rèn)為學(xué)員一開始就應(yīng)選擇正確的出發(fā)點。也許你們想知道這些過去不好的習(xí)慣究竟是怎么樣的,下面我就簡要介紹一下。
在過去,人們在制作Web站點時,習(xí)慣于這樣做:把整個頁面通過一些巨大的表格進(jìn)行布局,使用不同的表格單元格來定位圖像、文本等(不是真正的表格,而是向頁面添加冗余的標(biāo)記)。他們習(xí)慣于使用不可見的空白GIF來調(diào)整頁面元素的定位(不是真正的GIF圖像,而是向頁面添加冗余的標(biāo)記)。他們習(xí)慣于用JavaScript來生成那些飛舞的菜單(這對于那些已經(jīng)在瀏覽器中禁用JavaScript的人來說,一點好處也沒有,而對那些因視覺障礙而使用屏幕閱讀器的人來說,也會被這些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ā)的最佳途徑。
出處:Opera中國
責(zé)任編輯:moby
上一頁 下一頁 Opera的WEB標(biāo)準(zhǔn)教程 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|