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

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