采用XHTML和CSS設計可重用可換膚的WEB站點的方法第4/4頁
5、根據用戶設置換膚
網站樣式切換在網上已有很多現(xiàn)成的javascript換膚代碼,一般使用cookie來保存用戶設置,在請求頁面時,改變頁面的CSS文件連接即可。
而服務器端的換膚做法是根據用戶請求,動態(tài)地生成CSS文件連接,用戶設置一般保存在數(shù)據庫或者cookie中。
由于我們使用了3個不同功能CSS樣式文件來顯示網站,所以我們可以設計出更加靈活的換膚方案和組合,如只切換主題而保留布局,和切換布局和主題,以及各種細節(jié)等等。
使用3個CSS樣式文件額外的好處是,每當我們設計一個新的系統(tǒng),它的樣式風格特性幾乎都可以大部分應用到以前的系統(tǒng)上(因為我們采用大致相同的頁面結構模型,雖然顯示千差萬別,但主要的框架是一樣的),這樣我們就可以積累出相當數(shù)量和相當風豐富的界面樣式庫來。
6、通過校驗
整個過程的最后一個步驟就是對XHTML\CSS代碼進行驗證。有很多種的工具都可以幫你對二者進行驗證。
例如Dreamweaver MX即可檢查我的樣本代碼的可訪問性。你可以通過在文件菜單中選擇Check Page然后選擇Check Accessibility來實現(xiàn)。任何錯誤或是警告都會顯示出來,還包括出現(xiàn)位置的行號以及對問題簡要的解釋。你可以在Dreamweaver MX的Reference工具中找到更多關于這些錯誤和警告的內容。
而Microsoft ASP.NET 2.0 具有很多有用的功能,也能幫助我們設計和生成符合 XHTML 和可訪問性標準的 Web 站點。 使用 Web 標準生成 ASP.NET 2.0 Web 站點 http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx
此外,World Wide Web Consortium (W3C)提供了超過30個的可訪問性評估工具的鏈接。W3C還提供了針對HTML和CSS的基于Web的免費驗證器。
因此如果想要改善網站友好度,可用性,可訪問性等,可將新標準視為一個機會,而不是一個障礙。要了解更多關于新標準和可訪問性的內容,你可以去看一看World Wide Web Consortium中的Web Accessibility Initiative (WAI)。
相關文章
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對position:fixed不支持,網上有很多解決方法,有的在ie6,ie7上調試成功后,在ie8上又不好使,div層還是跟隨滾動條浮 動;以下總結方法,在ie6,ie7,ie8上都調試成功,且頁面滾動條滾動時,效果還挺好,div層并不會閃爍。2014-05-05
Div CSS absolute與relative的區(qū)別小結
Div + CSS 進行網頁布局,適當?shù)剡\用 absolute 與 relative,能給布局帶來意想不到的效果和方便,達到事半功倍…本文介紹了關于 absolute 與 relative 的運用。2007-12-12
position:relative/absolute無法沖破的等級
position:relative/absolute無法沖破的等級...2007-03-03
div的dispaly:inline樣式 和span的區(qū)別
為什么在ie里執(zhí)行后這段代碼 兩個span標簽雖在同一行但它們之間有空隙? 但是 兩個div標簽雖然在同一行就沒有空隙?2008-07-07

