《ASP.NET程序设计》

1、ASP.NET程序设计单元教学设计任课教师： 梅成才 本单元标题： 模块二 企业信息发布系统整体外观设计授课班级上课时间 周 月 日 第 节上课地点 周 月 日 第 节教学目的 掌握母板页用法 掌握主题的用法 掌握皮肤文件的设置方法教学目标能力（技能）目标知识目标 利用母版页和主题皮肤的知识设计企业信息发布系统的整体外观了解和掌握母版的概念了解和掌握主题的概念了解和掌握皮肤的概念重点难点及解决方法重点：母版、主题、皮肤难点：皮肤，样式的使用解决方法： 以DreamWeaver里的模板为对照，可以使学生比较容易掌握母版的概念。以具体案例为例子介绍皮肤。 参考资料教材：梅成才ASP.NET程序设计

2、案例化教材北京大学出版社单元教学设计基本框架第一部分：组织教学和复习上次课主要内容 （时间： 分钟） 让学生来介绍主流的Web开发技术以及不同开发技术之间的异同。第二部分：学习新内容【步骤一】说明主要教学内容、目的 （时间：5分钟） 本单元主要的内容有 1 掌握母板页用法2 掌握主题的用法3 掌握皮肤文件的设置方法 【步骤二】 新知识的引入 （时间：5 分钟） 在介绍母版概念之前先给学生展示一些使用了母版的网站（如浙江工商大学的网站）,让学生了解母版的应用，然后让学生思考怎样能实现这种效果。引导学生讨论DreamWeaver中模板的特点。指出学生ASP.NET中可以利用母版来实现相似的外观，但

3、是具有更好的优越性。【步骤三】操练1（通过任务训练或案例分析，懂得新知识的初步运用） （时间：40 分钟） 在DreamWeaver里做好导航（事先准备好素材）。 创建母版页，然后将DreamWeaver中编辑好的标题页面拷入。 创建CSS文件，然后将CSS文件添加到主题中，设置所有页面统一的样式。 在Web.Config文件里继续配置。【步骤四】知识和能力的归纳 （时间：10分钟）母版页概述使用母版页可以为应用程序中的页创建一致的布局。单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。 母版页为具有扩展名 .Master的 ASP.NET 文件，它具有可以包括静态文本、

4、HTML 元素和服务器控件的预定义布局。母版页由特殊的 Master 指令识别。该指令类看起来类似下面这样 <% Master Language="C#" %> 主题和皮肤ASP.NET  2.0的主题和皮肤特性使你能够把样式和布局信息存放到一组独立的文件中，总称为主题（Theme）。接下来我们可以把这个主题应用到任何站点，用于改变该站点内的页面和控件的外观和感觉。通过改变主题的内容，而不用改变站点的单个页面，就可以轻易地改变站点的样式。 ASP.NET包含了大量的用于定制应用程序的页面和控件的外观和感觉的特性。控件支持使用Style（样式）对象模型来

5、设置格式属性（例如字体、边框、背景和前景颜色、宽度、高度等等）。控件也支持使用样式表（CSS）来单独设置控件的样式。你可以用控件属性或CSS来定义控件的样式信息，或者把这些定义信息存放到单独的一组文件中（称为主题），然后把它应用到程序的所有或部分页面上。单独的控件样式是用主题的皮肤（Skin）属性来指定的。 在App_Themes文件夹下有一个所创建的主题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="."/ 节，也可以为应用程序中的所有页定义应用的主题。 【步骤五】 总结 （时间：5分钟）本单元重点介绍了企业信息发布系统外观设置的一些技术。（）母版技术类似于DreamWeaver中的模板概念，可以保持页