航空论坛_航空翻译_民航英语翻译_飞行翻译
标题:
从零开始学dede模板制作教程
[打印本页]
作者:
帅哥
时间:
2009-8-13 14:59:28
标题:
从零开始学dede模板制作教程
由于DedeCms是柏拉图一个人开发，不可能像动易一样提供完整的使用推广服务，在模版方面，只有一套默认的模版，也没有模版制作使用的详细教程，只有模版标签的说明，这难倒了很多毫无基础的朋友。我刚接触的时候在制作列表页面时还发帖询问怎么更改列表数目，直到现在还不时有人发帖询问(这个问题很突出，在各个论坛都一样，很多人都不会用搜索)。在论坛里我也看到很多朋友发帖说模版不够多，模版不会用，也没有好心人帮助，然后发帖发泄一下离开。论坛上分享的模版很少，即时现在也不多，这和我们国情也有关，没多少人喜欢分享，而一些垃圾还拿分享出来的东西卖钱，鄙视一下!
% |( P. d* [+ p4 \7 n0 u( m/ ~* u: r: z
俗话说，求人不如求己，没模版好办，自己制作。趁落伍征文，发表这篇文章争取落去，呵呵，人无利己，谁肯早起，大家也鄙视一下我。
, i }7 F) h- o( w3 [7 k
这篇文章针对的是“无产阶级”毫无基础的朋友，如果你是高手或“资产阶级”就不用看了，高手欢迎交流，“资产阶级兄弟”给点活让兄弟我做做，保证质量。
$ J! O: G* i1 ^( U1 j, C) G" T8 I
基础
2 {* J6 H6 H1 W! M; G" W- u& h
学习html
( \! `3 j! p8 i# H
何谓CMS模版?其实就是加上CMS模板引擎代码的HTML页面，所以基础便是HTML语言学习，HTML的标签不多，很容易学习，搜索下遍地都是教程，不过现在正流行web标准，就是大家说的“DIV+CSS”，要求又提高许多，需要学习CSS，大家可以下载CSS手册，修改模版的时候对照学习修改，每天只要花点时间很快就会学会。
! h# b" `3 `' K0 X, e& Y
学习dede模版代码
3 J7 Y/ Z! x) R- V% n
了解代码前，如果你是新手，请使用默认模版熟悉下dede系统，系统的设置，如何添加栏目，怎么为栏目设置模版，如何发表文章，更改文章，有个基本概念。
2 W5 U' a5 u% d) w, o9 u
Dedecms的代码很有特色，只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式：
. i) A) T; q ~& t
{dede:标记名称 属性='值'/}
* I1 W1 n9 J) P3 e: |
{dede:标记名称 属性='值'}{/dede:标记名称}
$ r! u3 _% _% K- ]
{dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}
' B$ e) f) r$ [5 b2 t
从上面我们可以看出，dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分，标记名称和属性用
9 Z1 C6 ^: d$ u3 @: _" R
{}
$ \5 |: f4 v1 c7 ~
包围而自定义样式模版在两个
+ y4 b4 y( W8 {. ^" t
{}
$ ~1 n) G: |4 Y/ Q5 @- z
之间。
) Y: ^/ f# H1 ^/ ~2 S) R0 @
标记名称与属性的说明请大家参考系统帮助里的模版标记参考，这里介绍具体运用方法。
2 ?& }+ k- P4 T% e9 I; {# v
先看下面的例子：{dede:arclist typeid='0' titlelen='28' row='10' }
~* I$ E( \4 u/ m1 Z
[field:title/]
5 k! o( C5 N& P" I. _( _' @
{/dede:arclist}
- U; ?+ d! C* n# H$ P
上面是最基本的取得最新内容列表标记arclist，由开始标记
; O% r2 A) u E L$ t( w
{dede:arclist
, `, F# n: ?8 H( _" K1 S
属性
) j' q9 A/ p# a
typeid='' titlelen='28' row='10' col='1'}
# g9 d, ]/ Y, p( ^
模版样式
, D6 p+ c4 p. X9 f/ h$ n
[field:title/]
2 L; F, H: N8 ^6 E, {" n) ?
和结束标记
1 p2 r& m+ p5 N: M- Q
{/dede:arclist}
9 O9 G3 e8 P2 U" x( M) ^: ?
组成。当你完成页面制作后，便可开始添加dede代码。没有添加dede代码之前：
- y1 [, @: D: _) b$ K
[field:title/]
% i+ ^0 R) L9 G5 E$ V# j
[field:title/]
9 G6 \ w! w& T( i( x7 W
[field:title/]
1 B% Q% T+ U9 d7 X# |# j5 R% ?
[field:title/]
k" I j) J' U5 w
[field:title/]
* [; p; ^9 \$ C! `( A
[field:title/]
, ?. ?/ a. H9 b
[field:title/]
1 P4 ]/ f) D$ ~5 Z' w
[field:title/]
% S4 M9 i6 ?% M [ ?9 B+ |
[field:title/]
8 _) `. U7 z0 s6 ]7 K
[field:title/]
$ d% [4 f/ s: p6 M# X) ?
添加代码后
[( Q+ A( T$ y, ~& M) P H
{dede:arclist typeid='0' titlelen='28' row='10' }
- ?) K) p; Z- ^- }, w4 t" Y% g0 N/ M
[field:title/]
$ [# l6 W1 M) J7 {6 E
{/dede:arclist}
% p6 T: `6 R5 t% y
模版解析后就是添加代码前的样子。列表list标记，友情链接flink标记，导航channel标记，站内新闻mynews标记等待都是同样道理。
n, Z/ K+ u3 \' q
文章页里用到{dede:标记名称 属性='值'/}，如{dede:field name='title' /}就是文章标题的意思。
/ L( v7 V5 S. Z. [, b' w
模版里面的路径问题：本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css，{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题，如果你珍惜你的网页模版，就把img目录独立分离出来，这样别人就不会知道你的模版目录。
4 D4 ^9 `# a' u* C. `4 ~
制作
& _6 m- b0 m/ t! \
要是真正独立制作一个模版，是很费精力的，规划、设计、制作、调试哪部分都很累人。很多站长都没有能力制作，所以就有那么多的朋友期待别人放出模版，稍微有点能力就复制别人的模版，何为复制?保存原来的html页面，删除正文内容，添加CMS代码，完工。，这就是复制，没有一点技术含量，只要添加CMS代码即可。就这样，我看还有很多人收费100到200帮人制作，我看得晕死，这也行。做为站长也太懒了，做站连CMS的标记代码都不了解，还做什么站，真是郁闷了。
; N, I2 f7 k3 H1 A$ _' g7 D# ]
就模版而言，很多站长只看到设计即页面好看而没有看到网页制作即网页代码，这是一个非常错误的观念。网页好看虽然重要，但对我们个人站长来说，网页制作更为重要。网页代码的质量关系到搜索引擎SEO与网站的可维护性，对我们站长来说，网站只要简洁大方即可，关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。
: {6 R) f5 U; q- _5 T8 L
天下文章一大抄，就看你会不会抄，制做模版和抄写文章一样，就看你会不会仿。我的设计水平很烂根本不入流，只会写网页代码。设计既然不会那就仿，取一个网页那是侵权，那就取三个四个网页，拿出它们的设计优点，组合成自己的网站。
/ w2 t% ^2 J4 N5 x
过程以本站为例子：规划好网站结构，决定以蓝绿两种颜色为网页主色调，从网上找到合适的资源后开始在PS里组合网站，满意后开始编写代码制作网页，制作好后添加dede代码测试。
0 z/ @( r; t% q2 y: o, S ^
安装使用
* |, g4 X- j# x3 I$ @8 Z& j2 Y
dede3.1lit版本增强了系统设置，模版的所在位置可以在系统设置里设定，把模版文件夹放到templets，栏目设置里{style}代表了模版文件夹位置，如下图。
欢迎光临 航空论坛_航空翻译_民航英语翻译_飞行翻译 (http://bbs.aero.cn/)
Powered by Discuz! X2