采用XHTML和CSS設(shè)計可重用可換膚的WEB站點的方法
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è)計出更加靈活的換膚方案和組合,如只切換主題而保留布局,和切換布局和主題,以及各種細節(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)修改整個頁面樣式達到換膚效果
- 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)文章
scrollWidth,clientWidth與offsetWidth的區(qū)別
scrollWidth,clientWidth與offsetWidth的區(qū)別...2007-08-08《CSS3實戰(zhàn)》筆記--漸變設(shè)計(三)
這篇文章主要介紹了《CSS3實戰(zhàn)》筆記--漸變設(shè)計(三,需要的朋友可以參考下2016-05-05