www.baike369.com
百科369 > ASP.NET教程 > ASP.NET使用主题设计网站

ASP.NET使用主题设计网站



ASP.NET使用主题设计网站

网站的外观是否美观将直接决定其受欢迎的程度。这就意味着在网站开发过程中,设计和实现美观实用的用户界面的重要性。在ASP.NET中提供了一种称为“主题”的新功能。主题是定义网站中页和控件的外观的属性集合。主题可以包括外观文件(定义ASP.NET Web服务器控件的属性设置),还可以包括级联样式表文件(.css文件)和图形。
    ASP.NET主题可以让网站的页面风格一致。使用它可以同时控制HTML元素和ASP.NET控件在页面上的皮肤。
    主题不同于母版页。母版页可以在网站的多个页面间共享内容,而主题的作用是为了控制内容的皮肤。
    通过应用ASP.NET主题,可以为网站中的页提供一致的外观。


ASP.NET主题概述

ASP.NET主题概述

ASP.NET主题由外观、级联样式表(CSS)、图像和其它资源组成。


ASP.NET创建主题

ASP.NET创建主题文件夹

在应用程序中的名称为App_Themes的文件夹中新增文件夹就可以创建主题。


ASP.NET在主题中添加外观

ASP.NET在主题中添加默认外观(皮肤)

外观文件分为“默认外观”和“已命名外观”两种类型。

ASP.NET在主题中创建命名外观(皮肤)

在主题中创建命名皮肤时,可以指定什么时候应用该皮肤。

ASP.NET将主题应用到ASPX页面的Theme与StylesheetTheme属性中

当在ASPX页面中应用主题时,主题中的皮肤会重写页面中的已有控件属性。

ASP.NET禁用主题

每个ASP.NET控件都包含名为EnableTheming的属性,该属性的默认值为True,可以将这个属性的值设置为False,来阻止页面中的特定控件应用皮肤。

ASP.NET在Web配置文件中注册主题

在页面中应用主题的方法,除了在每个页面中添加Theme或者StylesheetTheme属性外,还可以在Web配置文件中注册主题。


ASP.NET在主题中添加CSS

ASP.NET在主题中添加CSS文件

在ASP.NET中,可以使用CSS来控制页面上HTML元素和ASP.NET控件的皮肤。

ASP.NET在主题中添加多个CSS文件

可以在主题文件夹中添加任意多个CSS文件。

ASP.NET使用CSS改变页面布局

因为使用CSS可以改变页面布局,所以使用主题就可以控制页面布局。


ASP.NET创建全局主题

ASP.NET创建全局主题

可以在一个Web服务器上的多个程序之间共享同一个主题。


ASP.NET动态加载主题

ASP.NET动态加载主题

也许我们希望站点的用户可以通过选择不同的主题来定制站点皮肤。

ASP.NET动态加载外观(皮肤)

可以在页面中为特定控件动态应用皮肤。

Copyright© 2011-2016 www.baike369.com All Rights Reserved