第10章 主题、母版、用户控件和Web部件.ppt

第10章 主题、母版、用户控件和Web部件.ppt

  1. 1、本文档共65页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第10章 主题、母版、 用户控件和Web部件 本章要点: 了解主题并掌握建立和使用主题的方法 理解母版页并能建立母版页 掌握利用母版页创建一致网页布局的方法 掌握建立和使用用户控件的方法 熟悉利用Web部件实现个性化用户界面的方法 目录 10.1 主题 10.1.1 主题概述 10.1.2 自定义主题 10.1.3 使用主题 10.2 母版页 10.2.1 母版页概述 10.2.2 创建母版页 10.2.3 创建内容页 10.3 用户控件 10.3.1 用户控件概述 10.3.2 创建用户控件 10.3.3 使用用户控件 10.4 Web部件 10.4.1 Web部件概述 10.4.2 使用Web部件 10.4.3 显示模式 10.5 小结 10.1 主题 在Web应用程序中,通常所有的页面都有统一的外观和操作方式。ASP.NET 3.5通过应用主题,来提供统一的外观。 主题包括外观文件、CSS文件和图片文件等。 10.1.1 主题概述 主题是CSS的扩展。 主题包含外观文件、CSS文件、图片文件及其它资源(至少应包含外观文件)。 主题在存储时与一个主题文件夹对应。 10.1.1 主题概述(续) 主题分为全局主题和应用程序主题 全局主题:应用于服务器中的所有Web应用程序,存储于C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\ASP.NETClientFiles\Themes文件夹下(假设操作系统安装于C盘)。 应用程序主题:应用于单个Web应用程序。存储于Web应用程序的App_Themes文件夹中。每个App_Themes文件夹中的子文件夹都对应一个应用程序主题。 10.1.2 自定义主题 自定义主题就是建立主题文件夹,然后添加外观文件(.skin)、样式文件(.css)、图片文件到主题文件夹中。 主题和外观文件 添加CSS到主题 添加图片文件到主题 注意:主题文件夹包含在App_Themes中 主题和外观文件 一个主题必须包含外观文件。 创建主题:右击项目,“添加ASP.NET文件夹”→“主题”,在网站根文件下自动添加文件夹App_Themes,并在该文件夹下建立主题文件夹(可重命名如Red) 添加外观文件:右击主题文件夹Red→“添加新项”→“外观文件”(可重命名如Red.skin ) 默认的样式模板( Red.skin) %-- 默认的外观模板。以下外观仅作为示例提供。 1. 命名的控件外观。SkinId 的定义应唯一,因为在同一主题中不允许一个控件类型有重复的 SkinId。 asp:GridView runat=server SkinId=gridviewSkin BackColor=White AlternatingRowStyle BackColor=Blue / /asp:GridView 2. 默认外观。未定义 SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。 asp:Image runat=server ImageUrl=~/images/image1.jpg / --% 注意:控件外观样式只能对外貌属性进行定义 。 默认外观和已命名外观 利用属性SkinID可以为同种类型控件定义多种外观。 默认外观:没有SkinID的外观。 asp:Label runat=server ForeColor=#FF0000 Font-Size=X-Small/ 已命名外观:有SkinID的外观。 asp:Label runat=server ForeColor=#00FF00 Font-Size=X-Small SkinID=LabelGreen/ asp:Label runat=server ForeColor=#0000FF Font-Size=X-Small SkinID=LabelBlue/ 使用外观 当为同种类型控件定义多种外观后,在网页中使用主题时应通过控件的属性SkinID进行区分。如代码: asp:Label ID=Lable1 SkinID=LabelBlue Runat=Server / asp:Label ID=Lable2 Runat=Server / 表示Label1控件使用LabelBlue外观 Label2控件使用默认外观。 添加CSS到主题 通过在主题中添加CSS文件来设置HTML或HTML服务器控件的样式。 操作方式: 右击主题文件夹Red→“添加新项”→“样式表”,重命名为Red.css。然后在Red.css中添加HTML元素样式。 添加图片文件到主题 通常在App_Themes文件夹中创建Images文件夹,再添加合适的图片文件到Images文件

文档评论(0)

16588ww + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档