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

