第8篇母版页、主题皮肤.ppt

计算机应用技术系教师专用(ASP.NET程序设计) 3 * 第8章母版页、主题和皮肤 * 计算机应用技术系教师专用(ASP.NET程序设计) 教学重点 本章重点介绍ASP.NET技术中的母版页、主题和皮肤的概念和应用方法。本章参考《ASP.NET2.0动态网站开发教程》的第16章的第3节。 8.1母版页 母版页的主要功能是为了给访问者创造一致访问页面的风格和布局。 母版页包含了Web应用程序中的公用元素，如：网站标志、广告条、导航条和版权声明等内容。 母版页可以被认为是一种页面的模板。 母版页创建统一的用户页面和样式。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 在实现网站一致性的过程中，必须包含两种文件：一种是母版页，另一种是内容页。 母版页的后缀名是.master，其包含页面中的公共元素。 内容页的后缀名是.aspx，和普通的页面一样，只是其中包含了页面的非公共元素。 在运行过程中ASP.NET自动整合两个页面，形成结果页，在客户端浏览器中显示。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 客户端不能直接访问母版页，必须通过输入内容页的地址访问结果页面。 母版页的编译指令为%@master% 母版页中使用ContentPlaceHolder控件为非公共元素占位，其就是一种占位符控件。 内容页中使用Content控件与母版页中的ContentPlaceHolder控件关联，即只要在该失控件中指定ContentPlaceHolderID属性即可。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 母版页与内容页必须结合使用，不能单独存在，即没有母版页的内容页是无效的，没有内容页的母版页也是无效的。 母版页与内容页整合的顺序为： 初始化母版页控件，初始化内容页控件，初始化母版页,初始化内容页，加载内容页，加载母版页，加载母版页控件，加载内容控件。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 创建母版页可以通过在VS2005集成环境中创建Web站点后以添加新文件的方法，添加一个母版页，只要你选择添加的是母版页即可。 创建内容页可以通过在VS2005集成环境中创建Web站点后以添加新文件的方法，选择Web窗体页，但添加一个内容页要在添加过程中选择母版页。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 访问母版页中的控件和属性的方法有两种，一种是使用FindControl方法获取母版页的控件引用。二是使用MasterType指令获到母版页的引用。 其中FindControl方法的格式如下： Master.FindControl(“控件ID”) * 计算机应用技术系教师专用(ASP.NET程序设计) 8.1母版页 其中MasterType指令格式如下： %@ MasterType VirtualPath=“母版页文件”% * 计算机应用技术系教师专用(ASP.NET程序设计) 8.2主题和皮肤 主题是实现统一页面控件外观的一种方法。它是一个目录。 在主题中可以为指定类型控件设置统一的字体、背景色、边框、高度及宽度。 主题就是页面和控件外观属性设置的集合。 主题一般由皮肤文件、CSS文件和图片和其他资源组成。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.2主题和皮肤 其中皮肤文件用来定义页面中服务器控件外观的，一个主题可以包含一个或多个皮肤文件。皮肤文件的后缀名为skin。 其中CSS文件称为样式表文件是WEB技术中常用的用于统一界面外观的文件，其可以通过定义HTML标记的属性的方式统一页面外观，ASP.NET可以通过主题自动引入CSS文件。其后缀名为.css。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.2主题和皮肤 图片和其他资源主要包括脚本文件，声音文件，图片文件等，为应用程序提供主题所需要的资源。 主题中的相关文件一般放在App_Themes文件夹下。该文件夹可以通过VS2005创建。 主题应用于页面可以通过设置页面中的Theme属性的方式完成。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.2主题和皮肤 在主题文件夹下可以定义皮肤文件，皮肤文件必须手工编写，其方法和一般的控件的定义格式一致，只是含有外观定义的一些属性即可。 控件皮肤可以分为默认皮肤，即所有该类型控件都要使用的皮肤，可以通过设置指定SkinID方式应用命名皮肤，即只有指定控件应用该皮肤，其他控件应用默认皮肤。 * 计算机应用技术系教师专用(ASP.NET程序设计) 8.2主题和皮肤 皮肤文件对于控件的设置一般情况下优先于控件中的属性设置，除非在指