- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
|
准备工作:' K J6 U; r8 K p" j0 {* k
1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
" ?& a5 \2 l& q 2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。" O, d& \7 d* z1 T" ^
5 o$ X1 @1 K6 Q OK!Let's GO!
$ a6 I8 k& h6 J. A2 L) r7 I/ _$ z( H! s3 N 用DW打开文件index.htm
# M1 |. [5 X( v# h 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。* |" Y2 d; P! \& s) k, L, t5 h
先来看下<head></head>部分。head上面的一般不管。8 Y( v1 p3 s5 v
在head 标签范围内主要包括了三类东西
# \- ?* ]$ x/ L) e7 O! Y7 t 1:title标签
/ k$ p& M I9 M4 m- d% W 2:mete标签 keywords description等
1 h$ w$ g% c/ n* x9 | 3:CSS文件链接。: j6 n7 {; @1 a) X
# H& r0 `% M& l/ j1 t/ c; Y t: d- d 大家可以看下 head部分。是不是包括了这几部分。: z- Q% m& `, \/ m+ I' E4 b& V" d
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了% ?1 T# m: ?1 S, A( o, U( D
<title>{dede:global.cfg_webname/}</title>9 y$ l: S7 m# h; e+ D
<meta name="description" content="{dede:global.cfg_description/}" />3 A( r5 Q* e8 I- e1 A7 k6 @6 ?
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
; D3 @1 c" B/ ]2 N4 E* j <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
9 L: g/ \ I/ h1 M; `( n1 i5 K! Z( i4 p" [2 b& y* T
{dede:global.cfg_webname/}是你的网站名
% b1 Q' p) {: k* \7 x! f8 ^ {dede:global.cfg_description/}是你的网站描述
: @3 B0 t" Z, P; P {dede:global.cfg_keywords/} 是你的网站关键字9 K- E* R; j# C- e4 Q
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉2 D6 F0 z+ J4 c W- M0 V
2 J/ F( R. F _- J9 A) \
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。3 Q3 { J7 [% i7 \
body里的结构大体如下: k* w! {$ f V- f
<body class="index">
8 @3 g$ w1 K/ o {dede:include filename="head.htm"/}( B7 U& [# U- w# B. P- r
中间代码
: J3 n$ p9 Q: k0 F+ K {dede:include filename="footer.htm"/}
" ?3 X5 k. O6 h$ {( N </body>
+ K! {; D7 d- @; l6 f8 w2 R' h H( H5 {/ P* a6 `- t
大家这样看 结构就清楚了吧。& u" e' i: l6 F! p* I- g6 W
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm) ~ K4 n# Y. f5 K$ J' ~
{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
1 }0 l% _ V6 `. f( j0 Y
- }4 |; @6 {3 ^0 L 其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。; k( E7 S, B* `
- K( [0 }, E6 a, D9 W
现在有个大体的印象了。每个模板主要有两个部分构成
" C2 @3 k) ]4 r3 N1 X3 V0 p <head></head> 部分 和 <body></body> 部分
2 w# z, K9 \ V! J <body></body> 部分 又由 头部模板 中间模板 和尾部模板。
1 ]" N- S" s O$ o6 `
/ P3 G8 L l( t; w& r4 p 在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|