- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
8 {. h- L& B0 @: g, Q" D" | 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
# z' I# H$ H1 E 2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。3 J$ U! ?0 K$ c; ]6 W
0 C! a% L, _7 `% ]; a: J
OK!Let's GO!
/ Y( g; ]5 z2 ~' J# _3 o 用DW打开文件index.htm, N# D% f! ~ L7 }/ q7 q3 ^
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。, P0 M' A3 Q# a/ X
先来看下<head></head>部分。head上面的一般不管。
- J# W8 P T/ x' M; B3 E0 l7 L 在head 标签范围内主要包括了三类东西
" }" H; |8 |- f: k {5 z% _# } 1:title标签
# V" b' E9 F$ d& o 2:mete标签 keywords description等
; B4 w9 l" n/ d4 l 3:CSS文件链接。8 |6 K/ d T4 B
6 \& T6 b8 C o' X, X% a/ k 大家可以看下 head部分。是不是包括了这几部分。: P) }$ v6 y8 p0 G: k: {5 R( d
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了1 T: s7 U. g% |
<title>{dede:global.cfg_webname/}</title>
+ ~9 C( o8 L) W" N# o <meta name="description" content="{dede:global.cfg_description/}" />
1 `3 Z9 ^: ?( [ <meta name="keywords" content="{dede:global.cfg_keywords/}" />4 w: B2 T; J8 C D9 G
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
# f3 d B$ M& K* U9 I K3 m j! L- h7 Q( W" u! O6 T# s' t" {
{dede:global.cfg_webname/}是你的网站名
- ?8 j6 b' o6 n, l4 V3 v# U1 t" X {dede:global.cfg_description/}是你的网站描述
7 u1 N5 i3 m$ @7 Q {dede:global.cfg_keywords/} 是你的网站关键字
, Q; T0 \1 }# r& Y 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉5 ]1 {4 t2 B! l5 U: ?
- N W* R, \; P+ }/ V
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。, F! C! N) T; S l" L: ?
body里的结构大体如下* ~/ ~: S+ `2 T( C9 M
<body class="index">
1 I p/ D1 O7 t! i' N- ], q \ {dede:include filename="head.htm"/}
0 p Y5 z- ~+ e4 Z. G0 e0 v 中间代码
% c i: O& @* H. @6 u {dede:include filename="footer.htm"/}$ u/ X' \. d$ @7 p. n0 s& r
</body>
5 G6 I) a" u1 K D! L# f; ]
. q9 d) T% Z& l& z/ C, s 大家这样看 结构就清楚了吧。& p8 X7 ?% H9 r E5 J( Q+ O
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
" L7 t- K m* Y {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm' v b5 x- O- @/ n( d8 \$ q
6 _4 V% t2 U( ^) N1 B/ O* y3 d
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
/ _* ]8 U( r! M& n" Q) k& c' p$ F) W; C* Z3 f3 Y4 r2 ~
现在有个大体的印象了。每个模板主要有两个部分构成
0 X- {- x6 |# S ?& P <head></head> 部分 和 <body></body> 部分
2 U/ h+ B7 G) g. E! k9 B <body></body> 部分 又由 头部模板 中间模板 和尾部模板。+ X; d. p: E- ~2 Y+ W
/ a( P) @4 g; @
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|