DNN快速入门教程3 – 如何创建DotNetNuke网站
May 13th, 2009分享、收藏这篇文章
这个DotNetNuke入门教程系列已经停了很长时间了,没有完成的原因是我有太多的东西想写但是自己又没有一个明确的主线。经过最近blog,和QQ群的反馈我突然意识到,这个入门系列就是要帮助大家从零开始完成一个自己的DNN 5网站,不需要太过深入,这样可以另大家了解DNN强大功能的同时又不失去兴趣,并且跟随着这个系列最终踏入DNN之门。
看过了入门教程1和2相信大家已经基本了解DNN是个什么系统以及它的功能,但是我怎么才能用DNN创建一个网站?很多人仍然没有头绪,现在我就以一个初学者的观点来看看我们应该做些什么。
创建普通网站的基本流程
试想下我们创建普通网站的流程, 我想基本就是以下5步
- 规划网站页面结构:根据用户需求规划出网站的页面结构, 例如首页, 关于, 联系, 新闻 ….
- 网页设计: 用photoshop或者firework设计网页
- 制作网页模板:根据设计制作网页模板或者更原始点把设计转换成一页一页的html网页,然后留出添加内容的位置
- 创建网页:根据第一步规划出的网站页面结构使用模板建立对应的网页
- 添加内容:根据每页的功能, 添加文字或者动态功能。例如“关于”可能放些介绍性文字到页面, “联系”可能会放个表单在里面。
创建DNN网站的基本流程
不管用什么语言,什么系统,万变不离其宗只是会把一些步骤简化,那我们来看看用DNN内容管理系统建站是如何实现这几步的。
- 规划网站页面结构:还是用一样的方法解决
- 网页设计: 还是用一样的方法解决
- 安装DNN: 好了,DNN现在上场,我们先把一个干净的DNN系统安装上
- 制作网页模板:把网页设计转化为DNN专用的页面模板,我们叫它皮肤,在皮肤里布局留出添加内容的位置以及一些DNN专用的动态元素例如菜单,登陆等等。皮肤的格式就是普通的html,制作好后打包上传到DNN系统。
- 创建网页:用DNN的页面系统来创建网页,并把皮肤应用于创建好的DNN页面。
- 添加内容:根据每页的功能把不同的DNN模块插入到页面里,例如在“关于”页面中我们把文本模块插入到页面并在模块中添加文字, 在“联系”页面中我们把联系模块插入到页面,联系表单就会自动显示到页面。
你也许注意到了这些字眼, 皮肤,DNN页面系统,模块。 现在不是很理解也没关系,之后我们都会介绍到的。
实战开始
现在我们就按照上面创建DNN网站的基本流程来建立一个应用DNN内容管理系统的网站,首先我们先规划下页面结构,经过了解客户的业务和需求我们基本勾画出网站的页面结构,如下图所示:

第二步,把客户心目中理想的网站样式反馈给设计师后,我们得到了以下设计,一个首页,一个内容页面,客户看后很满意

现在准备工作就绪,轮到DNN上场, 在下面的章节中我会把3,4,5,6步分开介绍
- 安装DNN
- 制作网页模板
- 创建网页
- 添加内容
DNN入门遇到困难的朋友,相信你看了这个系列也可以在24小时内搞定你的第一个DNN网站!
系列中所用到的皮肤和模块都会免费提供下载。
系列中所用到的皮肤和模块都会免费提供下载。







19 个评论 - " DNN快速入门教程3 – 如何创建DotNetNuke网站 "
快更新阿
@hui.liu
哈哈,在准备呢。
关键内容就没有..晕
@zhou
还在写呢,你可以先看看 “从无到有 – DNN入门学习心得”
快点吧,等的花儿都谢了!。。哈哈
幸苦了
快出重点部分啊
@longlong, @steary
等过两周忙完手头的project就可以继续了,我也不想随便敷衍大家。
大虾,讲解的很详细!支持!
我发现我生成的zip文件不是在Portals文件夹_default里面,而是在Install文件夹中Module里,其它都没有问题
@harvey
dnn4.x打包的模块是生成在 install/module里
dnn5.0 和 5.00.01是生成在portals/_defaule里
dnn5.01.00版本我还没试过应该也是生成在portals/_defaule里,需要核实
请问DNN系统可以管理非DNN创建的网站吗?比如利用C#+javascript+ajax开发的网站
@chenzhao
除非你把这些网站转换成DNN网站
等待您的更新,谢谢!
我按您的教程安装了以后,富文本编辑器老是无法正常显示,不知道为什么?
@just
要开启javascript, 另外fck编辑器在opera里不能正常显示
好东西啊,楼主辛苦了!期待下篇
我也很期待楼主的以后的几篇。
开始学dnn 多多指点
太简了。快。。。。。
最近正疯狂学习中,感谢了~
发表评论