控制網站外觀的ASP.NET皮膚和主題技術_第1頁
控制網站外觀的ASP.NET皮膚和主題技術_第2頁
控制網站外觀的ASP.NET皮膚和主題技術_第3頁
免費預覽已結束,剩余2頁可下載查看

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、把握網站外觀的ASP皮膚和主題技術ASP 供給的皮膚、主題技術可重用布局和樣式,最終到達對Web 應用程序的頁面、整個 Web 應用程序、或者效勞器上的全部Web應用程序的外觀統一把握的目的。、幾個根本概念1、CSS樣式C S S Cascading Style Sheets,級聯樣式表是最重要、 最高效的頁面布局和樣式設置方法。通常CSS可直接消滅在單個HTML 標記內,即用Style 屬性來設置字體、邊框、背景和前景顏色等屬性,用于把握單個 HTML 元素的樣式,稱為內嵌樣式;CSS可消滅在網頁的head局部,用于把握本網頁內多個元素的樣式,稱為內部樣式;CSS 可單獨保存在以.css 為

2、擴展名的文件 中,用于2、皮膚鈕控件設置的兩個皮膚:ID屬性,runat=“server“屬性。上面按鈕的兩個皮膚中未設置skinIDskinID名.skin。一種控件的多個皮膚可以保存在不同的皮膚文件里。叫皮3、主題控件支持使用css 來單獨設置樣式。控件還支持使用皮膚來 設置其樣的一組文件看成一個整體,就稱為一個主題。一個主題至少包含有皮膚定義。主題文件被保存在網站或Web效勞器的特定名目中。 主題可把握局部網頁、整個網站、或者效勞器上全部網站的外觀。二、皮膚和主題的創立1、創立頁面主題在網站根文件夾,添加“添加ASP文件夾” f“主題”,網站中產生文件夾App_Themes該文件夾屬不能

3、改名,并在其1”,可將其重命名,例如BlueTheme,主題子文件夾的名稱也就是主題的名稱。2、創立皮膚文件在主題文件夾中添加“外觀文件”,輸入皮膚文件名,如button.skin,創立后既可在皮膚文件中添加控件的皮膚。3、創立全局主題為全局主題。全局主題必需保存在效勞器默認網站中。例如,假設默認網站根文件夾是C:Inetpubwwwroot,想創立BlueTheme的全局主題,則執行如下兩步:1CInetpubwwwrootaspnet_clientsystem_webversionThemeSBlueTheme。其中文件夾version是隨機器中安裝的版本不同而不同,假設機器中裝的是2.0

4、C:Inetpubwwwrootaspnet_clientsystem_web2_0_50727ThemesBlueTheme。提示:該路徑中用于保存全局主題的文件夾是App_Themes。Themes而(2)將皮膚文件、CSS文件、圖片文件等主題資源保存到文件夾 BlueTheme 中,全局主題創立完畢。三、應用主題1、對單個頁面應用主題指令的Theme或 StyleSheetTheme屬性設置為要使用的主題的名稱,如下所示:( .skinSkinID屬性的一項),SkinID屬性,如:。一個頁面只能應用一個主題。主題中css文件自動應用到頁面中,但要求頁面上有。2、對整個網站應用主題Web

5、.config的主題名稱,如:這樣,主題中定義的默認皮膚等樣式就應用到該網SkinID屬性即可。3、主題應用的優先級別指令中的“Theme“屬性的優先級最高的,web.config 中 的“s.theme“其次,指令中的“StylesheetTheme“級最低?!皊.theme“,同時在頁面中設置“Theme“,則“Theme“掩蓋“s.theme“?!皊.theme“,同時在頁面中設置“StylesheetTheme“s.theme“優先?!癟heme“StylesheetTheme“,則“Theme“StylesheetTheme“?!癝kinId“,則為默認皮膚,假設指定“SkinId“

6、,則指定的命名皮膚優先。指令中的“StylesheetTheme“設置的屬性的級別低于網StylesheetTheme先原則設置成等同于 CSS的應用優先原則了。項加載的挨次是: CSSf StyleSheetTheme f控件標記內嵌樣式f web.config 的“s.theme“ fTheme最終顯示的是多項合并結果,假設控件某屬性在以上多項中都有設置,則后面加載的掩蓋前面的。應用StyleSheetTheme在設計階段可以看到它的樣式,所見即所得,而應用Theme只能在運行時才能看到 結果。4、以編程方式應用主題在程序中應用主題 Theme_Prelnit 大事過程中 設置,.Theme=“PinkTheme“;StyleSheetThemeStyleSheetTheme屬性,例如如下:publicoverrideStringStyleSheetThemegetreturn“BlueTheme“;SkinID

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論