《ASP.NET程序設計》

1、ASP.NET程序設計單元教學設計任課教師： 梅成才 本單元標題： 模塊二 企業(yè)信息發(fā)布系統(tǒng)整體外觀設計授課班級上課時間 周 月 日 第 節(jié)上課地點 周 月 日 第 節(jié)教學目的 掌握母板頁用法 掌握主題的用法 掌握皮膚文件的設置方法教學目標能力（技能）目標知識目標 利用母版頁和主題皮膚的知識設計企業(yè)信息發(fā)布系統(tǒng)的整體外觀了解和掌握母版的概念了解和掌握主題的概念了解和掌握皮膚的概念重點難點及解決方法重點：母版、主題、皮膚難點：皮膚，樣式的使用解決方法： 以DreamWeaver里的模板為對照，可以使學生比較容易掌握母版的概念。以具體案例為例子介紹皮膚。 參考資料教材：梅成才ASP.NET程序設計

2、案例化教材北京大學出版社單元教學設計基本框架第一部分：組織教學和復習上次課主要內容 （時間： 分鐘） 讓學生來介紹主流的Web開發(fā)技術以及不同開發(fā)技術之間的異同。第二部分：學習新內容【步驟一】說明主要教學內容、目的 （時間：5分鐘） 本單元主要的內容有 1 掌握母板頁用法2 掌握主題的用法3 掌握皮膚文件的設置方法 【步驟二】 新知識的引入 （時間：5 分鐘） 在介紹母版概念之前先給學生展示一些使用了母版的網站（如浙江工商大學的網站）,讓學生了解母版的應用，然后讓學生思考怎樣能實現(xiàn)這種效果。引導學生討論DreamWeaver中模板的特點。指出學生ASP.NET中可以利用母版來實現(xiàn)相似的外觀，但

3、是具有更好的優(yōu)越性?！静襟E三】操練1（通過任務訓練或案例分析，懂得新知識的初步運用） （時間：40 分鐘） 在DreamWeaver里做好導航（事先準備好素材）。 創(chuàng)建母版頁，然后將DreamWeaver中編輯好的標題頁面拷入。 創(chuàng)建CSS文件，然后將CSS文件添加到主題中，設置所有頁面統(tǒng)一的樣式。 在Web.Config文件里繼續(xù)配置。【步驟四】知識和能力的歸納 （時間：10分鐘）母版頁概述使用母版頁可以為應用程序中的頁創(chuàng)建一致的布局。單個母版頁可以為應用程序中的所有頁（或一組頁）定義所需的外觀和標準行為。 母版頁為具有擴展名 .Master的 ASP.NET 文件，它具有可以包括靜態(tài)文本、

4、HTML 元素和服務器控件的預定義布局。母版頁由特殊的 Master 指令識別。該指令類看起來類似下面這樣 <% Master Language="C#" %> 主題和皮膚ASP.NET  2.0的主題和皮膚特性使你能夠把樣式和布局信息存放到一組獨立的文件中，總稱為主題（Theme）。接下來我們可以把這個主題應用到任何站點，用于改變該站點內的頁面和控件的外觀和感覺。通過改變主題的內容，而不用改變站點的單個頁面，就可以輕易地改變站點的樣式。 ASP.NET包含了大量的用于定制應用程序的頁面和控件的外觀和感覺的特性。控件支持使用Style（樣式）對象模型來

5、設置格式屬性（例如字體、邊框、背景和前景顏色、寬度、高度等等）。控件也支持使用樣式表（CSS）來單獨設置控件的樣式。你可以用控件屬性或CSS來定義控件的樣式信息，或者把這些定義信息存放到單獨的一組文件中（稱為主題），然后把它應用到程序的所有或部分頁面上。單獨的控件樣式是用主題的皮膚（Skin）屬性來指定的。 在App_Themes文件夾下有一個所創(chuàng)建的主題Button，在Button文件夾下有一個Button.skin文件，這就是我們添加的主題文件，雙擊Button.skin文件，為其添加皮膚設置代碼。 代碼如下：<asp:Button runat="server"

6、BorderColor="yellow" BackColor="yellow" BorderStyle="dotted" /><asp:Button runat="server" BorderColor="blue" BackColor="white" SkinID="Blue" />說明：教師在演示設置皮膚文件的時候要強調控件的id一定要去掉，只留下共有的屬性。 通過將 % Page " Theme="Button" % 指令設置為全局主題或應用程序級主題的名稱（Themes 或 App_Themes 目錄下的文件夾的名稱），可為單個頁指定主題。一頁只能應用一個主題，但該主題中可以有多個外觀文件，用于將樣式設置應用于該頁中的控件。這樣Button.skin中設置的屬性就應用到頁面中。也可通過在 Web.config 中指定 pages theme="."/ 節(jié)，也可以為應用程序中的所有頁定義應用的主題。 【步驟五】 總結 （時間：5分鐘）本單元重點介紹了企業(yè)信息發(fā)布系統(tǒng)外觀設置的一些技術。（）母版技術類似于DreamWeaver中的模板概念，可以保持頁