DNN皮肤开发.docVIP

DNN学习体会（皮肤制作） DNN皮肤制作介绍 DNN皮肤一直披着神秘的面纱，其实它的制作并不复杂，当然前提是你对制作网页有一定的了解。简单而言，DNN的皮肤制作就是普通网页＋DNN标签。 由于制作DNN皮肤要求对网页制作有一定了解，所以本文假定读者已经具备读懂本文涉及的网页制作知识。如果对本文提到的网页知识有不明白的地方，请参阅相关的网站。 制作皮肤之前，首先了解一下一个皮肤包通常包括什么？一个皮肤包（广义）包括一个皮肤包（狭义）和一个容器包。 什么叫皮肤包（狭义）呢？简单来说，就是由一系列“定义一个网站的页面版面布局文件”构成的包。 什么叫容器包呢？简单来说，就是由一系列“定义一个放置DNN模块的各种标签的版面布局文件”构成的包。 一个皮肤包（狭义）包括什么呢？通常会包括以下文件，*.htm(或*.html)，*.ascx，图片文件，skin.css，skin.xml。 一个容器包包括什么呢？通常会包括以下文件，*.htm(或*.html)，*.ascx，图片文件，container.css，container.xml。 上述包中的*.htm,*.html,*.ascx是皮肤的“排版”文件，图片文件主要包括2种，一种是皮肤和容器所需要用到的图片，另一种是同名皮肤和容器的预览图片，*.css是皮肤或容器的样式定义文件，*.xml是皮肤或容器的标签属性定义文件。 然而，对于DNN皮肤的制作有两种可选方式。它们分别是html方式和ascx方式。Html方式适合于对不是很熟悉的人员制作皮肤，而对于一个的开发人员来说ascx方式是不错的选择。本文采用html的方式作演示，希望能给初学者提供一些帮助。 DNN皮肤制作步骤 规划网页布局。 根据规划撰写*.css样式表。 根据规划编写*.xml，为相应的标志指定属性值。 编写皮肤文件 打包，生成皮肤包。 以上就是DNN皮肤制作的步骤。其中我们主要对如何编写皮肤文件进行描述。因为这是两种制作方式的不同之处（不同之处：简单的说就是文件类型不同，一个是html页面，另一个是ascx用户控件），也是皮肤制作的重点。那么我们到底应该如何编写皮肤文件呢？下面我们就以Dreamweaver(用户可根据自己的爱好选择开发工具)来进行网页布局，以及制作皮肤文件。Let’s Go！ DNN皮肤制作详细过程 打开你的Dreamweaver，设置编码为UTF-8（理由：HTML皮肤格式转换为ASCX皮肤格式时，如果编码不是UTF-8的话，其中的中文会被丢失，所以此步不能省略。）具体操作如下：点菜单“编辑”－“首先参数”－“新建文档”－“默认编码”--改为UTF-8。 　　　　 新建一个静态网页。 点击CSS操作面板，点右键，点“附加样式表”，把skin.css附加到当前网页中。 根据构思，把版面布局完成。其中在需要放入DNN内容的地方，放入相应的标签。在这里要声明一下关于标签的使用，大家不一定要把所有的标签都放上去，而是应该根据自己的设计和需要放上相应的标签，以达到最终的理想效果。（由于标签数量多且在官方的皮肤制作文档里有详细的说明，因此在这里我就不在赘述。请参考附录B：Skin Object） 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title皮肤制作示例/title link href=skin.css rel=stylesheet type=text/css / /head body table class=pagemaster border=0 cellspacing=0 cellpadding=0 tr td valign=top table class=skinmaster width=770 border=0 align=center cellspacing=0 cellpadding=0 tr td id=ControlPanel runat=server class=contentpane valign=top align=center /td /tr tr td valig