數(shù)據(jù)庫(kù)網(wǎng)站設(shè)計(jì)教程（c版）孫士保第5章_ aspnet主題母版頁(yè)和站點(diǎn)導(dǎo)航課件

《數(shù)據(jù)庫(kù)網(wǎng)站設(shè)計(jì)教程（c版）孫士保第5章_ aspnet主題母版頁(yè)和站點(diǎn)導(dǎo)航課件》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、第5章ASP.NET主題、母版頁(yè)和站點(diǎn)導(dǎo)航本章內(nèi)容：ASP.NET主題和外觀，ASP.NET母版頁(yè)，ASP.NET站點(diǎn)導(dǎo)航。本章重點(diǎn)：ASP.NET主題和外觀，ASP.NET母版頁(yè)，ASP.NET站點(diǎn)導(dǎo)航（SiteMapPath控件、SiteMapDataSource控件、TreeView控件、Menu控件）。5.1ASP.NET主題和外觀5.1.1概述主題是屬性設(shè)置的集合，使用這些設(shè)置可以定義控件和頁(yè)面的外觀，然后在某個(gè)Web應(yīng)用程序的單個(gè)頁(yè)、整個(gè)Web應(yīng)用程序或服務(wù)器上的所有Web應(yīng)用程序中一致地應(yīng)用此外觀。1．主題和控件外觀（1）外觀外觀文件具有

2、文件擴(kuò)展名.skin，它包含多個(gè)控件（例如，Button、Label、TextBox或Calendar控件）的屬性設(shè)置。2．主題的應(yīng)用范圍（1）頁(yè)面主題（2）全局主題3．可以使用主題來(lái)定義的屬性4．主題與級(jí)聯(lián)樣式表5．主題設(shè)置優(yōu)先級(jí)5.1.2定義ASP.NET頁(yè)面主題【例5-1】創(chuàng)建包括外觀的自定義主題，這些外觀用于定義單個(gè)控件的外觀。將預(yù)定義的ASP.NET主題應(yīng)用于單個(gè)頁(yè)和整個(gè)站點(diǎn)。5.1.3應(yīng)用ASP.NET主題1．對(duì)單個(gè)頁(yè)應(yīng)用主題將@Page指令的Theme或StyleSheetTheme屬性設(shè)置為要使用的主題的名稱，將同時(shí)應(yīng)用其對(duì)應(yīng)的外觀主題

3、和樣式表主題，但僅應(yīng)用于聲明它的頁(yè)。要使頁(yè)面主題的優(yōu)先級(jí)別最高，其次為樣式表主題設(shè)置，最低為本地控件設(shè)置，則使用Theme屬性，格式為：<%@PageTheme="主題名稱"…%>要使本地控件優(yōu)先級(jí)別最高，其次為頁(yè)面主題，最低為樣式表主題，則使用StyleSheetTheme屬性，格式為：<%@PageStyleSheetTheme="主題名稱"…%>2．對(duì)網(wǎng)站應(yīng)用主題可以將一個(gè)主題應(yīng)用于整個(gè)網(wǎng)站，這意味著不需要多次將該主題應(yīng)用于各個(gè)頁(yè)（如果需要，也可以在頁(yè)上重寫(xiě)主題設(shè)置）。在應(yīng)用程序的web.config文件中，將元素設(shè)置為全局主題或頁(yè)

4、面主題的主題名稱，如下所示：...說(shuō)明：如果應(yīng)用程序主題與全局應(yīng)用程序主題同名，則頁(yè)面主題優(yōu)先。要將主題設(shè)置為樣式表主題并作為本地控件設(shè)置的從屬設(shè)置，應(yīng)改為設(shè)置styleSheetTheme屬性如下：...

5、5.1.4禁用ASP.NET主題可以配置頁(yè)或控件以忽略主題。在默認(rèn)情況下，主題將重寫(xiě)頁(yè)和控件外觀的本地設(shè)置。當(dāng)控件或頁(yè)已經(jīng)有預(yù)定義的外觀，而又不希望主題重寫(xiě)它時(shí)，禁用此行為將十分有用。說(shuō)明：可以把主題作為樣式表主題來(lái)應(yīng)用，使當(dāng)前頁(yè)的控件設(shè)置優(yōu)先。1．禁用頁(yè)的主題將@Page指令的EnableTheming屬性設(shè)置為false，如下所示：<%@PageTheme="FirstTheme"EnableTheming="false"…%>2．禁用控件的主題將控件的EnableTheming屬性設(shè)置為false，如下所示：

6、lendar1"runat="server"EnableTheming="false"/>5.2ASP.NET母版頁(yè)5.2.1概述1．母版頁(yè)的工作原理5.2.2ASP.NET母版頁(yè)的創(chuàng)建下面通過(guò)例子，介紹ASP.NET母版頁(yè)和內(nèi)容頁(yè)的創(chuàng)建過(guò)程。【例5-2】創(chuàng)建一個(gè)母版頁(yè)Master1.master和兩個(gè)內(nèi)容頁(yè)（Home.aspx、About.aspx），最后顯示的兩個(gè)網(wǎng)頁(yè)分別如圖5-7和圖5-8所示。1．創(chuàng)建母版頁(yè)2．對(duì)母版頁(yè)進(jìn)行布局3．創(chuàng)建母版頁(yè)的內(nèi)容4．測(cè)試頁(yè)面5.3ASP.NET站點(diǎn)導(dǎo)航5.3.1概述1．站點(diǎn)地圖文件通過(guò)ASP.NET站點(diǎn)導(dǎo)航，可

7、以按層次結(jié)構(gòu)描述站點(diǎn)的布局。假設(shè)“曙光科技大學(xué)”網(wǎng)站共有8頁(yè)，其布局如下：首頁(yè)院系設(shè)置計(jì)算機(jī)工程系自動(dòng)化工程系財(cái)經(jīng)管理系招生就業(yè)招生信息就業(yè)信息2．站點(diǎn)導(dǎo)航控件創(chuàng)建一個(gè)反映站點(diǎn)結(jié)構(gòu)的站點(diǎn)地圖只完成了ASP.NET站點(diǎn)導(dǎo)航系統(tǒng)的一部分功能。導(dǎo)航系統(tǒng)還應(yīng)在ASP.NET網(wǎng)頁(yè)中顯示導(dǎo)航結(jié)構(gòu)，這樣用戶就可以在站點(diǎn)內(nèi)輕松地移動(dòng)。通過(guò)使用下列ASP.NET站點(diǎn)導(dǎo)航控件，可以輕松地在頁(yè)面中建立導(dǎo)航信息。TreeView：此控件顯示一個(gè)樹(shù)狀結(jié)構(gòu)或菜單，讓用戶可以遍歷訪問(wèn)站點(diǎn)中的不同頁(yè)面。單擊包含子節(jié)點(diǎn)的節(jié)點(diǎn)可將其展開(kāi)或折疊。Menu：此控件顯示一個(gè)可展開(kāi)的菜單，讓用戶

8、可以遍歷訪問(wèn)站點(diǎn)中的不同頁(yè)面。將光標(biāo)懸停在菜單上時(shí)，將展開(kāi)包含子節(jié)點(diǎn)的節(jié)點(diǎn)。SiteMapPa