中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 技術(shù)文檔 > 網(wǎng)頁(yè)制作 > Opera的WEB標(biāo)準(zhǔn)教程
用div+css模擬表格對(duì)角線 回到列表 快速定位頁(yè)面中復(fù)雜 CSS BUG
 Opera的WEB標(biāo)準(zhǔn)教程

作者:Chris Mills 時(shí)間: 2009-02-07 文檔類(lèi)型:轉(zhuǎn)載 來(lái)自:Opera中國(guó)

第 1 頁(yè) Opera的WEB標(biāo)準(zhǔn)教程 [1]
第 2 頁(yè) Opera的WEB標(biāo)準(zhǔn)教程 [2]

課程結(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ī)范。
  2. 大學(xué)預(yù)科/大學(xué)年齡的學(xué)生:盡管本課程主要是面向成人的,但中學(xué)生也還是可以從學(xué)習(xí)本課程中受益,可以嘗試學(xué)習(xí)本課程。
  3. 在職的Web設(shè)計(jì)者和開(kāi)發(fā)者:有很多在職的Web設(shè)計(jì)者和開(kāi)發(fā)者,尚未在工作中使用Web標(biāo)準(zhǔn)和最佳習(xí)慣,或是不能很容易就找到可用的參考資料,或不習(xí)慣更新自己的知識(shí)。我力勸前一類(lèi)人一定學(xué)習(xí)一下本課程,以了解在工作中采用Web標(biāo)準(zhǔn)是多么有價(jià)值且又是多么容易。而對(duì)后一類(lèi)人來(lái)說(shuō),我確信你們學(xué)習(xí)本課程也會(huì)有很大收獲,可以更新自己的知識(shí)和技能,溫習(xí)容易遺忘的知識(shí),并使你獲得足夠的知識(shí)儲(chǔ)備,可用于說(shuō)服你的雇主和客戶像Web站點(diǎn)的可訪問(wèn)性這類(lèi)要素有多么重要。
  4. 公司內(nèi)部的培訓(xùn)人員:本課程是以低成本對(duì)員工進(jìn)行培訓(xùn)的理想方式。
  5. 其他個(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)論
  1. 互聯(lián)網(wǎng)和Web的歷史,以及Web標(biāo)準(zhǔn)的演化,作者M(jìn)ark Norman Francis
  2. 互聯(lián)網(wǎng)是如何運(yùn)轉(zhuǎn)的?作者Jonathan Lane
  3. Web 標(biāo)準(zhǔn)所包括的模塊——HTML、CSS 和 JavaScript,作者 Jonathan Lane
  4. 夢(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)航、可用性等。

  1. 信息架構(gòu)——規(guī)劃一個(gè)Web站點(diǎn),作者Jonathan Lane
  2. 一個(gè)好的網(wǎng)頁(yè)需要什么?作者M(jìn)ark Norman Francis
  3. 色彩理論,作者Linda Goin
  4. 建立站點(diǎn)的線框圖,作者Linda Goin
  5. 配色方案和設(shè)計(jì)樣板,作者Linda Goin
  6. 網(wǎng)頁(yè)排版,作者Paul Haine
HTML基礎(chǔ)
  1. HTML 基礎(chǔ)知識(shí),作者M(jìn)ark Norman Francis
  2. HTML 的 <head> 元素,作者Christian Heilmann
  3. 為你的 HTML 文檔選擇適當(dāng)?shù)奈臋n類(lèi)型,作者Roger Johansson
HTML正文
  1. 在 HTML 中標(biāo)記文本內(nèi)容,作者M(jìn)ark Norman Francis
  2. HTML 列表,作者Ben Buchanan
  3. HTML中的圖像,作者Christian Heilmann
  4. HTML鏈接——讓我們建一張網(wǎng)吧!作者Christian Heilmann
  5. HTML表格,作者Jen Hanen
  6. HTML表單基礎(chǔ)知識(shí),作者Jen Hanen
  7. 罕為人知的語(yǔ)義元素,作者M(jìn)ark Norman Francis
  8. 通用容器--div 和span元素,作者M(jìn)ark Norman Francis
  9. 使用導(dǎo)航菜單創(chuàng)建多頁(yè)面,作者Christian Heilmann
  10. 檢驗(yàn)?zāi)愕腍TML,作者M(jìn)ark Norman Francis
可訪問(wèn)性
  1. 可訪問(wèn)性基礎(chǔ)知識(shí),作者Tom Hughes-Croucher
  2. 可訪問(wèn)性測(cè)試,作者Benjamin Hawkes-Lewis
CSS樣式
  1. CSS 基礎(chǔ)知識(shí),作者Christian Heilmann
  2. 繼承和層疊,作者Tommy Olsson
  3. 使用CSS設(shè)置文本樣式,作者Ben Henick
  4. CSS布局模型——boxes、borderes、margins、padding,作者Ben Henick
  5. CSS背景圖片,作者Nicole Sullivan
  6. 樣式列表和鏈接,作者Ben Buchanan
  7. 樣式表格,作者Ben Buchanan
  8. 樣式表單,作者Ben Henick
  9. 浮動(dòng)及清除,作者Tommy Olsson
  10. CSS的靜態(tài)和相對(duì)定位,作者Tommy Olsson
  11. 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)課程詞匯表,由多人撰寫(xiě)。本目錄尚不完整,將隨時(shí)添加。

    致謝

    在開(kāi)發(fā)本課程的過(guò)程中,有非常多的人曾給予我?guī)椭,也許無(wú)法一一列出他們的名字,但我希望在這里能已列出他們每個(gè)人的名字。他們都是一些杰出的人,我建議你們?nèi)ヂ?tīng)他們的講座、買(mǎi)他們寫(xiě)的書(shū)、閱讀他們的博客,或者以其他方式給予他們支持。我向你們致以感謝和敬意。我要感謝:

    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)有你們的幫助,本課程是不可能被編寫(xiě)出來(lái)的。
    2. Opera的同事:包括Jan Standal, David Storey,我手下團(tuán)隊(duì)的其他成員,以及其他所有幫助我開(kāi)發(fā)本課程的同事。
    3. 機(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é)。
    4. 個(gè)人:衷心感謝以下人士——Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White。如果我遺漏了誰(shuí),請(qǐng)?jiān)徫摇?
    5. 讀者:感謝你們對(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 賬戶

    經(jīng)典論壇交流
    http://bbs.blueidea.com/thread-2908277-1-1.html

  • 本文鏈接:http://www.95time.cn/tech/web/2009/6378.asp 

    出處:Opera中國(guó)
    責(zé)任編輯:moby

    上一頁(yè) Opera的WEB標(biāo)準(zhǔn)教程 [1] 下一頁(yè)

    ◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。

    相關(guān)文章 更多相關(guān)鏈接
    《Web標(biāo)準(zhǔn)設(shè)計(jì)》
    Web標(biāo)準(zhǔn)在中國(guó)
    IE7的web標(biāo)準(zhǔn)之道 Ⅲ
    什么是Semantics?
    根本不存在DIV+CSS布局這回事
    關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
    熱門(mén)搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
    站點(diǎn)最新 站點(diǎn)最新列表
    周大!熬•自然”設(shè)計(jì)大賽開(kāi)啟
    國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
    中國(guó)國(guó)防科技信息中心標(biāo)志征集
    云計(jì)算如何讓安全問(wèn)題可控
    云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
    阿里行云
    云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
    阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
    1499元買(mǎi)真八核 云OS雙蛋大促
    首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
    欄目最新 欄目最新列表
    淺談JavaScript編程語(yǔ)言的編碼規(guī)范
    如何在illustrator中繪制臺(tái)歷
    Ps簡(jiǎn)單繪制一個(gè)可愛(ài)的鉛筆圖標(biāo)
    數(shù)據(jù)同步算法研究
    用ps作簡(jiǎn)單的作品展示頁(yè)面
    CSS定位機(jī)制之一:普通流
    25個(gè)最佳最閃亮的Eclipse開(kāi)發(fā)項(xiàng)目
    Illustrator中制作針線縫制文字效果
    Photoshop制作印刷凹凸字體
    VS2010中創(chuàng)建自定義SQL Rule
    >> 分頁(yè) 首頁(yè) 前頁(yè) 后頁(yè) 尾頁(yè) 頁(yè)次:2/2頁(yè) 1個(gè)記錄/頁(yè) 轉(zhuǎn)到 頁(yè) 共2個(gè)記錄

    藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來(lái)自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來(lái)自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

    轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

    特別注意:本站所提供的攝影照片,插畫(huà),設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

    您的評(píng)論
    用戶名:  口令:
    說(shuō)明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
    注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
    不評(píng)分 1 2 3 4 5
    注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無(wú)關(guān)的廣告鏈接,違者封ID
    請(qǐng)您注意:
    ·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
    ·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
    ·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
    ·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
    ·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
    ·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
    推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
    專(zhuān)業(yè)書(shū)推薦 更多內(nèi)容
    網(wǎng)站可用性測(cè)試及優(yōu)化指南
    《寫(xiě)給大家看的色彩書(shū)1》
    《跟我去香港》
    眾妙之門(mén)—網(wǎng)站UI 設(shè)計(jì)之道
    《Flex 4.0 RIA開(kāi)發(fā)寶典》
    《贏在設(shè)計(jì)》
    犀利開(kāi)發(fā)—jQuery內(nèi)核詳解與實(shí)踐
    作品集 更多內(nèi)容

    雜⑦雜⑧ Gold NORMANA V2