航空论坛_航空翻译_民航英语翻译_飞行翻译

 找回密码
 注册
搜索
查看: 1872|回复: 0
打印 上一主题 下一主题

从零开始学dede模板制作教程 [复制链接]

Rank: 9Rank: 9Rank: 9

跳转到指定楼层
1#
发表于 2009-8-13 14:59:28 |只看该作者 |正序浏览
由于DedeCms是柏拉图一个人开发,不可能像动易一样提供完整的使用推广服务,在模版方面,只有一套默认的模版,也没有模版制作使用的详细教程,只有模版标签的说明,这难倒了很多毫无基础的朋友。我刚接触的时候在制作列表页面时还发帖询问怎么更改列表数目,直到现在还不时有人发帖询问(这个问题很突出,在各个论坛都一样,很多人都不会用搜索)。在论坛里我也看到很多朋友发帖说模版不够多,模版不会用,也没有好心人帮助,然后发帖发泄一下离开。论坛上分享的模版很少,即时现在也不多,这和我们国情也有关,没多少人喜欢分享,而一些垃圾还拿分享出来的东西卖钱,鄙视一下!
8 v% }  H' p2 E  俗话说,求人不如求己,没模版好办,自己制作。趁落伍征文,发表这篇文章争取落去,呵呵,人无利己,谁肯早起,大家也鄙视一下我。
; N0 A4 t8 V* X, `$ L  这篇文章针对的是“无产阶级”毫无基础的朋友,如果你是高手或“资产阶级”就不用看了,高手欢迎交流,“资产阶级兄弟”给点活让兄弟我做做,保证质量。: W" b( s, L3 u* h
  基础
! @3 j+ @/ P, n. e9 G  学习html
3 h/ E3 C4 C( F5 K# O3 F# f  何谓CMS模版?其实就是加上CMS模板引擎代码的HTML页面,所以基础便是HTML语言学习,HTML的标签不多,很容易学习,搜索下遍地都是教程,不过现在正流行web标准,就是大家说的“DIV+CSS”,要求又提高许多,需要学习CSS,大家可以下载CSS手册,修改模版的时候对照学习修改,每天只要花点时间很快就会学会。
9 a7 p& F& X- |0 V0 h- n  X6 f  学习dede模版代码
: n5 [1 U/ x9 R  G' |  了解代码前,如果你是新手,请使用默认模版熟悉下dede系统,系统的设置,如何添加栏目,怎么为栏目设置模版,如何发表文章,更改文章,有个基本概念。2 ~2 U% |, B7 i$ g5 Y
  Dedecms的代码很有特色,只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式:
% ]2 X. [! M3 Z9 w' R! _) ]  {dede:标记名称 属性='值'/}) c* M; [- V! c9 F6 r% J
  {dede:标记名称 属性='值'}{/dede:标记名称}9 ^1 u$ D4 K' p8 p6 t, m# @( H/ [4 C# B
  {dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}
( i+ r; X) l: @" I% v; F  从上面我们可以看出,dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分,标记名称和属性用) @6 G/ n; P7 z6 G- N  J
  {}
9 _7 i1 l7 I/ g& L  包围而自定义样式模版在两个
1 w; t$ [9 F1 y  t5 K  {}
. r/ s. p$ F% T4 ?) }) }+ E/ @  m  之间。
9 n( p( K( x6 Z* R) ^& Y& s* Z  标记名称与属性的说明请大家参考系统帮助里的模版标记参考,这里介绍具体运用方法。% u# l/ q: W( l( u& B
  先看下面的例子:{dede:arclist typeid='0' titlelen='28' row='10' }9 n( Y7 L  ]/ t1 p& u
  [field:title/]
4 ^# l8 Y( P! E& F2 M. Q9 i  {/dede:arclist}$ f, X1 r" a9 t2 r' `$ t6 |
  上面是最基本的取得最新内容列表标记arclist,由开始标记
7 k+ W9 Z- G. z, Q4 @4 T0 Y  {dede:arclist) n- d' o! r- C7 I8 E9 Q# ~/ W
  属性# t) ]6 B0 {2 h
  typeid='' titlelen='28' row='10' col='1'}
0 S! y& t7 ?/ K+ g3 d/ r  模版样式$ v7 Y* `% t/ a
  [field:title/]
! m  d" N0 o! \( V7 ]: a8 c  和结束标记" h8 J$ N; C; H3 I
  {/dede:arclist}
- g' u" ~& o. Y" X+ \  组成。当你完成页面制作后,便可开始添加dede代码。没有添加dede代码之前:% l% I0 d* j3 w9 C
  [field:title/]+ `8 ~% |! m# I! D
  [field:title/]
2 x, t1 |: I. }, w& j7 B  [field:title/]1 k1 x% \  }0 b0 T5 V+ y
  [field:title/]
4 x8 w/ O6 z" Y$ w- {" J  [field:title/]
! J" q3 y: B- \% g6 Q8 U  [field:title/]
: ^" z- v& n/ t) Q% n$ X3 M! J  [field:title/]% U' ~6 j6 A$ X% Z  M
  [field:title/]
; ~# f# p. _& A& J5 b5 w/ D0 e& J& |5 @  [field:title/]- \+ F3 H( b& X7 S% x, Y8 S
  [field:title/]) G4 T9 e8 O# j8 ~$ l
  添加代码后
% W6 u& B# J1 ]: n: o. {  {dede:arclist typeid='0' titlelen='28' row='10' }
6 g& g2 M2 P9 J- B  [field:title/]/ V* Q$ g' B% S! {; B9 w
  {/dede:arclist}
2 u- b% x; T0 }2 ]: X/ T  模版解析后就是添加代码前的样子。列表list标记,友情链接flink标记,导航channel标记,站内新闻mynews标记等待都是同样道理。& `+ h( U; l+ X7 c  Z9 L
  文章页里用到{dede:标记名称 属性='值'/},如{dede:field name='title' /}就是文章标题的意思。
/ o6 D2 w) x% b6 m5 Q- `7 e  模版里面的路径问题:本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题,如果你珍惜你的网页模版,就把img目录独立分离出来,这样别人就不会知道你的模版目录。) o# F% H$ I- m8 f
  制作+ r7 ]) c" F0 u9 ?5 ?6 {5 Q% _
  要是真正独立制作一个模版,是很费精力的,规划、设计、制作、调试哪部分都很累人。很多站长都没有能力制作,所以就有那么多的朋友期待别人放出模版,稍微有点能力就复制别人的模版,何为复制?保存原来的html页面,删除正文内容,添加CMS代码,完工。,这就是复制,没有一点技术含量,只要添加CMS代码即可。就这样,我看还有很多人收费100到200帮人制作,我看得晕死,这也行。做为站长也太懒了,做站连CMS的标记代码都不了解,还做什么站,真是郁闷了。8 b. ~: a# o6 ~* n# l1 p, T0 k) a
  就模版而言,很多站长只看到设计即页面好看而没有看到网页制作即网页代码,这是一个非常错误的观念。网页好看虽然重要,但对我们个人站长来说,网页制作更为重要。网页代码的质量关系到搜索引擎SEO与网站的可维护性,对我们站长来说,网站只要简洁大方即可,关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。$ q2 x0 L6 T$ b0 d# k1 R
  天下文章一大抄,就看你会不会抄,制做模版和抄写文章一样,就看你会不会仿。我的设计水平很烂根本不入流,只会写网页代码。设计既然不会那就仿,取一个网页那是侵权,那就取三个四个网页,拿出它们的设计优点,组合成自己的网站。
9 N! N7 F6 k  p! p% H  过程以本站为例子:规划好网站结构,决定以蓝绿两种颜色为网页主色调,从网上找到合适的资源后开始在PS里组合网站,满意后开始编写代码制作网页,制作好后添加dede代码测试。
4 K3 f8 X; {- D4 E1 X8 ~; s1 n" J3 V  安装使用
) ^( Z9 q$ E4 W5 D% K" p) e6 C  dede3.1lit版本增强了系统设置,模版的所在位置可以在系统设置里设定,把模版文件夹放到templets,栏目设置里{style}代表了模版文件夹位置,如下图。
您需要登录后才可以回帖 登录 | 注册


Archiver|航空论坛 ( 渝ICP备10008336号 )

GMT+8, 2026-1-12 22:48 , Processed in 0.022001 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 MinHang.CC.

回顶部