睡蓮‧池水間

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

文章 :: 標準之路

文章列表　 全部　 按引用逆序　

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

文章

更多...
  • XHTML網頁製作流程
    changzheng　 08/10/8 22:56　 閱讀: 265 | 引用: 3
    目前看來關於XHTML網頁的製作大家還存在很多的困惑，一一解答有些困難，我現在就XHTML網頁與HTML網頁製作技法上的不同來做一下說明。首先說一下HTML網頁的製作方法：1. 拿到美工設計圖開始切圖2. 用表格把切的圖拼成一個網頁3. 把內容放在已經編排好的空白處而XHTML網頁在製作技法與順序上是截然不同的，XHTML想要做的就是內容與版式的分離，那麼自然製作人員與設計師的工作可以做到一定程度的分離。我們以我給理想做的FarideaRSS網頁來進行一下XHTML網頁製作流程的說明：1。內容劃分將內容大刀闊斧的進行劃分：Logo，導航，文章標題，作者，發布時間，Copyright等等，用代碼表示就是： <div id=&q...
  • 網頁設計標準尺寸
    不詳　 08/10/14 21:27　 閱讀: 760 | 引用: 1
    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；分...
  • 瀏覽器的Acid Tests
    睡蓮　 08/7/17 13:30　 閱讀: 182 | 引用: 1
    官網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 結果一覽
    睡蓮　 09/3/11 14:30　 閱讀: 266
    原圖瀏覽器需採預設值測試，在動畫流暢顯示、分數達到 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;
  • XHTML 2 與 HTML 5 依舊背道而馳
    Matthew Bass　 09/3/9 23:10　 閱讀: 811
    譯者：張龍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標準能有多難？
    振之 ( http://andymao.com/andy/ )　 08/8/15 12:20　 閱讀: 225
    01 - 從p開始，循序漸進
    02 - 豐富段落裏的標籤
    03 - 用途相似的標籤
    04 - 連接與文本標籤們
    05 - 美化段落文本
    06 - 無序列表
    07 - 有序列表
  • 出師未捷身先死　萬千寵愛於一身
    睡蓮　 09/8/1 22:26　 閱讀: 276
    譯文出處：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 是一種鬆散的語言，它擁有很多選項，囊括了太多人們...
  • 欲練 CSS ，必先宮 IE
    Cat Chen(cathsfz)　 08/9/5 14:55　 閱讀: 310
    Win國天下，欲練CSS之人不在少數，大多不得要領，又或是走火入魔，全為IE所累。故曰：欲練CSS，必先宮IE。
  • 混亂的標記語言 XHTML2 / HTML5
    Jeremy Keith　 09/8/1 23:42　 閱讀: 280
    中文版漫畫翻譯：Kevin JawW3C的最近宣佈將於今年年底解散 XTHML 2 工作組 。一石激起千層浪，很多誤解和謠言四起，江湖一片血雨腥風，搞得網頁設計師人人自危，好像世界末日即將到來。其實，這只是個誤解，看完下面的這幅漫畫，大家就了解了。完全可以放心，然後回家洗洗睡了。漫畫中提到兩個連接地址： ‧漫畫中提到的連接1 ：An Unofficial Q&A about the Discontinuation of the XHTML2 WG ‧漫畫中提到的連接2 ：In defense of web developers
  • 小談分辨率
    承志　 08/10/8 14:44　 閱讀: 125
    去年淘寶做了個“胖子”項目，就是把網頁的默認寬度從780提升到了950。也就是說，基本放棄了800×600的用戶（沒有完全放棄，如果你仔細研究一下淘寶的佈局，我們還是為800用戶做了些優化的）。後來又有很多網站變胖了，當然他們不是跟著淘寶做的，而是顯示器市場上，大分辨率顯示器佔有率持續上升迫使大家做了改變。說“迫使”也許有點過了，我相信大多數設計師在做“胖子”項目的時候，都是非常哈屁的：“爽！終於不用管800了！”至少我是這樣的。從97年開始做網頁，一直在640和800、640/800和1024、800和1024之間不斷地痛苦決擇。能夠在一個單一穩定地環境下做設計是一種真心的期望，除...
  • Rediscovering HTML tables
    Antonio Lupetti 　 09/12/5 15:26　 閱讀: 266
    中文出處：前端觀察 - http://www.qianduan.net/rediscovering-html-tables.html根據我最近的一些實踐以及在和一些讀者進行關於HTML表格的使用問題溝通之後，決定寫這篇文章。總的來說，我注意到由於誤導性信息，他們對於table的使用有種先入為主的厭惡。事實上很多人會說“我看到永遠不應該使用表格”的說法，但是這絕對是錯誤的！這個建議只是針對使用HTML表格來定義網頁的佈局，但是表格在方便的排列數據信息行和列方面非常完美，而且如果你一定要在一個頁面上顯示表列數據，你就不得不使用它們！為什麼不呢？然而，在這種情況下，一些人無視了用於table的...
  • 瀏覽器之戰將進入HTML 5時代
    睡蓮　 10/4/14 20:18　 閱讀: 416
    群逐鹿雄　瀏覽器之戰將進入HTML 5時代【IT168 軟件資訊】HTML 5這個技術術語最近頻頻出現在與各大巨頭相關的報導中：在iPad不支持Flash的爭議聲中有它的身影，谷歌因為它放棄了對自家產品Gears的支持，而剛剛發布的IE9預覽版對它的支持也成了一個熱門話題。 HTML5，這個尚未成形的Web標準為何如此受關注?它又會如何刷新人們對網頁瀏覽的認知?HTML5標準將正式登場挑戰迫在眉睫 蘋果CEO史蒂夫‧喬布斯也許算得上是近期最意氣風發的人了，iPad的發布再次聚焦了全球的眼光。這款被喬布斯稱為“最得意的作品”、“革命性的作品”，會不會像iPod、iPhone一樣風靡全球，為蘋果公司創造又一個奇蹟?顯然喬...
  • 網頁製作，改變你的思維方式
    benboba　 08/10/9 20:47　 閱讀: 151
    　　“重構”的春風吹遍大江南北，互聯網一時間風聲鶴唳，“div+CSS”儼然已成為一種“時尚”，難以盡數的網站都不約而同地開始了自己的“重構”。然而打開這形形色色網站的源代碼，卻時常令人啞然失笑——　　我們看到有嵌套6、7層的div布局，有不用table的表格，有純div+a構成的頁面，有成百上千的表現層class……現在關於標準的書籍越來越多，除了少數幾本標榜“高級技巧”的書籍以外，很少有人不會在自己著作的前幾章強調這樣一句話——“結構與表現分離”。然而這些書籍的讀者們，又有多少人認認真真地讀過前幾章呢？還是更多地直接跳過那些乏味的結構講解，一頭紮到貌似高深...
  • HTML5 標準將在 2014 年完成
    睡蓮　 11/2/15 1:38　 閱讀: 169
    　　“我們於 2007 年開始著手（指定 HTML5 標準）”，Philippe Le Hegaret，W3C 的 HTML 工作團隊現任負責人，告訴 CNET：“我們計劃 7 年後完成 HTML5。”HTML5 吸取了 XHTML 2 一些建議，包括一些用來改善文檔結構的功能，比如，新的 HTML 標籤 header, footer, dialog, aside, figure 等的使用，將使內容創作者更加語義地創建文檔，之前的開發者在這些場合是一律使用 div 的。　　HTML5 還包含了一些將內容和展示分離的努力，開發者們也許會驚訝，b 和 i 標籤依然存在，但它們的意義已經和之前有所不同，這些標籤的意義只是為了將一段文字標識出來，而不是為了為它們設置粗體或斜體式樣。 u，font，center，strike 這些標...
  • 避免常見的六種 HTML5 錯誤用法
    Richard Clark　 11/8/25 0:20　 閱讀: 447
    譯者：小易　　譯文出處：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...
  • Mozilla建議的CSS書寫順序
    睡蓮　 08/10/12 16:50　 閱讀: 138
    顯示屬性 自身屬性 文本屬性 display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content
  • 關於斗數排盤設計
    睡蓮　 08/9/4 0:50　 閱讀: 326
    關於斗數排盤設計 - 上
    關於斗數排盤設計 - 下
  • IE 8 不再支援 CSS Expression
    睡蓮　 08/10/26 16:19　 閱讀: 2189
    上星期IE在官方blog中公佈了IE 8 版本在標準模式下，不再支援CSS Expression。從網頁標準的角度來看，這消息無疑令人振奮，至少看到了微軟兌現網頁標準的承諾，不斷在技術方面下功夫。何謂CSS Expression？就是在CSS的屬性後面插入程式碼，且支援自定義屬性，專用於IE瀏覽器。我慣常的做法是遇到IE不支援CSS屬性的時候才會用到，通常針對IE 6 以下版本的居多。IE 7 對CSS支援情況相對於IE 6 來說已有少許改進，會用到CSS Expression的情況較IE 6 以下來得少。舉個簡單例子，當要給寬度設定上或下限時，一般的屬性標準寫法是：max-width或 min-width，但這種屬性在IE 6以下版本無效，這時候便用CSS Expression方法來...
  • XHTML Transitional VS XHTML Strict
    睡蓮　 08/6/13 2:54　 閱讀: 432
    談到 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...
  • 49個影響網站排名的因素 - 完整版
    Chris.dl - 上海SEO　 08/10/22 1:00　 閱讀: 157
    內部因素 URL中出現關鍵詞 網頁Title中出現關鍵詞 常規內容中出現關鍵詞 在頁面的第一段中出現關鍵詞 在頁面的最後一段中出現關鍵詞 Heading 標簽 比如h1,h2中出現關鍵詞 站內的鏈接中出現關鍵詞 導向相關內容的導出鏈接 導出鏈接中出現關鍵詞 圖片文件名中出現關鍵詞 Alt標簽中出現關鍵詞 comment中出現關鍵詞 合理的頻率更新內容 內容對搜索引擎的展示位置 網站結構循環PR，而非散發PR 關鍵詞進行適當的修飾（加粗、斜體等） 外部因素 大量的導入鏈接 從高PR值得網頁獲得導入鏈接 從相關內容網站獲得導入鏈接 導入鏈接指向的網頁有具體內容 錨文字中有關鍵詞 ...

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 授權條款授權
登 入