在這篇文章里，我要向大家介紹我和其他很多人花費(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)、可訪問(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ù)書籍，來(lái)幫助人們使用技術(shù)建立酷炫的東西，為我所工作過(guò)的多家公司培訓(xùn)新員工，以及編輯和撰寫指南性的文章，幫助人們使用Opera的軟件。我也很著迷于Web，并且是開(kāi)放的Web標(biāo)準(zhǔn)的堅(jiān)定信徒。我希望通過(guò)我所從事的教育和培訓(xùn)工作，教會(huì)人們?nèi)绾魏献?，如何相互尊重，教?huì)他們?nèi)绾沃谱骺煽缙脚_(tái)、跨瀏覽器、跨設(shè)備訪問(wèn)的Web站點(diǎn)（甚至殘疾人也能無(wú)障礙地訪問(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)了，為此我要感謝我的上司聘用我專職從事這項(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)、可訪問(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)的話，那我要向你致敬，請(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í)的話，可以跳過(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è)體積，而且只需要寫一次代碼，以后在需要的地方再重用即可。 易于維護(hù)：這一點(diǎn)與上面所說(shuō)的最后一點(diǎn)密切相關(guān)。如果你可以只寫一次HTML代碼，然后在需要應(yīng)用樣式和行為的地方，使用類和函數(shù)。而以后，在你需要做出改動(dòng)的時(shí)候，你可以只在一個(gè)地方修改，然后此修改就會(huì)自動(dòng)應(yīng)用到整個(gè)Web站點(diǎn)，而不再需要一處一處地修改。 提高可訪問(wèn)性：以下的兩點(diǎn)密切相關(guān)。Web上的一個(gè)大問(wèn)題就是，讓W(xué)eb站點(diǎn)可以被每個(gè)人訪問(wèn)，而不論他們身處何種環(huán)境。這包括要能讓殘疾人，包括盲人、視覺(jué)受損的人、和運(yùn)動(dòng)功能有障礙的人（如運(yùn)動(dòng)受限制，不能自如地用雙手或根本不能用雙手的人）等）也能訪問(wèn)網(wǎng)站。通過(guò)使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣，你可以使你的Web站點(diǎn)能被盡可能多的人訪問(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)的，你或你的客戶怎能不去占領(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ò)爬蟲/搜索引擎：在這里，我指的是所謂的“搜索引擎優(yōu)化”，即讓你的Web站點(diǎn)能盡可能多地被網(wǎng)絡(luò)爬蟲爬到，并且被索引，從而提高你的Web站點(diǎn)在 Google 等搜索引擎上的排名。這是一項(xiàng)專門的學(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í)也花費(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)該能得到改觀了。將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ì)它們的客戶也升級(jí)瀏覽器。這樣做是有充分理有的，如上所述，使用了Web標(biāo)準(zhǔn)的站點(diǎn)，將有更靠前的搜索引擎排名，并能為更多的人，包括殘疾人和使用電腦以外裝置上網(wǎng)的人所訪問(wèn)，公司怎能忽視這么大的一個(gè)潛在客戶群呢？ “我不需要學(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)可以提高代碼的效率，使得寫代碼變得更為容易，并使Web站點(diǎn)更易于維護(hù)。此外，還可以使你能寫出可以在電腦以外的設(shè)備上顯示的代碼，這不很好嗎？學(xué)習(xí)Web標(biāo)準(zhǔn)，可以提升你的專業(yè)技能，并使你能掙到更多的錢。目前很多公司都需要懂Web標(biāo)準(zhǔn)的專業(yè)人員。 “它太難學(xué)了”：廢話。在學(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í)慣，你可以確保那些老式瀏覽器的用戶仍然可以獲得不錯(cuò)的用戶體驗(yàn)。

因此像你們已經(jīng)了解到的一樣，真沒(méi)有任何借口在從事Web開(kāi)發(fā)工作時(shí)不采用Web標(biāo)準(zhǔn)。從一個(gè)初學(xué)者的觀點(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搞暈）?；蛘撸瑢懸恍﹥H能運(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#
在這篇文章里，我要向大家介紹我和其他很多人花費(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)、可訪問(wèn)，并且不需要預(yù)備知識(shí)。當(dāng)然，我主要還是希望在大學(xué)里推廣本課程，因?yàn)槲野l(fā)現(xiàn)很多大學(xué)都缺
課程結(jié)構(gòu)
本課程由很多文章構(gòu)成。在基礎(chǔ)課程完成時(shí)，將有50多篇文章，每篇文章的長(zhǎng)度都為幾千個(gè)單詞。每篇文章的內(nèi)容都集中在一個(gè)具體的主題上，一般將包括以下內(nèi)容：該主題的背景知識(shí)、基本理論、實(shí)際例子、漫游教程，以及練習(xí)題。
此外，我們?cè)谖磥?lái)還將推出全套教程，內(nèi)容將覆蓋構(gòu)建Web站點(diǎn)的全過(guò)程。
教授本課程適當(dāng)?shù)姆绞綖椋合却_定你有多少堂課可以用于將本課程教完，然后除以文章的數(shù)量。在每堂課開(kāi)始前，要求學(xué)員先通讀與該堂課相對(duì)應(yīng)的文章，然后在課堂上討論實(shí)際的例子，并要求學(xué)員在課后做練習(xí)題。我認(rèn)為只要讓學(xué)員在課前通讀了文章，講述每篇文章所包含的基本理念只需要1個(gè)小時(shí)就足夠了。大致說(shuō)來(lái)，本課程需要50小時(shí)的授課時(shí)間，另需要50個(gè)小時(shí)的背景閱讀時(shí)間。
很顯然，你需要仔細(xì)想想教授完本課程需要多長(zhǎng)時(shí)間，每堂課又需要具體講述些什么?？梢酝ㄟ^(guò)試講摸索出路子。
授課對(duì)象
這是一個(gè)有關(guān)Web標(biāo)準(zhǔn)的課程，由多篇文章組成，其主要授課對(duì)象為任何想從零開(kāi)始學(xué)習(xí)基于Web標(biāo)準(zhǔn)的Web（網(wǎng)頁(yè)）設(shè)計(jì)的人。本課程的目標(biāo)為：使一開(kāi)始僅懂如何瀏覽網(wǎng)頁(yè)的人，通過(guò)本課程的學(xué)習(xí)，熟練掌握CSS樣式和HTML語(yǔ)言，并了解JavaScript的基本知識(shí)及實(shí)際應(yīng)用。通過(guò)學(xué)習(xí)，將可以使學(xué)員獲得進(jìn)入工作市場(chǎng)所需要的足夠知識(shí)（當(dāng)然工作經(jīng)驗(yàn)是無(wú)法教授的，需要自己積累）。
在我看來(lái)，授課對(duì)象是希望以“正確的方式”學(xué)習(xí)Web設(shè)計(jì)的任何人，包括：

1. 大學(xué)/學(xué)院學(xué)生和老師：正如我已經(jīng)指出的那樣，老師既可以利用本課程的全套文章創(chuàng)建自己的課程，并向?qū)W生講授；也可以將其中部分文章作為你自己課程的補(bǔ)充。而任何已經(jīng)學(xué)過(guò)一些Web相關(guān)課程的學(xué)生，應(yīng)當(dāng)使用本課程的材料補(bǔ)充自己的知識(shí)，并勸說(shuō)自己的老師也這樣做。我建議老師也把這些材料通讀一遍，以確保所教授的課程中含蓋的技術(shù)是當(dāng)前的最佳規(guī)范。 大學(xué)預(yù)科/大學(xué)年齡的學(xué)生：盡管本課程主要是面向成人的，但中學(xué)生也還是可以從學(xué)習(xí)本課程中受益，可以嘗試學(xué)習(xí)本課程。 在職的Web設(shè)計(jì)者和開(kāi)發(fā)者：有很多在職的Web設(shè)計(jì)者和開(kāi)發(fā)者，尚未在工作中使用Web標(biāo)準(zhǔn)和最佳習(xí)慣，或是不能很容易就找到可用的參考資料，或不習(xí)慣更新自己的知識(shí)。我力勸前一類人一定學(xué)習(xí)一下本課程，以了解在工作中采用Web標(biāo)準(zhǔn)是多么有價(jià)值且又是多么容易。而對(duì)后一類人來(lái)說(shuō)，我確信你們學(xué)習(xí)本課程也會(huì)有很大收獲，可以更新自己的知識(shí)和技能，溫習(xí)容易遺忘的知識(shí)，并使你獲得足夠的知識(shí)儲(chǔ)備，可用于說(shuō)服你的雇主和客戶像Web站點(diǎn)的可訪問(wèn)性這類要素有多么重要。 公司內(nèi)部的培訓(xùn)人員：本課程是以低成本對(duì)員工進(jìn)行培訓(xùn)的理想方式。 其他個(gè)人：如果你是想學(xué)習(xí)Web設(shè)計(jì)和開(kāi)發(fā)的個(gè)人，本課程也是你以低成本接受教育和培訓(xùn)的理想方式。

本課程是依據(jù)知識(shí)共享許可協(xié)議而發(fā)行的，任何想使用的人都可以免費(fèi)使用，只要承認(rèn)本課程歸屬于我們即可。
目錄
請(qǐng)注意，迄今為止本課程下的39篇文章已經(jīng)發(fā)布，還有10多篇文章也將盡快發(fā)布，組成完整的課程。
開(kāi)始篇

1. 序言，作者Chris Mills，就是您現(xiàn)在正讀的這篇。

Web標(biāo)準(zhǔn)導(dǎo)論

2. 互聯(lián)網(wǎng)和Web的歷史，以及Web標(biāo)準(zhǔn)的演化，作者M(jìn)ark Norman Francis 互聯(lián)網(wǎng)是如何運(yùn)轉(zhuǎn)的？作者Jonathan Lane Web 標(biāo)準(zhǔn)所包括的模塊——HTML、CSS 和 JavaScript，作者 Jonathan Lane 夢(mèng)想雖然很美，但實(shí)際上到底怎么樣？作者Jonathan Lane

Web設(shè)計(jì)概念
這部分并不涉及代碼或標(biāo)記的細(xì)節(jié)知識(shí)，而是在你開(kāi)始創(chuàng)建任何圖形或代碼前，幫助你了解Web設(shè)計(jì)過(guò)程，以及Web設(shè)計(jì)的一些基本概念，如信息架構(gòu)、導(dǎo)航、可用性等。

6. 信息架構(gòu)——規(guī)劃一個(gè)Web站點(diǎn)，作者Jonathan Lane 一個(gè)好的網(wǎng)頁(yè)需要什么？作者M(jìn)ark Norman Francis 色彩理論，作者Linda Goin 建立站點(diǎn)的線框圖，作者Linda Goin 配色方案和設(shè)計(jì)樣板，作者Linda Goin 網(wǎng)頁(yè)排版，作者Paul Haine

HTML基礎(chǔ)

12. HTML 基礎(chǔ)知識(shí)，作者M(jìn)ark Norman Francis HTML 的 <head> 元素，作者Christian Heilmann 為你的 HTML 文檔選擇適當(dāng)?shù)奈臋n類型，作者Roger Johansson

HTML正文

15. 在 HTML 中標(biāo)記文本內(nèi)容，作者M(jìn)ark Norman Francis HTML 列表，作者Ben Buchanan HTML中的圖像，作者Christian Heilmann HTML鏈接——讓我們建一張網(wǎng)吧！作者Christian Heilmann HTML表格，作者Jen Hanen HTML表單基礎(chǔ)知識(shí)，作者Jen Hanen 罕為人知的語(yǔ)義元素，作者M(jìn)ark Norman Francis 通用容器－－div 和span元素，作者M(jìn)ark Norman Francis 使用導(dǎo)航菜單創(chuàng)建多頁(yè)面，作者Christian Heilmann 檢驗(yàn)?zāi)愕腍TML，作者M(jìn)ark Norman Francis

可訪問(wèn)性

25. 可訪問(wèn)性基礎(chǔ)知識(shí)，作者Tom Hughes-Croucher 可訪問(wèn)性測(cè)試，作者Benjamin Hawkes-Lewis

CSS樣式

27. CSS 基礎(chǔ)知識(shí)，作者Christian Heilmann 繼承和層疊，作者Tommy Olsson 使用CSS設(shè)置文本樣式，作者Ben Henick CSS布局模型——boxes、borderes、margins、padding，作者Ben Henick CSS背景圖片，作者Nicole Sullivan 樣式列表和鏈接，作者Ben Buchanan 樣式表格，作者Ben Buchanan 樣式表單，作者Ben Henick 浮動(dòng)及清除，作者Tommy Olsson CSS的靜態(tài)和相對(duì)定位，作者Tommy Olsson CSS 的絕對(duì)和固定定位，作者Tommy Olsson

JavaScript 的文章
即將發(fā)布...
補(bǔ)充文章 將你的內(nèi)容發(fā)布到網(wǎng)上，作者Craig Grannell. 有關(guān)文檔中 <head> 元素的更多知識(shí)，作者Chris Heilmann. 補(bǔ)充材料：用于排版的通用HTML實(shí)體，作者Ben Henick. Opera公司W(wǎng)eb標(biāo)準(zhǔn)課程詞匯表，由多人撰寫。本目錄尚不完整，將隨時(shí)添加。
致謝
在開(kāi)發(fā)本課程的過(guò)程中，有非常多的人曾給予我?guī)椭?，也許無(wú)法一一列出他們的名字，但我希望在這里能已列出他們每個(gè)人的名字。他們都是一些杰出的人，我建議你們?nèi)ヂ?tīng)他們的講座、買他們寫的書、閱讀他們的博客，或者以其他方式給予他們支持。我向你們致以感謝和敬意。我要感謝：

1. 文章的作者：非常感謝Ben Buchanan, Tom Hughes–Croucher, Mark Norman “Norm” Francis, Linda Goin, Paul Haine, Jen Hanen, Benjamin Hawkes–Lewis, Ben Henick, Christian Heilmann, Roger Johansson, Peter–Paul Koch, Jonathan Lane, Tommy Olsson, Nicole Sullivan, Mike West。沒(méi)有你們的幫助，本課程是不可能被編寫出來(lái)的。 Opera的同事：包括Jan Standal, David Storey，我手下團(tuán)隊(duì)的其他成員，以及其他所有幫助我開(kāi)發(fā)本課程的同事。 機(jī)構(gòu)：感謝Yahoo 公司的每一位員工（文章作者，以及Sophie Major，她在組織和推廣方面給了我很大幫助）。感謝 WaSP公司（特別是 Gareth Rushgrove, Stephanie Troeth 和Aarron Walter）, Britpack網(wǎng)站，Geekup 網(wǎng)頁(yè)設(shè)計(jì)師聯(lián)盟，以及關(guān)注本課程的所有大學(xué)。 個(gè)人：衷心感謝以下人士——Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White。如果我遺漏了誰(shuí)，請(qǐng)?jiān)徫摇?讀者：感謝你們對(duì)以正確的方式創(chuàng)建Web站點(diǎn)感興趣，并抽出時(shí)間閱讀本課程的材料。

與我聯(lián)系
我始終希望更可能多的人能給我提供意見(jiàn)和建議，以讓我能改進(jìn)本課程。如果你對(duì)如何改進(jìn)本課程有任何建議，或是有任何評(píng)論，或是希望某個(gè)地方推廣本課程，都請(qǐng)與我聯(lián)系。我的E-mail是：cmills[at]opera.com 。 你也可以點(diǎn)擊每篇文章頁(yè)首的鏈接（“討論本篇文章”），發(fā)表你對(duì)文章的評(píng)論。為參與討論，你需要一個(gè) my.opera 賬戶。