DNN快速入门教程3 – 如何创建DotNetNuke网站


May 13th, 2009

这个DotNetNuke入门教程系列已经停了很长时间了,没有完成的原因是我有太多的东西想写但是自己又没有一个明确的主线。经过最近 blog,和QQ群的反馈我突然意识到,这个入门系列就是要帮助大家从零开始完成一个自己的DNN 5网站,不需要太过深入,这样可以另大家了解DNN强大功能的同时又不失去兴趣,并且跟随着这个系列最终踏入DNN之门。

 

DNN快速入门教程1 – DotNetNuke系统简介
DNN快速入门教程2 – DotNetNuke 5系统界面指南

 

看过了入门教程1和2相信大家已经基本了解DNN是个什么系统以及它的功能,但是我怎么才能用DNN创建一个网站?很多人仍然没有头绪,现在我就以一个初学者的观点来看看我们应该做些什么。

创建普通网站的基本流程

试想下我们创建普通网站的流程, 我想基本就是以下5步

  1. 规划网站页面结构:根据用户需求规划出网站的页面结构, 例如首页, 关于, 联系, 新闻 ….
  2. 网页设计: 用photoshop或者firework设计网页
  3. 制作网页模板:根据设计制作网页模板或者更原始点把设计转换成一页一页的html网页,然后留出添加内容的位置
  4. 创建网页:根据第一步规划出的网站页面结构使用模板建立对应的网页
  5. 添加内容:根据每页的功能, 添加文字或者动态功能。例如“关于”可能放些介绍性文字到页面, “联系”可能会放个表单在里面。

创建DNN网站的基本流程

不管用什么语言,什么系统,万变不离其宗只是会把一些步骤简化,那我们来看看用DNN内容管理系统建站是如何实现这几步的。

  1. 规划网站页面结构:还是用一样的方法解决
  2. 网页设计: 还是用一样的方法解决
  3. 安装DNN: 好了,DNN现在上场,我们先把一个干净的DNN系统安装上
  4. 制作网页模板:把网页设计转化为DNN专用的页面模板,我们叫它皮肤,在皮肤里布局留出添加内容的位置以及一些DNN专用的动态元素例如菜单,登陆等等。皮肤的格式就是普通的html,制作好后打包上传到DNN系统。
  5. 创建网页:用DNN的页面系统来创建网页,并把皮肤应用于创建好的DNN页面。
  6. 添加内容:根据每页的功能把不同的DNN模块插入到页面里,例如在“关于”页面中我们把文本模块插入到页面并在模块中添加文字, 在“联系”页面中我们把联系模块插入到页面,联系表单就会自动显示到页面。

你也许注意到了这些字眼, 皮肤,DNN页面系统,模块。 现在不是很理解也没关系,之后我们都会介绍到的。

实战开始

现在我们就按照上面创建DNN网站的基本流程来建立一个应用DNN内容管理系统的网站,首先我们先规划下页面结构,经过了解客户的业务和需求我们基本勾画出网站的页面结构,如下图所示:

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

how-to-build-a-dnn-website-design

现在准备工作就绪,轮到DNN上场, 在下面的章节中我会把3,4,5,6步分开介绍

  • 安装DNN
  • 制作网页模板
  • 创建网页
  • 添加内容
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s