第10章 使用主題和皮膚設(shè)置課件

第10章使用主題和皮膚設(shè)置頁面外觀在傳統(tǒng)的網(wǎng)站開發(fā)過程中，要給網(wǎng)站更換主題，將是一項(xiàng)繁重復(fù)雜的工作。要同時(shí)考慮到與頁面相關(guān)的文字、圖片、樣式文件等的更換。如果在網(wǎng)站的開發(fā)初期，沒有對(duì)這些資源文件進(jìn)行很規(guī)范的管理。那么在改版的時(shí)候，將要進(jìn)行大量的文件遷移和更改，更有甚者會(huì)引發(fā)文件丟失。在.NET2.0中，主題和皮膚的出現(xiàn)，解決了這種長期困擾開發(fā)者的問題。10.1主題和皮膚概述主題和皮膚是ASP.NET2.0中新增的一項(xiàng)功能，存在于網(wǎng)站根目錄下App_Themes文件夾中。它允許開發(fā)者將頁面的樣式和布局信息，存放到一個(gè)獨(dú)立的文件中，總稱為主題（Theme）。接下來，可以將該主題應(yīng)用于任何站點(diǎn)，來控制站點(diǎn)中頁面和控件的外觀。通過對(duì)主題的切換，便可以輕松的實(shí)現(xiàn)網(wǎng)站風(fēng)格的切換。說到底，主題只是存在于App_Themes文件夾中的一個(gè)文件夾，其中包含了皮膚文件*.skin、樣式文件*.css以及其他圖片等資源文件。10.2創(chuàng)建主題前面一節(jié)講到，主題必須存在于網(wǎng)站根目錄下的App_Themes文件夾中，且主題本身就是一個(gè)文件夾。所以，創(chuàng)建主題時(shí)候完全可以手動(dòng)添加該文件夾，也可以按照以下步驟進(jìn)行創(chuàng)建。（具體內(nèi)容請(qǐng)參照書。）10.4樣式一個(gè)主題中除了皮膚文件外，還有樣式文件，即*css文件，給一個(gè)主題中添加樣式文件的方法如下。（1）右擊該主題，在彈出的菜單中選擇“添加新項(xiàng)”選項(xiàng)，打開“添加新項(xiàng)”對(duì)話框，在其中選擇“樣式表”模板，為其命名并以“.css”為后綴名（2）對(duì)該樣式表文件進(jìn)行編輯?？梢栽贑SS大綱中對(duì)樣式表內(nèi)容進(jìn)行管理，（具體內(nèi)容請(qǐng)參照書。）10.5多主題的自動(dòng)切換既然是多主題的切換，那么再新建一個(gè)主題，命名為white。為該主題添加一個(gè)皮膚文件，代碼如下所示。（具體內(nèi)容請(qǐng)參照書。）10.6常見問題隨著Blog、Space等個(gè)人網(wǎng)頁的流行，風(fēng)格成了越來越被關(guān)注的特點(diǎn)。本章主要介紹了網(wǎng)站的一些風(fēng)格應(yīng)用，其常見的問題如下所示。10.6.1網(wǎng)站有多種