8、自定义DotNetNuke网站外观：打造独一无二的用户体验

自定义DotNetNuke网站外观：打造独一无二的用户体验

1. 什么是皮肤包（Skin Packages）

皮肤是您网站的外层，它定义了门户网站的外观和感觉。在本篇文章中，我们将详细介绍如何为您的DotNetNuke网站设计自定义皮肤，帮助您掌握必要的技能，使您的网站独具特色。

皮肤包是一组物理文件的集合，这些文件共同构成了一个完整的皮肤包。它包括HTML布局文件、层叠样式表（CSS）、图片、.NET用户控件和XML布局文件。这些文件共同作用，形成了皮肤的基础，可以进一步划分为两个基本组件：皮肤和容器。

1.1 皮肤的作用

皮肤在包中的作用与您网站的整体结构直接相关。它可以被视为页面的外层，提供关于每个页面外观的信息，而不会影响页面的功能。例如，默认的DotNetNuke安装皮肤如下图所示：

应用了自定义皮肤后，页面的外观发生了显著变化，但功能保持不变。例如，主菜单居中，横幅图像也有所不同，如下图所示：

1.2 容器的作用

容器是围绕模块的边框，负责定义模块的外观。例如，链接模块的圆角边框和内容区域的边框都是容器的一部分。

2. 如何上传皮肤包

为了上传皮肤包，您需要按照以下步骤操作：

1. 登录到您的DotNetNuke网站，进入管理界面。
2. 导航到“外观”或“皮肤”管理页面。
3. 点击“上传新皮肤”按