dedecms新手快速建站以及模板制作方法与步骤

  • A+
所属分类:织梦建站
腾讯云双十一

dedecms新手快速建站以及模板制作方法与步骤

使用dedecms系统建站其实比较麻烦的就是模板设计,因为模板需要针对网站的风格进行设计,而css代码和内容调用偷不了懒,如果是新手想要快速完成,这个也不是不可以。

1.本地PHP集成环境

选择使用dedecms来建站,第一步就是需要安装本地PHP集成环境,推荐使用phpenv这个工具,对于各种PHP版本都支持,而且不需要额外的配置,支持nginx、iis和Apache,非常方便,选择你会使用的一种即可。phpenv的帮助文档是付费的,但是使用也挺简单,用于织梦系统的模板设计完全足够了。

第二是使用PHPstudy这个集成环境,我不喜欢PHPstudy的原因是安装了电脑超级卡,没有集成vc库,需要自己安装台麻烦。如果习惯使用PHPstudy也是可以的,本地集成环境按照个人的喜好选择就行。

有需要购买阿里云服务器ECS或其它任何产品,请先领取阿里云通用代金券礼包

2.网站环境配置注意事项

dedecms系统虽然多次升级已经全面支持php7,但是对于php7及以上版本兼容还是有些问题,在服务器上可以使用php7.0版本,但是高于7.0的版本也会有一些问题,比如php7.3就有问题,经过多次使用经验,为了使模板设计或二次开发顺利进行,PHP版本推荐php5.6,因为这个版本的PHP还是很稳定的,而dedecms在php5.6版本上运行毫无问题。

对于数据库建议选择MySQL5.0~5.7版本,更高版本的数据库安装上了不知道会不会出问题,但是在MySQL8.0上直接安装时会出错。

3.dedecms安装注意事项

dedecms系统的安装和大多数网站系统的安装方法类似,首先去官方下载最新版本的dedecms,建议选择utf8编码的系统。下载之后将其解压缩,然后将这个upload文件夹复制phpenv或PHPstudy集成环境的www文件夹里面,并将upload文件夹重命名为一个不纯在的域名,然后修改本地hosts文件,这些步骤都比较简单,相信都会的。

接着在浏览器地址栏输入前面配置的域名,进行安装即可,在安装dedecms系统的过程中没有什么特别注意的,只需要按照提示,填写数据库信息和用户名等信息,直到安装完成即可。

如果对dedecms不熟悉,建议在本地环境安装一个带有测试数据的本地测试网站,装一个不含测试数据的正式系统。

4.dedecms快速设计模板

想要快速设计模板,不熟悉织梦系统的标签调用方法和css相关代码是很难的,所以我们要安装一个带有完整测试数据的本地dedecms网站,利用演示网站的标签来快速理解织梦标签和调用数据,这是最捷径的方法。

在正式的本地环境里面,删除templets\default文件夹里面的全部文件,保留js、style和image这三个文件夹(3个文件夹里面的文件也都全部删除),default文件夹是模板文件夹,使用默认的即可。

一、先策划网站栏目

为了使制作出来的模板是符合需求的,建议先策划好网站的分类,网站的栏目确定好之后我们就可以按照内容属性来设计模板了,避免先设计了模板又不符合需求而返工。

二、按照默认的文件结构制作模板

dedecms系统中article_article.htm是文章详情页模板,list_article.htm是文章列表模板,index_article.htm是栏目频道首页模板,index.htm是网站首页模板,一般的网站只需要设计这4个模板文件就足够了。

三、模板设计顺序

根据多次制作经验,使用dedecms系统建站设计模板的顺序是①最先设计文章详情页,②分类列表页,③频道首页,④网站首页。这个顺序和网站开发中的顺序略有不同,因为网站系统不需要再开发了,我们首先设计文章详情页可以先发一些测试数据,然后知道哪些内容是要显示在详情页里面的。

然后在制作栏目分类和首页模板,这样可以知道哪些数据在内容详情页里面有,又该如何调用,对于首页的排版调用数据提供了便利,如果先做首页可能会因为各种原因而返工。

四、标签使用技巧

dedecms的强大就在于其灵活的标签,遇到不会的或者不知道使用哪个标签来调用数据,就打开安装有完整测试数据的模板,看看里面使用的是什么标签,前台在展示方式怎样的效果,所以在本地安装一套带有完整测试数据的演示网站是多么重要。这样熟悉起来也很快,标签的使用方法不需要去死记硬背,只要理解其中的大致属性和调用方法即可,剩下的就是css和js代码。

所以整个过程还是很简单的,数据调用可以依样画瓢,难点在于对css和js代码的编写,如果不会js特效代码可以去网上下载,css代码自学一下就行。

以上就全部关于dedecms快速建站设计模板的经验,如果你有疑问或更好的方法欢迎交流。

腾讯云热门云产品3折起

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: