- 2007-03-22
自從開始web設計工作,我就加入到用web標準進行設計的團體中,至今已經很長時間了。我越來越感覺到采用W3C推薦的標準進行設計是一件正確的事情。當我預備重新設計adaptivepath.com站點時,我的搭檔同意用符合標準的方法來建設它。但在我們開始前,我們也有一番討論:采
- 2007-03-22
作為一個熱門技術,CSS的發(fā)展的確有些緩慢。CSS最早被提議在1994年,最早被瀏覽器支持在1996年,CSS一直被力捧為傳統(tǒng)的以HTML為基礎的web代碼的繼續(xù)者。CSS使用樣式表來控制整個站點字體和布局的能力,使它看起來非常有效率、易于設計和有遠見。然而,也一直有荒誕的說
- 2007-03-22
“為什么要拋棄HTML?”這個問題假如展開說又臭又長,我盡量簡單吧: HTML發(fā)展到今天存在三個主要缺點: 1.太簡單。不能適應現(xiàn)在越多的網絡設備和應用的需要。比如手機、PDA、信息家電都不能直接顯示HTML。 2.太龐大。由于HTML代碼不規(guī)范、臃腫,瀏覽器需要足夠智能和龐
- 2007-03-22
1.embed是非法的 embed>標簽是Netscape的私有標簽,雖然embed>標簽應用廣泛存在,但是從HTML3.2,HTML4.0到XHTML1.0,W3C都沒有收錄這個標簽。使用embed>標簽的頁面將不能通過W3C校驗。 2.應該用object W3C推薦的是object>標簽。甚至在XHTML2中,img>都要被object>所取
- 2007-03-22
假如我們想在3列布局的最后加一行頁腳,放版權之類的信息。就碰到必須對齊3列底部的問題。在table布局中,我們用大表格嵌套小表格的方法,可以很方便對齊三列;而用div布局,三列獨立分散,內容高低不同,就很難對齊。其實我們完全可以嵌套div,把三列放進一個DIV中,
- 2007-03-22
1.確定布局 w3cn的最初設計草圖如下: 用表格的設計方法的話,一般都是上中下三行布局 。用DIV的話,我考慮使用三列來布局,成為這樣 。 2.定義body樣式 先定義整個頁面的body的樣式,代碼如下: body { MARGIN: 0px; PADDING: 0px; BACKGROUND: url(../images/bg_logo.g
- 2007-03-22
1.定義DIV 分析一個典型的定義div例子: #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2px solid; BORDER-LEFT: #CCC 2px solid; BACKGROUND: url(images/bg_
- 2007-03-22
1.基本語法規(guī)范 分析一個典型CSS的語句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式; 樣式聲明寫在一對大括號"{}"中; COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號";"分隔; "#FF0000"和"#
- 2007-03-22
1.所有的標記都必須要有一個相應的結束標記 以前在HTML中,你可以打開許多標簽,例如p>和li>而不一定寫對應的/p>和/li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構,所有標簽必須關閉。假如是單獨不成對的標簽,在標簽最后加一個"/"來關閉它。例如: b
- 2007-03-22
收藏夾小圖標 假如你將本站加入收藏夾,可以看到在收藏夾網址之前的IE圖標變成了本站非凡的圖標。要實現(xiàn)這樣效果很簡單,首先制作一個16x16的icon圖標,命名為favicon.ico,放在根目錄下。然后將下面的代碼嵌入head區(qū): link rel="icon" href="/favicon.ico" type="ima
- 2007-03-22
事實上,所有表現(xiàn)的地方都需要用CSS來實現(xiàn)。我們以前都習慣用table來定位和布局,現(xiàn)在要改用DIV來定位和布局。這是思維方式的變化,一開始有些不習慣。呵呵,任何變革都會有阻力的,為了享受標準帶來的"益處",放棄一些老的傳統(tǒng)做法是值得的。 外部調用樣式表 在以前,
- 2007-03-22
第三步是定義你的語言編碼,類似這樣: meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 為了被瀏覽器正確解釋和通過W3C代碼校驗,所有的XHTML文檔都必須聲明它們所使用的編碼語言,我們一般使用gb2312(簡體中文),制作多國語言頁面也有可能用
- 2007-03-22
DOCTYPE聲明好以后,接下來的代碼是: html xmlns=" http://www.w3.org/1999/xhtml " lang="gb2312"> 通常我們HTML4.0的代碼只是html>,這里的"xmlns"是什么呢? 這個"xmlns"是XHTML namespace的縮寫,叫做"名字空間"聲明。名字空間是什么作用呢?阿捷自己的理解是:
- 2007-03-22
Eric Meyer是HTML,CSS和web標準方面國際知名的專家,有著廣泛的讀者,同時也是 Complex Spiral Consulting 的發(fā)起人。Complex Spiral Consulting是一個采用web標準技術幫助客戶節(jié)約成本和提高效益的公司。作為一個西方預科大學的網絡治理員和畢業(yè)生,Eric開發(fā)W3C的CSS1
- 2007-03-22
CSS布局提倡者的聲音正被"表格布局的優(yōu)點"的聲音所覆蓋。一個荒誕的說法是CSS是難學的。事實上,CSS一點也不比其他網頁技術難。問題在于:對于表格設計已經相當有經驗的web設計師不得不完全放棄他們的思維模式改用CSS方法。 我曾經用表格布局設計過許多年,當我第一次
- 2007-03-22
首先不要急著開始!在做任何事情之前做好2個心理預備,這對你的學習過程是最重要的事情: 學習需要時間,要循序漸進; 前進的過程中會碰到挫折。 但是你并不孤獨,我們中許多人正在投入到學習和使用web標準的行列中來。有一個不斷擴大的團體來幫助你更輕易地學習,老手
- 2007-03-07
前言 大家好!這個系列文章是按阿捷自己制作這個站點的過程編寫的。之前阿捷也一直沒有制作過一個真正符合web標準的網站,F(xiàn)在邊參考國外資料邊制作,同時把過程中的心得和經驗記錄下來,希望對大家有點幫助。好了,讓我們開始吧 第一天 開始制作符合標準的站點,第一
- 2007-02-28
1、《網站重構--應用WEB標準進行設計》作者:(美)塞爾達曼譯者:王宗義/傅捷/祝軍頁數:358定價:38出版社:電子工業(yè)出版社裝幀:平裝出版年:200
- 2007-02-15
說這個問題之前再次重申:DIV與CSS最好不要合在一起這么稱呼,不是一個等級。DIV是HTML中的一個標簽,在xHTML的語義性來講它只不過是個沒有語義的、具有很強適
- 2007-02-15
最近一個項目的客戶反饋就是:網頁頁面總是出錯,主要是內容頁出錯,添加一些資料就會亂了,整個頁面都會亂掉。通常這時我的第一反應就是他們添加的資料的代碼