源码购
欢迎光临本店!登录注册 我的订单 手机版
帮助中心
  • 购买流程
  • 订购方式
收藏本站
服务热线:136 3620 0495
热门搜索: dedecms  ecshop  广告公司模板  企业网站模板  学校网站模板 
购物车0件
您的购物车中还没有商品,先去选购吧!
我的中心
全部商品分类
首页dedecms模板ecshop模板ASP源码团购商品搭配套餐
品牌网站建设
 热销 |  推荐 |  团购 |  特价 |  新品 |  搭配套餐 |  源码供货商
当前位置: 首页 > 建站教程 > 从零开始学DedeCms模板,模板教程,从此模板制作不求人

从零开始学DedeCms模板,模板教程,从此模板制作不求人

来源:源码购   时间:2013-11-28  
分享到:

关键字:

这篇文章针对的是“无产阶级”毫无基础的朋友,如果你是高手或“资产阶级”就不用看了,高手欢迎交流,“资产阶级兄弟”给点活让兄弟我做做,保证质量。

基础
学习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,参照上面设置即可。点此下载

  • 上一篇:DedeCMS常用SQL语句收录
  • 下一篇:织梦dedecms使用心得
最新文章
  • •网站开通支付宝在线支付功能
  • •什么是模板网站
  • •爸比节到了 爸气十足买就送
  • •如何搜索到所需源码
  • •积分奖励计划
  • •VIP代理加盟
  • •织梦dedecms定时更新首页生...
  • •dedecms后台验证码错误的解...
  • •织梦DEDECMS网站5.5升级...
  • •DEDECMS网站安全性的设置方...
  • •dedecms网站模板制作使用方...
  • •解决织梦dedecms后台打开空...
网友评论:
暂无评论

我要发表评论:

提示:你还可以输入个字!

登录 | 注册 | 匿名评论请填写邮箱: ( 邮箱信息不会公开 )

文章页-右侧广告
相关文章
  • 1 织梦dedecms定时更新首页生...
  • 2 dedecms后台验证码错误的解...
  • 3 织梦DEDECMS网站5.5升级...
  • 4 DEDECMS网站安全性的设置方...
  • 5 dedecms网站模板制作使用方...
  • 6 解决织梦dedecms后台打开空...
  • 7 dedecms模板怎么在首页调用...
  • 8 dedecms最全最详细的标签使...
  • 9 织梦后台密码忘了怎么办
  • 10 织梦dedecms使用心得
相关商品
新品特惠 更多»
  • 1新闻资讯文章博客响应式织梦模板(自适...

    1 新闻资讯文章博客响应式织梦模板(自适应带评论)
    新闻资讯文章博客响应式织...
    市场价:¥158
    本站价:¥88
  • 2营销型空气净化器环保设备类网站织梦模...

    2 营销型空气净化器环保设备类网站织梦模板(带手机端)
    营销型空气净化器环保设备...
    市场价:¥66
    本站价:¥15
  • 3不锈钢货柜酒柜公司响应式织梦模板

    3 不锈钢货柜酒柜公司响应式织梦模板
    不锈钢货柜酒柜公司响应式...
    市场价:¥198
    本站价:¥118
  • 4旋转管道接头五金工具公司响应式织梦模...

    4 旋转管道接头五金工具公司响应式织梦模板
    旋转管道接头五金工具公司...
    市场价:¥198
    本站价:¥66
  • 5响应式创业新闻博客文章咨询类网站织梦...

    5 响应式创业新闻博客文章咨询类网站织梦模板(自适应)
    响应式创业新闻博客文章咨...
    市场价:¥198
    本站价:¥88
  • 6响应式SEO优化排名服务类网站织梦模...

    6 响应式SEO优化排名服务类网站织梦模板(自适应手机端)
    响应式SEO优化排名服务...
    市场价:¥198
    本站价:¥98
  • 7精密模具电子科技类网站织梦模板(带手...

    7 精密模具电子科技类网站织梦模板(带手机端)
    精密模具电子科技类网站织...
    市场价:¥198
    本站价:¥118
  • 8响应式冲压精密五金电子电器零配件类网...

    8 响应式冲压精密五金电子电器零配件类网站织梦模板(自适应)
    响应式冲压精密五金电子电...
    市场价:¥198
    本站价:¥108
  • 9重工机械挖掘机类网站织梦模板(带手机...

    9 重工机械挖掘机类网站织梦模板(带手机端)
    重工机械挖掘机类网站织梦...
    市场价:¥198
    本站价:¥118
  • 10精密机械设备零件加工通用响应式织梦模...

    10 精密机械设备零件加工通用响应式织梦模板
    精密机械设备零件加工通用...
    市场价:¥66
    本站价:¥15

24小时客服热线

13636200495

截止今日,源码购在全国已有实体店1家
查看全国实体店
关于源码购
公司简介 网站供货商 诚聘英才 如何搜索到所需源码
新手指南
注册新用户 购买流程 订购方式 VIP代理加盟
配送与支付
发货方式 支付方式说明 网上支付小贴士 积分奖励计划
售后服务
退换货原则 网站测试说明 售后服务保证
购物保障
质量保证 注册协议 隐私保护

源码购二维码

随手扫一扫,优惠全知晓!

订阅
商家入驻 | dedecms模板 | ecshop模板 | ASP源码 | 积分商城 | 品牌大全 | 建站教程 | 品牌展厅 | 客服中心 | 网站地图 | 免责声明
Copyright © 2011-2021 源码购(10yanw.com) 版权所有 备案序号:鄂ICP备14007731号-1
Address: Tel: 13636200495 E-mail: liuhui2005@163.com 流量统计:

展开 收缩
  • QQ咨询
  • QQ 售前咨询
  • QQ 售后服务
  • QQ 源码购买
  • 朝阳网络工作室淘宝店
  • 电话咨询
  • 13636200495
朝阳网络工作室二维码