- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:( L) `8 ~; M. x1 ~( E; j7 s
1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
6 T* o5 H- o( g6 Q. v3 s7 u/ k- p 2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。
2 z, K: ^" t7 b! X1 Q9 G/ R9 |( }" \7 Q2 R& g% G
OK!Let's GO!
: o2 l# E/ @! g 用DW打开文件index.htm$ k. t* y& [3 }3 ?
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。0 t, X2 S. |2 o. }2 z- M
先来看下<head></head>部分。head上面的一般不管。
; H8 D( y# p$ h3 c3 N& V 在head 标签范围内主要包括了三类东西; g; j& k$ u; }% k( u
1:title标签# [% x8 i/ `/ S, z6 {( W& z* \
2:mete标签 keywords description等
. h" s, H: _5 k1 S1 H- z 3:CSS文件链接。2 K$ i5 H4 ^) D
2 z8 ]; V$ x, ]# y 大家可以看下 head部分。是不是包括了这几部分。
' ]6 W. y' v D5 m8 C 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
6 \+ t: y6 A' z& \ <title>{dede:global.cfg_webname/}</title>
3 Z& x+ e9 t* H# o <meta name="description" content="{dede:global.cfg_description/}" />% O9 X+ m+ l {: p
<meta name="keywords" content="{dede:global.cfg_keywords/}" />) m$ W# }" o3 Q# K& O" u; l8 U
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
$ p# O" E w, `. x- L4 E3 K. A4 c; ~0 ]% F; R9 q% c
{dede:global.cfg_webname/}是你的网站名 D) C4 p6 j$ j* R4 H
{dede:global.cfg_description/}是你的网站描述
. `6 L7 v# N# r; U* W# e {dede:global.cfg_keywords/} 是你的网站关键字
* u$ Q2 ~- Y- W4 B+ J+ k 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉8 q( j, @. ? r2 q+ y' m
+ I8 G( C( ^4 t
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
* [: j2 F* E) C D. O body里的结构大体如下
7 e- v2 K' l+ B5 J <body class="index">. D& I \: K4 ~% o5 D
{dede:include filename="head.htm"/}3 b' V3 S6 z+ P, ^0 [
中间代码
) h# V& e: H3 m, X# P' V; X3 Z {dede:include filename="footer.htm"/}. h2 b' _& ]( h' ]$ b( n% }2 B3 z, U
</body>9 |5 i$ m* h" S; m. k' D) o: z
4 B; ~3 d b& s8 ~1 o
大家这样看 结构就清楚了吧。; |3 }+ w9 \8 p9 v2 F& X1 G
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
3 t4 _* [+ f! H9 w# Q {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
: G" `7 Y% x' O$ N' E; L9 ~3 H( s5 a2 M
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
. [7 z1 v& _; A3 d' R4 [" B, [0 X% _. T+ o; H) y' L2 v3 N, v
现在有个大体的印象了。每个模板主要有两个部分构成
. L/ w0 A1 o. S8 n$ }2 v% j* f <head></head> 部分 和 <body></body> 部分2 ^1 ]1 o7 j/ B8 P @ a
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。
2 J; k1 Y; p) U( Y+ h) y% A# p8 A0 ^; ^3 \2 @
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|