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

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

作者:Chris Mills 時間: 2009-02-07 文檔類型:轉(zhuǎn)載 來自:Opera中國

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

序言

長久以來,我一直有一個夢想。在過去的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)點:

    1. 提高代碼的利用效率:當(dāng)你學(xué)習(xí)完本課程后,你會發(fā)現(xiàn)Web標(biāo)準(zhǔn)使用的最佳習(xí)慣主要是關(guān)于代碼重用的。通過重用代碼,你可以將HTML內(nèi)容和樣式信息(CSS)及行為信息(JavaScript)相分離,減小網(wǎng)頁體積,而且只需要寫一次代碼,以后在需要的地方再重用即可。
    2. 易于維護(hù):這一點與上面所說的最后一點密切相關(guān)。如果你可以只寫一次HTML代碼,然后在需要應(yīng)用樣式和行為的地方,使用類和函數(shù)。而以后,在你需要做出改動的時候,你可以只在一個地方修改,然后此修改就會自動應(yīng)用到整個Web站點,而不再需要一處一處地修改。
    3. 提高可訪問性:以下的兩點密切相關(guān)。Web上的一個大問題就是,讓W(xué)eb站點可以被每個人訪問,而不論他們身處何種環(huán)境。這包括要能讓殘疾人,包括盲人、視覺受損的人、和運(yùn)動功能有障礙的人(如運(yùn)動受限制,不能自如地用雙手或根本不能用雙手的人)等)也能訪問網(wǎng)站。通過使用Web標(biāo)準(zhǔn)和最佳的習(xí)慣,你可以使你的Web站點能被盡可能多的人訪問。
    4. 設(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
    5. 網(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)的借口。

    1. 缺乏培訓(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)的借口了。
    2. 公司政策:無可否認(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)的人所訪問,公司怎能忽視這么大的一個潛在客戶群呢?
    3. “我不需要學(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è)人員。
    4. “它太難學(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è)計方法更難,而且還能帶來那么多益處。
    5. 瀏覽器所支持的標(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ā)表評論。

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

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

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

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

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

    雜⑦雜⑧ Gold NORMANA V2