DNN皮肤一直披着神秘的面纱，其实它的制作并不复杂，当然前提是你对制作网页有一定的了解。简单而言，DNN的皮肤制作就是普通网页＋DNN标签（也被翻译为标志，中文暂无统一的译法）。
由于制作DNN皮肤要求对网页制作有一定了解，所以本文假定读者已经具备读懂本文涉及的网页制作知识。如果对本文提到的网页知识有不明白的地方，请参阅相关的网站或访问www.dnngo.com，推荐阅读WEB 2.0的知识。
DNN皮肤知识速览（更详细资料，请阅读相关文章或访问www.dnngo.com，推荐阅读“
4、根据构思，把版面布局完成。其中需要放入DNN内容的地方，放入相应的标签。
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>皮肤制作示例</title>
6<link href="skin.css" rel="stylesheet" type="text/css" />
7</head>
8
9<body>
10<!--定义外层 -->
11<center>
12<div class="pagemaster">
13
14<!--定义控制栏 -->
15<div class="skinmaster">
16 <div id="ControlPanel" runat="server" class="contentpane" ></div>
17</div>
18
19<!--定义Logo和Banner -->
20<div class="skinmain">
21<div class="skinheader">
22 <div class="skinlogo" >[LOGO]</div>
23 <div class="skinbanner" >[BANNER]</div>
24</div>
25
26<!--定义Menu -->
27<div class="skingradient" align="left">[MENU]</div>
28
29<!--定义导航 -->
30<div class="sitemap" align="left">
31 <div class="skinuser"> [USER] [LOGIN]</div>
32 <div class="skinbreadcrumb">SiteMap-->[BREADCRUMB]</div>
33</div>
34
35<!--下面进行模块区的定义 -->
36
37<!--定义模块区顶层 -->
38<div class="toppane" id="TopPane" runat="server" valign="top" align="center"></div>
39
40<!--定义模块区中间层，根据需要，本层分成了三个列 -->
41<div class="main" >
42 <div class="leftpane" id="LeftPane" runat="server" valign="top" align="center"></div>
43 <div class="rightpane" id="RightPane" runat="server" valign="top" align="center"></div>
44 <div class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></div>
45</div>
46
47<!--定义模块区底层 -->
48<div class="bottompane" id="BottomPane" runat="server"></div>
49
50<!--定义版权声明 -->
51<div class="copyright">
52<div class="copyrightline"></div>
53[COPYRIGHT]
54</div>
55</div>
56</div>
57</center>
58</body>
59</html>
60
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
5、完成设计，确认版面预览正确后，把body标签内的东西保留，其它的去掉。上例处理后，结果如下：
6、保存。(暂定为 myskin.html)
7、把skin.xml，skin.css，用到的图片，myskin.html打包，格式为ZIP包，压缩率为标准。
8、上传、预览本皮肤，预览正确的话，请截屏，把图片放在皮肤所在目录，文件名与皮肤相同，在本例文件名应为：myskin.jpg。
9、重新生成皮肤包，包含如下文件：skin.xml，skin.css，用到的图片，myskin.html，myskin.jpg，格式为ZIP包，压缩率为标准。
OK，到此，一个五脏俱全的皮肤包宣布完成，嘿嘿，简单吧？
容器的制作方式与皮肤相同，不再赘述！