DNN快速入门教程3

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

创建普通网站的基本流程

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

规划网站页面结构:根据用户需求规划出网站的页面结构,例如首页,关于,联系,新闻 ....

网页设计: 用photoshop或者firework设计网页

制作网页模板:根据设计制作网页模板或者更原始点把设计转换成一页一页的html网页,然后留出添加内容的位置

创建网页:根据第一步规划出的网站页面结构使用模板建立对应的网页

添加内容:根据每页的功能,添加文字或者动态功能。例如“关于”可能放些介绍性文字到页面,“联系”可能会放个表单在里面。

创建DNN网站的基本流程

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

规划网站页面结构:还是用一样的方法解决

网页设计: 还是用一样的方法解决

安装DNN: 好了,DNN现在上场,我们先把一个干净的DNN系统安装上

制作网页模板:把网页设计转化为DNN专用的页面模板,我们叫它皮肤,在皮肤里布局留出添加内容的位置以及一些DNN专用的动态元素例如菜单,登陆等等。皮肤的格式就是普通的html,制作好后打包上传到DNN系统。

创建网页:用DNN的页面系统来创建网页,并把皮肤应用于创建好的DNN页面。

添加内容:根据每页的功能把不同的DNN模块插入到页面里,例如在“关于”页面中我们把文本模块插入到页面并在模块中添加文字,在“联系”页面中我们把联系模块插入到页面,联系表单就会自动显示到页面。

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

实战开始

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

时间: 2024-10-31 01:58:34

DNN快速入门教程3的相关文章

DNN快速入门教程2

本来是想用视频来录制这节,不过声音同步后发现文件尺寸太大了,以后看看有什么好的解决办法再给大家补上. 现在我就多上点图咯.在我们开始这个教程之前请确定你已经看过了初学者教程 1 - DotNetNuke系统简介,这篇文章会对你了解本篇教程有很大的帮助. 在此我将会介绍: DotNetNuke 页面的组成 管理员菜单 DotNetNuke 多站管理系统 网站管理界面 DNN 编辑模式 DNN 布局模式 通过了解以上内容我相信你会快速的掌握,DotNetNuke 5 的界面工作流程 DotNetNu

DNN快速入门教程1

在网上潜水好久发现很多朋友对DotNetNuke这个开源的.NET CMS系统感兴趣但是又无从入手,在这个系列里我会向大家全面的介绍一下DotNetNuke, 看过之后希望你会对这个系统有所了解. 首先我在这里欢迎你加入到DotNetNuke社区,DotNetNuke开源社区近些年发展十分迅速.在使用DotNetNuke上如果你需要任何帮助, 在官方论坛,DnnMix博客, DNN中文社区论坛, DNN QQ群74812936 永远可以得到大家的慷慨相助 开篇 这些是基础知识会帮助你更清晰的了解

数据库快速入门教程--视频

数据库快速入门教程--视频 下载地址:http://v.51work6.com/courseInfoRedirect.do?action=courseInfo&courseId=240579 本课程是这个课程体系的核心之一,为软件开发人员所需数据库知识的学习教材,而不是培训一个DBA(数据库管理员),更具体的说是为Web开发程序员所需数据库知识的学习教材.基于培养程序员的目标,本课程对数据库和SQL语句的相关知识进行了深刻地阐明和分析,学习的重点是标准SQL语句的学习的掌握.常用数据库MySQL

NetBeans NetBeans 平台 6.8快速入门教程

NetBeans 平台的主要优点是其模块化体系结构.其他优点还有 NetBeans 平台所依赖的 Swing UI 工 具包(使用 Java 创建用户界面的正式工具包)以及 NetBeans IDE 屡获殊荣的 "Matisse" GUI 生成器 . 在本快速入门教程中,我们将通过一个非常简单的示例向您介绍模块化的优点和使用情况,此示例由 目前就读于奥地利林茨市 Johannes Kepler 大学的博士生 Thomas Würthinger 提供.在了解本快速入门 教程中所介绍的概念

Yii2框架制作RESTful风格的API快速入门教程_php实例

先给大家说下什么是REST restful REST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移. 它首次出现在2000年Roy Fielding的博士论文中,Roy Fielding是HTTP规范的主要编写者之一. 他在论文中提到:"我这篇文章的写作目的,就是想在符合架构原理的前提下,理解和评估以网络为基础的应用软件的架构设计,得到一个功能强.性能好.适宜通信的架构.REST指的是一组架构约束条件和原则." 如

jQuery Easyui快速入门教程_jquery

1.什么是JQuery EasyUI jQuery EasyUI是一组基于JQuery的UI插件集合,而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的JavaScript,也不需要对css样式有深入的了解,开发者需要了解的只是一些简单的html标签. 2.学习jQuery EasyUI的条件 因为JQueryEasyUI是基于jQuery的UI库,所以,必须需要JQuery课程的基础. 3.JQuery EasyUI的特点 基于JQu

ReactJs快速入门教程(精华版)_javascript技巧

现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~  一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很

Laravel 5.3 表单实现 curd 快速入门教程

一.简介: 一个 Laravel 5.3 表单实现 curd 快速入门教程(Demo) 代码下载:https://github.com/yanlongma/laravel-curd 二.安装: 1. 连接数据库 修改 .env 配置文件 DB_CONNECTION=mysql DB_HOST=localhost DB_PORT=3306 DB_DATABASE=laravel DB_USERNAME=root DB_PASSWORD=root 2. 新建数据表 首先创建一个数据库 laravel

Vue.js快速入门教程_javascript技巧

像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用,然而有时候Angular这种大型框架对于我们的项目来说过于庞大,很多功能不一定会用到.这时候我们就需要评估一下使用它的必要性了.如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能,那么用Angular就太麻烦了,必要的安装.配置.编写路由和设计控制器等等工作显得过于繁琐. 这时候我们需要一个更加轻量级的解决方案.Vue.js就是一个不错的选择.Vue.js是一个专注于视图模型(ViewModal)的框架.视图模型是U