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

标题: 从零开始学dede模板制作教程 [打印本页]

作者: 帅哥    时间: 2009-8-13 14:59:28     标题: 从零开始学dede模板制作教程

由于DedeCms是柏拉图一个人开发,不可能像动易一样提供完整的使用推广服务,在模版方面,只有一套默认的模版,也没有模版制作使用的详细教程,只有模版标签的说明,这难倒了很多毫无基础的朋友。我刚接触的时候在制作列表页面时还发帖询问怎么更改列表数目,直到现在还不时有人发帖询问(这个问题很突出,在各个论坛都一样,很多人都不会用搜索)。在论坛里我也看到很多朋友发帖说模版不够多,模版不会用,也没有好心人帮助,然后发帖发泄一下离开。论坛上分享的模版很少,即时现在也不多,这和我们国情也有关,没多少人喜欢分享,而一些垃圾还拿分享出来的东西卖钱,鄙视一下!
9 x- I2 P0 t0 {4 y( w" h( U6 u9 V  俗话说,求人不如求己,没模版好办,自己制作。趁落伍征文,发表这篇文章争取落去,呵呵,人无利己,谁肯早起,大家也鄙视一下我。
; ^. o3 l1 `, |  这篇文章针对的是“无产阶级”毫无基础的朋友,如果你是高手或“资产阶级”就不用看了,高手欢迎交流,“资产阶级兄弟”给点活让兄弟我做做,保证质量。4 W( m/ x0 m" C5 y( }
  基础
! o: k& d0 a! h& E  学习html2 Z4 W; ^7 w0 d- V9 @9 ^' B' v
  何谓CMS模版?其实就是加上CMS模板引擎代码的HTML页面,所以基础便是HTML语言学习,HTML的标签不多,很容易学习,搜索下遍地都是教程,不过现在正流行web标准,就是大家说的“DIV+CSS”,要求又提高许多,需要学习CSS,大家可以下载CSS手册,修改模版的时候对照学习修改,每天只要花点时间很快就会学会。
: {' W$ q+ L7 o8 y4 ~% w5 g8 z  学习dede模版代码
4 ?3 p( x% u$ v: o7 [5 l  了解代码前,如果你是新手,请使用默认模版熟悉下dede系统,系统的设置,如何添加栏目,怎么为栏目设置模版,如何发表文章,更改文章,有个基本概念。
6 @+ h. O7 k/ _/ {! F# S; a8 y  Dedecms的代码很有特色,只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式:
% {5 C/ {( r" |. [  [  {dede:标记名称 属性='值'/}4 ]  s# I3 Q8 V
  {dede:标记名称 属性='值'}{/dede:标记名称}& P% u: ^; C' P4 @+ O! k) Y9 P8 j
  {dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}
# G  p2 t. A4 n2 u" J3 n  从上面我们可以看出,dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分,标记名称和属性用% s8 f; w; ^& e  W
  {}4 M( |# K. J; J: m1 d0 U  b) ~: J" T
  包围而自定义样式模版在两个. V0 u; i2 P% {( N
  {}$ N- H6 |) z2 A) K" c
  之间。
# K0 y1 K+ j$ P' M  标记名称与属性的说明请大家参考系统帮助里的模版标记参考,这里介绍具体运用方法。
* ^& ]; J7 l+ k% w4 e5 x2 [9 G  先看下面的例子:{dede:arclist typeid='0' titlelen='28' row='10' }
1 Z0 D5 d, E6 [% E8 G+ T  [field:title/]. G2 S6 J' w$ [& b: }: {
  {/dede:arclist}$ y' u& w3 U7 t4 |( \& O
  上面是最基本的取得最新内容列表标记arclist,由开始标记
/ Q0 O, E" U, z+ u) I; V  {dede:arclist
- \% Z& l& A9 V* \* V8 o/ w5 @  属性
8 N% A! P3 G5 W* e& V+ }  typeid='' titlelen='28' row='10' col='1'}
$ o) W/ B' e* }( T  模版样式
* d. D7 ]( @8 S5 S$ [& y" t  [field:title/]
9 x0 N: t4 X+ f# U# V! o  和结束标记
# n: B6 J% n" x. M: }% W  {/dede:arclist}
  C& _7 S" D  w1 S# E8 r( h/ D  组成。当你完成页面制作后,便可开始添加dede代码。没有添加dede代码之前:. \9 O" y# K' o# _4 _$ L) N6 w1 |) y
  [field:title/]
: z2 I- L- {. E  h9 Z4 t  L: d0 n9 e  [field:title/]
2 t7 w$ e8 V- T5 j  E, K  [field:title/]7 }6 ^" ?: }4 p# Z1 \' Y  _
  [field:title/]4 z9 f' m  D  m: F/ Q  f: q/ U
  [field:title/]
. J0 E( A- K; _4 ^  I  [field:title/]
2 \1 n( a5 L3 ^, C9 A  [field:title/]" Y* S! [( T7 `; N  \, S
  [field:title/]+ b" {# K. Q. ^: d9 h
  [field:title/]5 `# i6 l8 z& z9 J/ {
  [field:title/]% h& j3 Q# d6 L' }" H7 q
  添加代码后
) C: W" `& c6 V5 N; n+ D  {dede:arclist typeid='0' titlelen='28' row='10' }( R6 R9 D# G# ^  I0 f2 b
  [field:title/]
8 I" t5 m, U" A  d0 I  {/dede:arclist}
- C& I8 Y3 \8 p: \( T  模版解析后就是添加代码前的样子。列表list标记,友情链接flink标记,导航channel标记,站内新闻mynews标记等待都是同样道理。
' Z% B+ n- ^( g- E! }. C  文章页里用到{dede:标记名称 属性='值'/},如{dede:field name='title' /}就是文章标题的意思。' L# M  S- |$ \. P$ }' n# o
  模版里面的路径问题:本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题,如果你珍惜你的网页模版,就把img目录独立分离出来,这样别人就不会知道你的模版目录。
; t  M* V9 F# Y6 H8 Z7 @2 s7 o  制作& R' _$ u; p5 i
  要是真正独立制作一个模版,是很费精力的,规划、设计、制作、调试哪部分都很累人。很多站长都没有能力制作,所以就有那么多的朋友期待别人放出模版,稍微有点能力就复制别人的模版,何为复制?保存原来的html页面,删除正文内容,添加CMS代码,完工。,这就是复制,没有一点技术含量,只要添加CMS代码即可。就这样,我看还有很多人收费100到200帮人制作,我看得晕死,这也行。做为站长也太懒了,做站连CMS的标记代码都不了解,还做什么站,真是郁闷了。
' a0 F- P7 @3 i* d  就模版而言,很多站长只看到设计即页面好看而没有看到网页制作即网页代码,这是一个非常错误的观念。网页好看虽然重要,但对我们个人站长来说,网页制作更为重要。网页代码的质量关系到搜索引擎SEO与网站的可维护性,对我们站长来说,网站只要简洁大方即可,关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。
+ V6 W2 d# F3 E0 z  天下文章一大抄,就看你会不会抄,制做模版和抄写文章一样,就看你会不会仿。我的设计水平很烂根本不入流,只会写网页代码。设计既然不会那就仿,取一个网页那是侵权,那就取三个四个网页,拿出它们的设计优点,组合成自己的网站。3 W1 |  w" R/ ~+ [
  过程以本站为例子:规划好网站结构,决定以蓝绿两种颜色为网页主色调,从网上找到合适的资源后开始在PS里组合网站,满意后开始编写代码制作网页,制作好后添加dede代码测试。$ B( `* F: c  h, y
  安装使用4 V& R6 N# H8 _, _
  dede3.1lit版本增强了系统设置,模版的所在位置可以在系统设置里设定,把模版文件夹放到templets,栏目设置里{style}代表了模版文件夹位置,如下图。




欢迎光临 航空论坛_航空翻译_民航英语翻译_飞行翻译 (http://bbs.aero.cn/) Powered by Discuz! X2