睡蓮‧池水間

Guest
2012-May-20  
0 位會員和 9 位訪客在線上

文章 :: 標準之路

文章列表  全部  按標題逆序 

普通 精華 焦點 全部
預設 時間 標題 評分 閱讀 評論 引用 | 逆序 順序

文章

更多...
  • 關於斗數排盤設計
    關於斗數排盤設計 - 上
    關於斗數排盤設計 - 下
  • 關於DOCTYPE
    DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。
  • 避免常見的六種 HTML5 錯誤用法
    譯者:小易  譯文出處:http://www.ued163.com/1820/译文避免常见的六种html5错误用法/一、不要使用section作為div的替代品人們在標籤使用中最常見到的錯誤之一就是隨意將 HTML5 的 <section>等價於 <div>——具體地說,就是直接用作替代品(用於樣式)。在 XHTML 或者 HTML4 中,我們常看到這樣的代碼:<!-- HTML 4-style code --> <div id="wrapper"> <div id="header"> <h1>My super duper page</h1> <!-- Header content --> </div> <div id="main"> <!-- Page content --> </div> <div id="secondary"> <!-- Secondary content --> </div> <div id="fo...
  • 網頁設計標準尺寸
    800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。 1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間,就不會出現水平滾動條和垂直滾動條。 在ps裏面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右 在PS裏做的圖到了網上就不一樣了,顔色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顔色範圍很廣,所以自然會有失色的現象。 一般頁面標準按800*600分辨率製作,網頁的顯示尺寸標準為;780*428px;分辨率在640*480的情況下,網頁的顯示尺寸標準;620*311px;分...
  • 網頁製作,改變你的思維方式
      “重構”的春風吹遍大江南北,互聯網一時間風聲鶴唳,“div+CSS”儼然已成為一種“時尚”,難以盡數的網站都不約而同地開始了自己的“重構”。然而打開這形形色色網站的源代碼,卻時常令人啞然失笑——  我們看到有嵌套6、7層的div布局,有不用table的表格,有純div+a構成的頁面,有成百上千的表現層class……現在關於標準的書籍越來越多,除了少數幾本標榜“高級技巧”的書籍以外,很少有人不會在自己著作的前幾章強調這樣一句話——“結構與表現分離”。然而這些書籍的讀者們,又有多少人認認真真地讀過前幾章呢?還是更多地直接跳過那些乏味的結構講解,一頭紮到貌似高深...
  • 網站重構到底是什麼
    前不久聽到這樣一個面試的故事:面試官:你準備在我們公司做些什麼事情?(大致這個意思)面試人:我準備在公司做網站重構,把原來是table的頁面全部重構成css+div的,...面試官:不好意思,我們的網站都是css+div的,不需要重構了。面試人:...(無語了)自從2004年阿捷翻譯了《網站重構》這本書,網站重構這個詞就慢慢的必成了css+div,甚至等同起來,一些朋友把標準跟重構也混淆了,css+div跟標準也混淆了。這裏有很多誤讀的成份。無可厚非《網站重構》當時給我們帶來了一場革命。我看過部分章節,是本好書。可能是css,div,標準這些詞太過於頻繁,很多誤讀的人把網站重構和css+div或者html+cs...
  • 瀏覽器的Acid Tests
    官網webstandards.org 測試頁acidtests.org Acid 1 測試地址 使用了一個符合HTML 4.0標準的文檔,以測試瀏覽器對CSS1的支援程度。ACID1通過的標準是,瀏覽器對測試頁面的渲染應當完全符合ACID1的參考結果,不能有一像素的偏差。 http://acid1.acidtests.org/ http://www.hixie.ch/tests/evil/acid/001/ http://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm Acid 2測試地址 針對網頁瀏覽器及設計軟件,就支援HTML、CSS 2.0及PNG圖像標準的綜合測試。透過測試頁的嚴謹編碼,可快速辨認網頁排版的漏洞,而測試要求是排版引擎需能排出如圖中的笑臉。 http://acid2.acidtests.org/ http://www.webstandards.org/files/acid2/test.html h...
  • 瀏覽器的 Acid3 Tests 結果一覽
    原圖瀏覽器需採預設值測試,在動畫流暢顯示、分數達到 100/100、並且最後顯示的畫面與參考結果般每像素皆相同,方稱通過。 ...尚有 Acid3 測試結果(點按觀看截圖) Chrome 2.0.169.0 (100/100)Opera 10 Alpha (100/100)Safari 4 Beta (100/100) Firefox 3.1 Beta 2 (93/100)Opera 9.5 (83/100)Opera 9.27 (46/100) Firefox 3.0 (71/100)Safari 3.1.2 (75/100)Safari 3.0.4 (41/100) Firefox 2.0.0.16 (53/100)Netscape Navigator 9 (53/100)Flock1.2.3 (52/100) K-Meleon1.1.5 (52/100)SeaMonkey1.1.10 (52/100)Maxthon 2.1.2 (12/100) Maxthon 2.0.2 (12/100)Sleipnir 2.5.8 (12/100)Sleipnir 1.6.6 (12/100) IE 8 Beta 1 (Vista) (18/100)IE 7 (Vista) (12/100)IE 7 (11/100) IE 6 (12/100)IE 5.5 (13/100)&nbsp;
  • 瀏覽器的 Acid2 Tests 結果一覽
    原圖( 測試標準 ) Passed Opera 9.5Opera 9.27Firefox 3.0Safari 3.1.2Safari 3.0.4 Failed Firefox 2.0.0.16Netscape Navigator 9Flock1.2.3K-Meleon1.1.5SeaMonkey1.1.10 Maxthon 2.1.2Maxthon 2.0.2Sleipnir 2.5.8Sleipnir 1.6.6IE 8 (Vista) IE 7 (Vista)IE 7IE 6IE 5.5&nbsp;
  • 瀏覽器之戰將進入HTML 5時代
    群逐鹿雄 瀏覽器之戰將進入HTML 5時代【IT168 軟件資訊】HTML 5這個技術術語最近頻頻出現在與各大巨頭相關的報導中:在iPad不支持Flash的爭議聲中有它的身影,谷歌因為它放棄了對自家產品Gears的支持,而剛剛發布的IE9預覽版對它的支持也成了一個熱門話題。 HTML5,這個尚未成形的Web標準為何如此受關注?它又會如何刷新人們對網頁瀏覽的認知?HTML5標準將正式登場挑戰迫在眉睫 蘋果CEO史蒂夫‧喬布斯也許算得上是近期最意氣風發的人了,iPad的發布再次聚焦了全球的眼光。這款被喬布斯稱為“最得意的作品”、“革命性的作品”,會不會像iPod、iPhone一樣風靡全球,為蘋果公司創造又一個奇蹟?顯然喬...
  • 混亂的標記語言 XHTML2 / HTML5
    中文版漫畫翻譯:Kevin JawW3C的最近宣佈將於今年年底解散 XTHML 2 工作組 。一石激起千層浪,很多誤解和謠言四起,江湖一片血雨腥風,搞得網頁設計師人人自危,好像世界末日即將到來。其實,這只是個誤解,看完下面的這幅漫畫,大家就了解了。完全可以放心,然後回家洗洗睡了。漫畫中提到兩個連接地址: ‧漫畫中提到的連接1 :An Unofficial Q&A about the Discontinuation of the XHTML2 WG ‧漫畫中提到的連接2 :In defense of web developers
  • 欲練 CSS ,必先宮 IE
    Win國天下,欲練CSS之人不在少數,大多不得要領,又或是走火入魔,全為IE所累。故曰:欲練CSS,必先宮IE。
  • 小談分辨率
    去年淘寶做了個“胖子”項目,就是把網頁的默認寬度從780提升到了950。也就是說,基本放棄了800×600的用戶(沒有完全放棄,如果你仔細研究一下淘寶的佈局,我們還是為800用戶做了些優化的)。後來又有很多網站變胖了,當然他們不是跟著淘寶做的,而是顯示器市場上,大分辨率顯示器佔有率持續上升迫使大家做了改變。說“迫使”也許有點過了,我相信大多數設計師在做“胖子”項目的時候,都是非常哈屁的:“爽!終於不用管800了!”至少我是這樣的。從97年開始做網頁,一直在640和800、640/800和1024、800和1024之間不斷地痛苦決擇。能夠在一個單一穩定地環境下做設計是一種真心的期望,除...
  • 實現乾淨代碼的12條定律
    實現乾淨代碼的12條定律 - 1
    實現乾淨代碼的12條定律 - 2
  • 出師未捷身先死 萬千寵愛於一身
    譯文出處:COMSHARP CMS - www.comsharp.com/GetKnowledge/zh-CN/It_News_K828.aspxXHTML 2: 出師未捷身先死,HTML 5:萬千寵愛於一身W3C 日前宣佈將從 2009 年底起終止同 XHTML 2 工作組的合約,並以此暗示曾經一度野心勃勃的 XHTML 2 的正式死亡。 Web 設計界是否該因此而恐慌?畢竟 XHTML 1.x 是所有對 Web 標準驗證有著某種情節的人的首選,然而事實並非如此,XHTML 2.0 偃旗息鼓已有時日,W3C 只是明確了它的死亡日期,並將主要精力傾注到他們的新寵兒 HTML 5 身上。 如何看待 Web 設計師們所鍾愛的 XHTML? 要弄明白 XHTML 如何獲得人們的青睞,得從 HTML 4 說起。 HTML 4 是一種鬆散的語言,它擁有很多選項,囊括了太多人們...
  • 互聯網需要“統一標準”
      步入新年的瀏覽器市場依舊不平靜,近日IE8出現與2400家網站不兼容的問題,多家知名中國網站也未能倖免,中國網站幾乎全軍覆沒。  早前就有國外媒體報道,提醒用戶升級或更換瀏覽器。挪威一些大的商業網站不約而同的發出警告,要求所有IE6用戶升級他們的瀏覽器。 Teknisk Ukeblad,start.no,Juristforeningen,NextGenTel 等主要網站都發出了升級警告。vg.no 是挪威最大的新聞報紙,可能也是挪威瀏覽量最大的網站,建議用戶可以選擇非IE瀏覽器,比如Firefox(火狐)。事實標準造惡果  有業內人士稱,造成不兼容問題的根本原因是:絕大多數網站是根據與標準不兼容的老版本IE開發的。究其源頭...
  • XHTML網頁製作流程
    目前看來關於XHTML網頁的製作大家還存在很多的困惑,一一解答有些困難,我現在就XHTML網頁與HTML網頁製作技法上的不同來做一下說明。首先說一下HTML網頁的製作方法:1. 拿到美工設計圖開始切圖2. 用表格把切的圖拼成一個網頁3. 把內容放在已經編排好的空白處而XHTML網頁在製作技法與順序上是截然不同的,XHTML想要做的就是內容與版式的分離,那麼自然製作人員與設計師的工作可以做到一定程度的分離。我們以我給理想做的FarideaRSS網頁來進行一下XHTML網頁製作流程的說明:1。內容劃分將內容大刀闊斧的進行劃分:Logo,導航,文章標題,作者,發布時間,Copyright等等,用代碼表示就是: <div id=&q...
  • XHTML Transitional VS XHTML Strict
    談到 Web 標準,公認的觀點是 XHTML 要比 HTML 更嚴密,因為 XHTML 結構更嚴謹。 XHMTL 有兩種標準,XHTML Transitional 和 XHTML Strict。正像它們各自的名字所展示的那樣,XHTML Transitional 用來對舊代碼進行過度,而 XHTML Strict 是缺省標準,新的網頁應直接使用該標準,XHTML Strict 鼓勵結構層和展示層分離,原先混雜在結構中的展示代碼應使用 CSS 進行分離。 HTML 4 的 Document Type 是這樣定義的: HTML4.0 DTD ?除了一些展示屬性和元素,這些展示屬性和元素隨著 CSS 的成熟將被 W3C 排除。網頁作者應盡可能使用 Strict DTD,但在需要支持展示屬性和元素的場合仍然可以使用 Tra...
  • XHTML 2 與 HTML 5 依舊背道而馳
    譯者:張龍XHTML與HTML這兩個標記標準的出現是為了取代之前老式的web標準。乍看縮寫會以為這兩個規範比較類似,但事實上,這兩者的目標截然不同,所解決的問題也大相徑庭。XHTML 2符合web所依賴的HTML的設計原理。它不斷精化XHTML 1.x,以求更清晰的定義,同時還提供一些增強,如改進的超鏈接、註解、交互式表單以及特定語義。XHTML 2主要面向的是早期web所具有的優勢:渲染文檔以及其中的鏈接。W3C下的一個工作組於2002年正式啓動XHTML 2標準的開發。HTML 5最終將取代HTML 4。除了增強的標記以外,它還提供了幾個新的API來處理多媒體、歷史、編輯等等,InfoQ在1月份對此曾作過報道。HTML 5的發起者其實...
  • WEB標準能有多難?
    01 - 從p開始,循序漸進
    02 - 豐富段落裏的標籤
    03 - 用途相似的標籤
    04 - 連接與文本標籤們
    05 - 美化段落文本
    06 - 無序列表
    07 - 有序列表

1 2 »

最 新 發 表 及 資 訊 區

此為池水間 banner ,需要安裝 Adobe Flash Player 才能觀看內容。

最新留言

最新留言:2012-Jan-6 11:13am
留言編號:76
留言者: wuji888
網主回覆:
總留言數: 71

前往萍踪留影

造訪統計

今天:180
昨天:751
本週:180
本月:10196
總計:431433
平均:311

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
除另有註明外,本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權
登 入