- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
^! W y/ G9 E, \' B, G; J# ~ 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的: l, L( R, ~9 \, l
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。
0 e" w3 _- v3 _5 X; O; D" \& p; T4 B# f& Z% @ V( Y) p q0 T
OK!Let's GO!5 k5 t/ o; `3 N( I' F; m. p- V# ^
用DW打开文件index.htm
% R Q9 m2 `% b: C 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。
$ R- a! q" Z7 v7 V, I5 p 先来看下<head></head>部分。head上面的一般不管。
! @' k- I m! c 在head 标签范围内主要包括了三类东西
8 Y" S- S1 W/ J 1:title标签
' Y9 ^' \6 Q; Z. u( R, n5 B 2:mete标签 keywords description等3 W4 a. c/ q( \; _+ {4 n) G! I
3:CSS文件链接。, I+ e% z- e2 C9 ~% w5 Y5 N
, d- z8 M5 B3 E3 E+ k6 r
大家可以看下 head部分。是不是包括了这几部分。6 s# f( n8 Y% d) m) s
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
6 J9 r2 ]. @7 n4 M <title>{dede:global.cfg_webname/}</title> w3 W3 J$ p( k# y! h
<meta name="description" content="{dede:global.cfg_description/}" />2 X% j7 L& i7 p1 F1 H/ O! y, `( Q
<meta name="keywords" content="{dede:global.cfg_keywords/}" />1 T' ~8 d6 x& ~! K# K
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" /> d q. D. Q. L% l# `4 s+ g
& |+ u. Q- L8 v
{dede:global.cfg_webname/}是你的网站名
7 H; Z% ~! g: W" R% j5 m {dede:global.cfg_description/}是你的网站描述
. j B) l* v) R5 m; ? {dede:global.cfg_keywords/} 是你的网站关键字 a! D, o! S1 Y5 D; D
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉
) U7 M7 |7 {$ b B. f4 w6 ~" Y" G+ T2 E
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
" W* V0 d+ [. R. a! q0 d! D. o body里的结构大体如下* P5 v+ g- L$ X, r
<body class="index">
* v$ m6 a- F; J; [ {dede:include filename="head.htm"/}
8 P1 |# k+ u P* ]- I) i# i' h 中间代码
; o, ?0 T+ j: g( i- z3 k {dede:include filename="footer.htm"/}6 C4 h& n9 I) a7 y7 X+ { o) K. F+ M
</body> a5 M* d8 f3 g% `0 N
A1 B, N$ T! K, m+ _# b- i5 F 大家这样看 结构就清楚了吧。/ \9 P2 r6 q4 L7 S7 M/ R
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
* U# K) P+ v6 y. J: p" z {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
3 V* P+ Q* h; M$ [! g% y/ P, e f3 j. v+ F+ D* x% X
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
0 y* A2 u/ z3 u* R/ C% W F5 U R" c' _- V1 p
现在有个大体的印象了。每个模板主要有两个部分构成! G$ U9 O2 T7 n
<head></head> 部分 和 <body></body> 部分- L- C2 v- A& |+ z3 ~1 `8 p! t3 i
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。
3 m/ b2 D4 c) P* w7 ^ d: r. R+ B; O& J, h
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|