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

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