XHTML+CSS=網站重構,網頁設計知識,理論,色彩,技巧

設計欣賞 當前位置:設計首頁 >> 網頁 >> 正文 >> XHTML+CSS=網站重構
XHTML+CSS=網站重構

視覺設計

簡單說,網站標準的目的就是:

提供最多利益給最多的網站用戶 
確保任何網站文擋都能夠長期有效 
簡化代碼、降低建設成本 
讓網站更容易使用,能適應更多不同用戶和更多網路設備 
當瀏覽器版本更新,或者出現新的網絡交互設備時,確保所有應用能夠繼續正確執行。 
對於網站設計和開發人員來說,遵循網站標準就是使用標準;對於你的網站用戶來說,網站標準就是最佳體驗。

三、採用網站標準有什麼好處?

對網站瀏覽者的好處:

文件下載與頁面顯示速度更快; 
內容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士); 
內容能被更廣泛的設備所訪問(包括屏幕閱讀機、手持設備、搜索機器人、打印機、電冰箱等等) 
用戶能夠通過樣式選擇定制自己的表現界面 
所有頁面都能提供適於打印的版本 

對網站所有者的好處:

更少的代碼和組件,容易維護 
帶寬要求降低(代碼更簡潔),成本降低。舉個例子:當 ESPN.com 使用 CSS改版後,每天節約超過兩兆字節(terabytes)的帶寬。 
更容易被搜尋引擎搜索到 
改版方便,不需要變動頁面內容 
提供打印版本而不需要複製內容 
提高網站易用性。在美國,有嚴格的法律條款(Section 508)來約束政府網站必須達到一定的易用性,其他國家也有類似的要求。 

四、怎麼改善現有網站?

我們大部分的設計師依舊在採用傳統的表格佈局、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程,使現有網站符合網站標準也不可能一步到位。最好的方法是循序漸進,分階段來逐步達到完全符合網站標準的目標。如果你是新手,或者對代碼不是很熟悉,也可以採用遵循標準的編輯工具,例如Dreamweaver MX 2004,它是目前支持CSS標準最完善的工具。

1.初級改善

為頁面添加正確的DOCTYPE 

很多設計師和開發者都不知道什麼是DOCTYPE,DOCTYPE有什麼用。DOCTYPE是document type的簡寫。主要用來說明你用的XHTML或者HTML是什麼版本。瀏覽器根據你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面代碼。所以,如果你不注意設置了錯誤的DOCTYPE,結果會讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇:

(1)過渡型(Transitional )

http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> 

(2)嚴格型(Strict )

http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd"> 

(3)框架型(Frameset )

http://www.w3.org/TR/xhtml1 /DTD/xhtml1-frameset.dtd"> 

對於我們初級改善來說,只要選用過渡型的聲明就可以了。它依然可以兼容你的表格佈局、表現標識等,不至於讓你覺得變化太大,難以掌握。

Tip:你懶得輸入上面過渡型代碼的話,可以訪問 http://www.macromedia.com/  網站的首頁,然後查看源代碼,把head區同樣的代碼拷貝粘貼就可以了。

設定一個名字空間(Namespace) 

直接在DOCTYPE聲明後面添加如下代碼:

』" DESIGNTIMESP=32309>http://www.w3.org/1999/xhtml">  

一個namespace是收集元素類型和屬性名字的一個詳細的DTD,namespace聲明允許你通過一個在線地址指向來識別你的namespace。只要照樣輸入代碼就可以。

聲明你的編碼語言 

為了被瀏覽器正確解釋和通過標識校驗,所有的XHTML文檔都必須聲明它們所使用的編碼語言。代碼如下:

 

這裡聲明的編碼語言是簡體中文GB2312,你如果需要製作繁體內容,可以定義為BIG5。

用小寫字母書寫所有的標籤 

XML對大小寫是敏感的,所以,XHTML也是大小寫有區別的。所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔將被W3C校驗認為是無效的。例如下面的代碼是不正確的:

本新聞共3頁,當前在第2頁  1  2  3  

標誌設計

相關鏈接:網頁設計知識,理論,色彩,技巧,網頁設計,webdesign
Google
最 新 文 章
相 關 文 章
「長城腳下的公社」建築
美《商業週刊》評中國十
鼎煌格韻之別墅效果圖篇
Kearch作品-Plummer Pa
幾幅不錯的景觀手繪作品
白雲國際會議中心設計方
Zaha Hadid作品-Vitra消
室內設計圖片 Soo Sang 
大導演馮小剛家的家居設
茲羅列194種創意線索
標識設計之連字設計全剖
服裝設計的三大要素
2006 第六屆上海雙年展-超
栩栩如生的人體蠟像
國際名師的極端設計
日本漫畫家手塚治蟲作品圖
達芬奇設計成就展--領略藝
岡特·蘭堡作品賞析
國人創意最NB 聯想壁紙設計
外國另類創意幽默創意圖
一組另類鬼異的視覺設計圖
建國以來振奮人心的宣傳畫
XHTML+CSS=網站重構相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《XHTML+CSS=網站重構》,謝謝您!設計師學習設計的技巧和捷徑是多看大師的作品,XHTML+CSS=網站重構等設計資源欣賞,下載,圖庫,為網站設計,網站建設,設計師打造一個自我學習和提升的平台,認真閱讀藝術與設計雜誌,一切有關平面設計的技巧都囊括其中,而且毫不張揚,溫文而雅,為抄襲者提供了大量改頭換面的空間.學習設計最好的方法是多看,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,網頁設計知識,理論,色彩,技巧,網頁設計,webdesign,網站設計,網站建設等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+網站設計,網站建設,設計欣賞,教程,技巧,ps+-
Lexon-可折疊衣架 Lexon小產品-鑰匙環 Built NY作品-BYO便攜食品袋 創意小產品系列-便利花瓶
創意小產品系列-轉筆刀 Wet Design節水型龍頭 創意小產品系列-木書籤 第一代紅旗草圖
創意小產品系列-彈性鉛筆 創意小產品系列-文件夾 創意小產品系列-衣架設計 創意小產品系列-萬年曆設計
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程