您好,欢迎来到建站之家源码网建站之家!只做精品网站源码
  • 首 页
  • 当前位置:首页 > 建站教程 > 织梦建站教程 >
    零基础5分钟了解DEDECMS教程 从此模板制作不求人
    时间:2016-08-31 19:01 来源:未知 作者:admin 浏览:收藏 打印
    这篇文章针对的是“无产阶级”毫无基础的朋友,如果你是高手或“资产阶级”就不用看了,高手欢迎交流,“资产阶级兄弟”给点活让兄弟我做做,保证质量。


    基础
    学习html
    何 谓CMS模版?其实就是加上CMS模板引擎代码的HTML页面,所以基础便是HTML语言学习,HTML的标签不多,很容易学习,搜索下遍地都是教程,不 过现在正流行web标准,就是大家说的“DIV+CSS”,要求又提高许多,需要学习CSS,大家可以下载CSS手册,修改模版的时候对照学习修改,每天 只要花点时间很快就会学会。真心想学好web制作的朋友可常来我的网站逛逛。

    学习dede模版代码
    了解代码前,如果你是新手,请使用默认模版熟悉下dede系统,系统的设置,如何添加栏目,怎么为栏目设置模版,如何发表文章,更改文章,有个基本概念。

    Dedecms的代码很有特色,只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式:


    {dede:标记名称 属性='值'/}
    {dede:标记名称 属性='值'}{/dede:标记名称}
    {dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}
    从上面我们可以看出,dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分,标记名称和属性用{}包围

    而自定义样式模版在两个{}之间。 

    标记名称与属性的说明请大家参考系统帮助里的模版标记参考,这里介绍具体运用方法。

    先看下面的例子:

    {dede:arclist typeid='0' titlelen='28' row='10' }
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    {/dede:arclist} 上面是最基本的取得最新内容列表标记arclist,由开始标记{dede:arclist 属性typeid='' titlelen='28' row='10' col='1'}模版样式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和结束标记 {/dede:arclist}组成。当你完成页面制作后,便可开始添加dede代码。没有添加dede代码之前:


    <ul>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    </ul>
    添加代码后


    <ul>
    {dede:arclist typeid='0' titlelen='28' row='10' }
    <li><a href='[field:arcurl/]'>[field:title/]</a></li>
    {/dede:arclist}
    </ul>
    模版解析后就是添加代码前的样子。列表list标记,友情链接flink标记,导航channel标记,站内新闻mynews标记等待都是同样道理。

    文章页里用到{dede:标记名称 属性='值'/},如{dede:field name='title' /}就是文章标题的意思。

    模 版里面的路径问题:本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题,如果你珍惜你的网页模版,就把img目录独立分离出来,这样 别人就不会知道你的模版目录。

    制作
    要是真正独立制作一个模版,是很费精力的,规划、设计、制作、调试哪部分都很累人。很多站长都 没有能力制作,所以就有那么多的朋友期待别人放出模版,稍微有点能力就复制别人的模版,何为复制?保存原来的html页面,删除正文内容,添加CMS代 码,完工。,这就是复制,没有一点技术含量,只要添加CMS代码即可。就这样,我看还有很多人收费100到200帮人制作,我看得晕死,这也行。做为站长 也太懒了,做站连CMS的标记代码都不了解,还做什么站,真是郁闷了。

    就模版而言,很多站长只看到设计即页面好看而没有看到网页制作即网 页代码,这是一个非常错误的观念。网页好看虽然重要,但对我们个人站长来说,网页制作更为重要。网页代码的质量关系到搜索引擎SEO与网站的可维护性,对 我们站长来说,网站只要简洁大方即可,关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。

    天下文章一大抄,就看你会不会抄,制做模版和抄写文章一样,就看你会不会仿。我的设计水平很烂根本不入流,只会写网页代码。设计既然不会那就仿,取一个网页那是侵权,那就取三个四个网页,拿出它们的设计优点,组合成自己的网站。

    过程以本站为例子:规划好网站结构,决定以蓝绿两种颜色为网页主色调,从网上找到合适的资源后开始在PS里组合网站,满意后开始编写代码制作网页,制作好后添加dede代码测试。

    安装使用
    dede3.1lit版本增强了系统设置,模版的所在位置可以在系统设置里设定,把模版文件夹放到templets,栏目设置里{style}代表了模版文件夹位置,如下图。



    实例
    下面提供本站实例给大家参考使用,页面制作并不复杂,适合大家学习使用。

    总共制作了文章,图片(采用文章系统),下载三个系统模版,其他模版可以根据提供的页面修改。

    index_in.html——主页 
    list.html——列表页 
    index_arc.html——文章页、下载封面 
    index_img.html——图片封面 
    list_img.html——图片列表 
    search.htm——搜索页面 
    article.html——文章页 
    article_down.html——下载页 
    article_img.html——图片
    修改的文件:

    inc_archives_view.php——上一篇下一篇分开调用,且限定文章所在栏目内而不是现在的全站。 
    inc_arcpart_view.php——更改友情链接flink 
    inc_channel_unit_functions.php——调用arclist标签无法读出此栏目为副栏目的文章的应急解决方案 
    inc_functions.php——跳转提示页标题修改 
    inc_vote.php——投票修改
    增加的文件:

    为了全站显示登入系统后的状态,member目录增加几个文件。

    index_doo.php 
    index_login.php 
    login.html 
    config_g.php 
    logined.js 
    templets/index_login.html

    下载后放到网站templets,参照上面设置即可。


    标签:建站之家

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请及时联系QQ:1395550247,我们尽快处理。

    DEDECMS织梦网站模板安装教程DEDECMS织梦网站模板安装教程
    织梦建站教程|企业网站建设视频教程【完整全套】织梦建站教程|企业网站建设视
    DEDE织梦CMS建站零基础到高级仿站视频教程(全套DEDE织梦CMS建站零基础到高级仿
    支持建站之家广告栏目
      客服:我们竭诚为您服务!

      客服:我们竭诚为您服务!