Opera中國的WEB標準課程
互聯(lián)網(wǎng) 發(fā)布時間：2009-04-02 19:38:56 作者：佚名 
我要評論
我要評論網(wǎng)頁制作Webjx文章簡介：在這篇文章里，我要向大家介紹我和其他很多人花費數(shù)月時間開發(fā)的一個課程——Web標準課程，該課程旨在向大家提供Web設計和開發(fā)的堅實基礎，無論讀者是誰，此教程完全免費、可訪問，并且不需要預備知識。當然，我主要還
在這篇文章里，我要向大家介紹我和其他很多人花費數(shù)月時間開發(fā)的一個課程——Web標準課程，該課程旨在向大家提供Web設計和開發(fā)的堅實基礎，無論讀者是誰，此教程完全免費、可訪問，并且不需要預備知識。當然，我主要還是希望在大學里推廣本課程，因為我發(fā)現(xiàn)很多大學都缺
課程結(jié)構(gòu)
本課程由很多文章構(gòu)成。在基礎課程完成時，將有50多篇文章，每篇文章的長度都為幾千個單詞。每篇文章的內(nèi)容都集中在一個具體的主題上，一般將包括以下內(nèi)容：該主題的背景知識、基本理論、實際例子、漫游教程，以及練習題。
此外，我們在未來還將推出全套教程，內(nèi)容將覆蓋構(gòu)建Web站點的全過程。
教授本課程適當?shù)姆绞綖椋合却_定你有多少堂課可以用于將本課程教完，然后除以文章的數(shù)量。在每堂課開始前，要求學員先通讀與該堂課相對應的文章，然后在課堂上討論實際的例子，并要求學員在課后做練習題。我認為只要讓學員在課前通讀了文章，講述每篇文章所包含的基本理念只需要1個小時就足夠了。大致說來，本課程需要50小時的授課時間，另需要50個小時的背景閱讀時間。
很顯然，你需要仔細想想教授完本課程需要多長時間，每堂課又需要具體講述些什么。可以通過試講摸索出路子。
授課對象
這是一個有關(guān)Web標準的課程，由多篇文章組成，其主要授課對象為任何想從零開始學習基于Web標準的Web（網(wǎng)頁）設計的人。本課程的目標為：使一開始僅懂如何瀏覽網(wǎng)頁的人，通過本課程的學習，熟練掌握CSS樣式和HTML語言，并了解JavaScript的基本知識及實際應用。通過學習，將可以使學員獲得進入工作市場所需要的足夠知識（當然工作經(jīng)驗是無法教授的，需要自己積累）。
在我看來，授課對象是希望以“正確的方式”學習Web設計的任何人，包括：
- 大學/學院學生和老師：正如我已經(jīng)指出的那樣，老師既可以利用本課程的全套文章創(chuàng)建自己的課程，并向?qū)W生講授；也可以將其中部分文章作為你自己課程的補充。而任何已經(jīng)學過一些Web相關(guān)課程的學生，應當使用本課程的材料補充自己的知識，并勸說自己的老師也這樣做。我建議老師也把這些材料通讀一遍，以確保所教授的課程中含蓋的技術(shù)是當前的最佳規(guī)范。 大學預科/大學年齡的學生：盡管本課程主要是面向成人的，但中學生也還是可以從學習本課程中受益，可以嘗試學習本課程。 在職的Web設計者和開發(fā)者：有很多在職的Web設計者和開發(fā)者，尚未在工作中使用Web標準和最佳習慣，或是不能很容易就找到可用的參考資料，或不習慣更新自己的知識。我力勸前一類人一定學習一下本課程，以了解在工作中采用Web標準是多么有價值且又是多么容易。而對后一類人來說，我確信你們學習本課程也會有很大收獲，可以更新自己的知識和技能，溫習容易遺忘的知識，并使你獲得足夠的知識儲備，可用于說服你的雇主和客戶像Web站點的可訪問性這類要素有多么重要。 公司內(nèi)部的培訓人員：本課程是以低成本對員工進行培訓的理想方式。 其他個人：如果你是想學習Web設計和開發(fā)的個人，本課程也是你以低成本接受教育和培訓的理想方式。
本課程是依據(jù)知識共享許可協(xié)議而發(fā)行的，任何想使用的人都可以免費使用，只要承認本課程歸屬于我們即可。
目錄
請注意，迄今為止本課程下的39篇文章已經(jīng)發(fā)布，還有10多篇文章也將盡快發(fā)布，組成完整的課程。
開始篇
- 序言，作者Chris Mills，就是您現(xiàn)在正讀的這篇。
Web標準導論
- 互聯(lián)網(wǎng)和Web的歷史，以及Web標準的演化，作者Mark Norman Francis 互聯(lián)網(wǎng)是如何運轉(zhuǎn)的？作者Jonathan Lane Web 標準所包括的模塊——HTML、CSS 和 JavaScript，作者 Jonathan Lane 夢想雖然很美，但實際上到底怎么樣？作者Jonathan Lane
Web設計概念
這部分并不涉及代碼或標記的細節(jié)知識，而是在你開始創(chuàng)建任何圖形或代碼前，幫助你了解Web設計過程，以及Web設計的一些基本概念，如信息架構(gòu)、導航、可用性等。
- 信息架構(gòu)——規(guī)劃一個Web站點，作者Jonathan Lane 一個好的網(wǎng)頁需要什么？作者Mark Norman Francis 色彩理論，作者Linda Goin 建立站點的線框圖，作者Linda Goin 配色方案和設計樣板，作者Linda Goin 網(wǎng)頁排版，作者Paul Haine
HTML基礎
- HTML 基礎知識，作者Mark Norman Francis HTML 的 <head> 元素，作者Christian Heilmann 為你的 HTML 文檔選擇適當?shù)奈臋n類型，作者Roger Johansson
HTML正文
- 在 HTML 中標記文本內(nèi)容，作者Mark Norman Francis HTML 列表，作者Ben Buchanan HTML中的圖像，作者Christian Heilmann HTML鏈接——讓我們建一張網(wǎng)吧！作者Christian Heilmann HTML表格，作者Jen Hanen HTML表單基礎知識，作者Jen Hanen 罕為人知的語義元素，作者Mark Norman Francis 通用容器－－div 和span元素，作者Mark Norman Francis 使用導航菜單創(chuàng)建多頁面，作者Christian Heilmann 檢驗你的HTML，作者Mark Norman Francis
可訪問性
- 可訪問性基礎知識，作者Tom Hughes-Croucher 可訪問性測試，作者Benjamin Hawkes-Lewis
CSS樣式
- CSS 基礎知識，作者Christian Heilmann 繼承和層疊，作者Tommy Olsson 使用CSS設置文本樣式，作者Ben Henick CSS布局模型——boxes、borderes、margins、padding，作者Ben Henick CSS背景圖片，作者Nicole Sullivan 樣式列表和鏈接，作者Ben Buchanan 樣式表格，作者Ben Buchanan 樣式表單，作者Ben Henick 浮動及清除，作者Tommy Olsson CSS的靜態(tài)和相對定位，作者Tommy Olsson CSS 的絕對和固定定位，作者Tommy Olsson
JavaScript 的文章
即將發(fā)布...
補充文章 將你的內(nèi)容發(fā)布到網(wǎng)上，作者Craig Grannell. 有關(guān)文檔中 <head> 元素的更多知識，作者Chris Heilmann. 補充材料：用于排版的通用HTML實體，作者Ben Henick. Opera公司W(wǎng)eb標準課程詞匯表，由多人撰寫。本目錄尚不完整，將隨時添加。
致謝
在開發(fā)本課程的過程中，有非常多的人曾給予我?guī)椭?，也許無法一一列出他們的名字，但我希望在這里能已列出他們每個人的名字。他們都是一些杰出的人，我建議你們?nèi)ヂ犓麄兊闹v座、買他們寫的書、閱讀他們的博客，或者以其他方式給予他們支持。我向你們致以感謝和敬意。我要感謝：
- 文章的作者：非常感謝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。沒有你們的幫助，本課程是不可能被編寫出來的。 Opera的同事：包括Jan Standal, David Storey，我手下團隊的其他成員，以及其他所有幫助我開發(fā)本課程的同事。 機構(gòu)：感謝Yahoo 公司的每一位員工（文章作者，以及Sophie Major，她在組織和推廣方面給了我很大幫助）。感謝 WaSP公司（特別是 Gareth Rushgrove, Stephanie Troeth 和Aarron Walter）, Britpack網(wǎng)站，Geekup 網(wǎng)頁設計師聯(lián)盟，以及關(guān)注本課程的所有大學。 個人：衷心感謝以下人士——Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White。如果我遺漏了誰，請原諒我。 讀者：感謝你們對以正確的方式創(chuàng)建Web站點感興趣，并抽出時間閱讀本課程的材料。
與我聯(lián)系
我始終希望更可能多的人能給我提供意見和建議，以讓我能改進本課程。如果你對如何改進本課程有任何建議，或是有任何評論，或是希望某個地方推廣本課程，都請與我聯(lián)系。我的E-mail是：cmills[at]opera.com 。 你也可以點擊每篇文章頁首的鏈接（“討論本篇文章”），發(fā)表你對文章的評論。為參與討論，你需要一個 my.opera 賬戶。
相關(guān)文章
AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化，要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext，下面詳細內(nèi)容2022-02-23
這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流，文章內(nèi)容圍繞主題展相關(guān)資料，需要的小伙伴可以參考一下，希望對你有所幫助2022-02-23- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范，用于鞏固對html，css頁面重構(gòu)時的基礎,需要的朋友可以參考下2020-12-19
前端編碼規(guī)范（4）—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范（4）—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團隊的開發(fā)協(xié)作，提高代碼質(zhì)量和打造開發(fā)基石的編碼風格規(guī)范，其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道，當一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范，意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
- 這篇文章主要為大家詳細介紹了響應式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-07-04
在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0，但是有安裝vtp6.0經(jīng)驗的朋友確很少，在安裝過程中總會出現(xiàn)這樣那樣的問題，基于這些問題，下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29
