欢迎来到天天文库
浏览记录
ID:40041340
大小:578.81 KB
页数:65页
时间:2019-07-18
《主题、母版、用户控件和web部》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第10章主题、母版、用户控件和Web部件1本章要点:了解主题并掌握建立和使用主题的方法理解母版页并能建立母版页掌握利用母版页创建一致网页布局的方法掌握建立和使用用户控件的方法熟悉利用Web部件实现个性化用户界面的方法2目录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.4Web部件10.4.1Web部件概述10.4.2使用Web部件10.4.3显示模式1
2、0.5小结310.1主题在Web应用程序中,通常所有的页面都有统一的外观和操作方式。ASP.NET3.5通过应用主题,来提供统一的外观。主题包括外观文件、CSS文件和图片文件等。410.1.1主题概述主题是CSS的扩展。主题包含外观文件、CSS文件、图片文件及其它资源(至少应包含外观文件)。主题在存储时与一个主题文件夹对应。510.1.1主题概述(续)主题分为全局主题和应用程序主题全局主题:应用于服务器中的所有Web应用程序,存储于C:WINDOWSMicrosoft.NETFrameworkv2.0.50727ASP.NETClientFil
3、esThemes文件夹下(假设操作系统安装于C盘)。应用程序主题:应用于单个Web应用程序。存储于Web应用程序的App_Themes文件夹中。每个App_Themes文件夹中的子文件夹都对应一个应用程序主题。610.1.2自定义主题自定义主题就是建立主题文件夹,然后添加外观文件(.skin)、样式文件(.css)、图片文件到主题文件夹中。主题和外观文件添加CSS到主题添加图片文件到主题注意:主题文件夹包含在App_Themes中7主题和外观文件一个主题必须包含外观文件。创建主题:右击项目,“添加ASP.NET文件夹”→“主题”,在网站根文件下自动添加
4、文件夹App_Themes,并在该文件夹下建立主题文件夹(可重命名如Red)添加外观文件:右击主题文件夹Red→“添加新项”→“外观文件”(可重命名如Red.skin)8默认的样式模板(Red.skin)<%--默认的外观模板。以下外观仅作为示例提供。1.命名的控件外观。SkinId的定义应唯一,因为在同一主题中不允许一个控件类型有重复的SkinId。5、>2.默认外观。未定义SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。--%>注意:控件外观样式只能对外貌属性进行定义。9默认外观和已命名外观利用属性SkinID可以为同种类型控件定义多种外观。默认外观:没有SkinID的外观。已命名外观:有SkinID的外观。6、Labelrunat="server"ForeColor="#00FF00"Font-Size="X-Small"SkinID="LabelGreen"/>10使用外观当为同种类型控件定义多种外观后,在网页中使用主题时应通过控件的属性SkinID进行区分。如代码:7、D="Lable2"Runat="Server"/>表示Label1控件使用LabelBlue外观Label2控件使用默认外观。11添加CSS到主题通过在主题中添加CSS文件来设置HTML或HTML服务器控件的样式。操作方式:右击主题文件夹Red→“添加新项”→“样式表”,重命名为Red.css。然后在Red.css中添加HTML元素样式。12添加图片文件到主题通常在App_Themes文件夹中创建Images文件夹,再添加合适的图片文件到Images文件夹中。要使用Images文件夹中的图片文件,可以通过控件的相关链接图片文件的Url属性进行访问。138、10.1.3使用主题自己定义或从网上下载主题后,就可以在Web应用程序中使用主题
5、>2.默认外观。未定义SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。--%>注意:控件外观样式只能对外貌属性进行定义。9默认外观和已命名外观利用属性SkinID可以为同种类型控件定义多种外观。默认外观:没有SkinID的外观。已命名外观:有SkinID的外观。6、Labelrunat="server"ForeColor="#00FF00"Font-Size="X-Small"SkinID="LabelGreen"/>10使用外观当为同种类型控件定义多种外观后,在网页中使用主题时应通过控件的属性SkinID进行区分。如代码:7、D="Lable2"Runat="Server"/>表示Label1控件使用LabelBlue外观Label2控件使用默认外观。11添加CSS到主题通过在主题中添加CSS文件来设置HTML或HTML服务器控件的样式。操作方式:右击主题文件夹Red→“添加新项”→“样式表”,重命名为Red.css。然后在Red.css中添加HTML元素样式。12添加图片文件到主题通常在App_Themes文件夹中创建Images文件夹,再添加合适的图片文件到Images文件夹中。要使用Images文件夹中的图片文件,可以通过控件的相关链接图片文件的Url属性进行访问。138、10.1.3使用主题自己定义或从网上下载主题后,就可以在Web应用程序中使用主题
6、Labelrunat="server"ForeColor="#00FF00"Font-Size="X-Small"SkinID="LabelGreen"/>10使用外观当为同种类型控件定义多种外观后,在网页中使用主题时应通过控件的属性SkinID进行区分。如代码:7、D="Lable2"Runat="Server"/>表示Label1控件使用LabelBlue外观Label2控件使用默认外观。11添加CSS到主题通过在主题中添加CSS文件来设置HTML或HTML服务器控件的样式。操作方式:右击主题文件夹Red→“添加新项”→“样式表”,重命名为Red.css。然后在Red.css中添加HTML元素样式。12添加图片文件到主题通常在App_Themes文件夹中创建Images文件夹,再添加合适的图片文件到Images文件夹中。要使用Images文件夹中的图片文件,可以通过控件的相关链接图片文件的Url属性进行访问。138、10.1.3使用主题自己定义或从网上下载主题后,就可以在Web应用程序中使用主题
7、D="Lable2"Runat="Server"/>表示Label1控件使用LabelBlue外观Label2控件使用默认外观。11添加CSS到主题通过在主题中添加CSS文件来设置HTML或HTML服务器控件的样式。操作方式:右击主题文件夹Red→“添加新项”→“样式表”,重命名为Red.css。然后在Red.css中添加HTML元素样式。12添加图片文件到主题通常在App_Themes文件夹中创建Images文件夹,再添加合适的图片文件到Images文件夹中。要使用Images文件夹中的图片文件,可以通过控件的相关链接图片文件的Url属性进行访问。13
8、10.1.3使用主题自己定义或从网上下载主题后,就可以在Web应用程序中使用主题
此文档下载收益归作者所有