《设计之使用主题和皮肤设置》由会员分享，可在线阅读，更多相关《设计之使用主题和皮肤设置（9页珍藏版）》请在金锄头文库上搜索。
1、第10章 使用主题和皮肤设置页面外观 在传统的网站开发过程中，要给网站更换主题， 将是一项繁重复杂的工作。要同时考虑到与页面 相关的文字、图片、样式文件等的更换。如果在 网站的开发初期，没有对这些资源文件进行很规 范的管理。那么在改版的时候，将要进行大量的 文件迁移和更改，更有甚者会引发文件丢失。在 .NET 2.0中，主题和皮肤的出现，解决了这种长 期困扰开发者的问题。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspo
2、se.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.1 主题和皮肤概述 主题和皮肤是ASP.NET 2.0中新增的一项功能，存 在于网站根目录下App_Themes文件夹中。它允许 开发者将页面的样式和布局信息，存放到一个独 立的文件中，总称为主题（Theme）。接下来，可 以将该主题应用于任何站点，来控制站点中页面 和控件的外观。通过对主题的切换，便可以轻松 的实现网站风格的切换。说到底，主题只是存在 于A
3、pp_Themes文件夹中的一个文件夹，其中包含 了皮肤文件*.skin、样式文件*.css以及其他图片 等资源文件。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.2 创建主题 前
4、面一节讲到，主题必须存在于网站根目录下的 App_Themes文件夹中，且主题本身就是一个文件 夹。所以，创建主题时候完全可以手动添加该文 件夹，也可以按照以下步骤进行创建。（具体内 容请参照书。）Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyri
5、ght 2004-2011 Aspose Pty Ltd.10.3 使用主题 前一节中，创建了一个皮肤文件，本节就介绍如 何使用该皮肤。 新建一个Web窗体页10-01.apsx，将刚才建立的主 题blue应用到该页面，（具体内容请参照书。）Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011
6、 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.4 样式 一个主题中除了皮肤文件外，还有样式文件，即 *css文件，给一个主题中添加样式文件的方法如 下。 （1）右击该主题，在弹出的菜单中选择“添加新 项”选项，打开“添加新项”对话框，在其中选 择“样式表”模板，为其命名并以“.css”为后 缀名（2）对该样式表文件进行编辑。可以在CSS 大纲中对样式表内容进行管理，（具体内容请参 照书。）Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5
7、Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.5 多主题的自动切换 既然是多主题的切换，那么再新建一个主题，命 名为white。为该主题添加一个皮肤文件，代码如 下所示。（具体内容请参照书。） Evaluation only.Evaluation only. Created with Aspose.Slides for .N
8、ET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.6 常见问题 随着Blog、Space等个人网页的流行，风格成了越 来越被关注的特点。本章主要介绍了网站的一些 风格应用，其常见的问题如下所示。 Evaluation only.Evaluation only. Created with Aspose.Slides
9、for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.6.1 网站有多种风格可以切换是使用 的主题吗 答：对，目前大多数网站的切换风格还是使用的 主题技术来实现的。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5
10、 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.10.6.2 皮肤文件除手工书写外有没有其 他简便方法 答：有，可以先向页面中加入控件，然后在属性 窗口中设置它的各种属性，以达到使用主题后所 要达到的效果。然后复制该控件的整个代码到皮 肤文件中，去掉该控件的Id属性。再根据需要为 其添加SkinId属性定义，这样关于该控件的主题 代码就制作完毕。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.
