采用XHTML和CSS設(shè)計(jì)可重用可換膚的WEB站點(diǎn)的方法第4/4頁(yè)
5、根據(jù)用戶設(shè)置換膚
網(wǎng)站樣式切換在網(wǎng)上已有很多現(xiàn)成的javascript換膚代碼,一般使用cookie來(lái)保存用戶設(shè)置,在請(qǐng)求頁(yè)面時(shí),改變頁(yè)面的CSS文件連接即可。
而服務(wù)器端的換膚做法是根據(jù)用戶請(qǐng)求,動(dòng)態(tài)地生成CSS文件連接,用戶設(shè)置一般保存在數(shù)據(jù)庫(kù)或者cookie中。
由于我們使用了3個(gè)不同功能CSS樣式文件來(lái)顯示網(wǎng)站,所以我們可以設(shè)計(jì)出更加靈活的換膚方案和組合,如只切換主題而保留布局,和切換布局和主題,以及各種細(xì)節(jié)等等。
使用3個(gè)CSS樣式文件額外的好處是,每當(dāng)我們?cè)O(shè)計(jì)一個(gè)新的系統(tǒng),它的樣式風(fēng)格特性幾乎都可以大部分應(yīng)用到以前的系統(tǒng)上(因?yàn)槲覀儾捎么笾孪嗤捻?yè)面結(jié)構(gòu)模型,雖然顯示千差萬(wàn)別,但主要的框架是一樣的),這樣我們就可以積累出相當(dāng)數(shù)量和相當(dāng)風(fēng)豐富的界面樣式庫(kù)來(lái)。
6、通過(guò)校驗(yàn)
整個(gè)過(guò)程的最后一個(gè)步驟就是對(duì)XHTML\CSS代碼進(jìn)行驗(yàn)證。有很多種的工具都可以幫你對(duì)二者進(jìn)行驗(yàn)證。
例如Dreamweaver MX即可檢查我的樣本代碼的可訪問(wèn)性。你可以通過(guò)在文件菜單中選擇Check Page然后選擇Check Accessibility來(lái)實(shí)現(xiàn)。任何錯(cuò)誤或是警告都會(huì)顯示出來(lái),還包括出現(xiàn)位置的行號(hào)以及對(duì)問(wèn)題簡(jiǎn)要的解釋。你可以在Dreamweaver MX的Reference工具中找到更多關(guān)于這些錯(cuò)誤和警告的內(nèi)容。
而Microsoft ASP.NET 2.0 具有很多有用的功能,也能幫助我們?cè)O(shè)計(jì)和生成符合 XHTML 和可訪問(wèn)性標(biāo)準(zhǔn)的 Web 站點(diǎn)。 使用 Web 標(biāo)準(zhǔn)生成 ASP.NET 2.0 Web 站點(diǎn) http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx
此外,World Wide Web Consortium (W3C)提供了超過(guò)30個(gè)的可訪問(wèn)性評(píng)估工具的鏈接。W3C還提供了針對(duì)HTML和CSS的基于Web的免費(fèi)驗(yàn)證器。
因此如果想要改善網(wǎng)站友好度,可用性,可訪問(wèn)性等,可將新標(biāo)準(zhǔn)視為一個(gè)機(jī)會(huì),而不是一個(gè)障礙。要了解更多關(guān)于新標(biāo)準(zhǔn)和可訪問(wèn)性的內(nèi)容,你可以去看一看World Wide Web Consortium中的Web Accessibility Initiative (WAI)。
- jQuery之網(wǎng)頁(yè)換膚實(shí)現(xiàn)代碼
- JQuery 網(wǎng)站換膚功能實(shí)現(xiàn)代碼
- Javascript結(jié)合css實(shí)現(xiàn)網(wǎng)頁(yè)換膚功能
- js動(dòng)態(tài)修改整個(gè)頁(yè)面樣式達(dá)到換膚效果
- javascript實(shí)現(xiàn)動(dòng)態(tài)CSS換膚技術(shù)的腳本
- 使用jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)版的個(gè)人簡(jiǎn)歷(可換膚)
- js+css簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)換膚效果
- 漂亮的widgets,支持換膚和后期開發(fā)新皮膚
- 使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析
- AngularJS實(shí)現(xiàn)網(wǎng)站換膚實(shí)例
相關(guān)文章
布局用CSS+DIV的優(yōu)點(diǎn)總結(jié)
布局用CSS+DIV的優(yōu)點(diǎn)總結(jié)...2007-08-08scrollWidth,clientWidth與offsetWidth的區(qū)別
scrollWidth,clientWidth與offsetWidth的區(qū)別...2007-08-08《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)(三)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)(三,需要的朋友可以參考下2016-05-05