- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
' `% E$ B- T4 ^# [* m4 n 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
7 B* J8 `: B" G: a$ P 2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。' L$ ~' S9 K5 U/ E) D3 X; H4 M
: L- X. I) ]8 M8 ` OK!Let's GO!% J0 Y1 S! t) s, I8 E" e, O
用DW打开文件index.htm
q$ s1 r0 M2 e/ P" U6 j6 m 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。. R$ }& @0 V1 E+ i: C) H; Z
先来看下<head></head>部分。head上面的一般不管。
" r [" G* C# J0 _7 G3 D2 U, W; U' R 在head 标签范围内主要包括了三类东西1 f$ N1 i. P) p8 x- V5 \
1:title标签2 F. s5 V4 q* ]1 f# S+ _
2:mete标签 keywords description等- U& U1 i. k. b" u; f3 I
3:CSS文件链接。% X( ?$ e9 @( h; S
) ` C" Q5 j+ U A6 c: T
大家可以看下 head部分。是不是包括了这几部分。
\% o: q% c7 z; q# E 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了$ k$ ]! X) w7 p6 M4 I4 B; [, G5 Y
<title>{dede:global.cfg_webname/}</title>
1 D0 @5 n! K ~0 @: z <meta name="description" content="{dede:global.cfg_description/}" />0 r6 g0 }4 y4 R; h9 K. r7 Z
<meta name="keywords" content="{dede:global.cfg_keywords/}" />: }7 R) a" O+ l" j$ L
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
1 x2 o E3 u: f8 v) [8 _! O6 m. f& a3 Y8 y# ?8 v
{dede:global.cfg_webname/}是你的网站名
) d# x! p( u! K9 S; R/ Y {dede:global.cfg_description/}是你的网站描述
4 S: ^7 \8 L& \8 @& P) |* x {dede:global.cfg_keywords/} 是你的网站关键字
5 h$ X h3 ]/ Q! | 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉- r+ v* W* A, @
8 k8 t2 @4 T% n f. z! E4 g {
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
+ ?9 r# [# S3 k: n9 t body里的结构大体如下
) m: b6 t0 k9 c1 d( x <body class="index">
# `) \8 ]2 O8 D' `( M% `* d, y {dede:include filename="head.htm"/}: j+ G; F& y! C
中间代码6 C' y/ [! B1 [& G
{dede:include filename="footer.htm"/}
; I$ x% Y& w) f1 U1 n' q </body>: J; A, y! f. I
) S8 \6 T3 b, \& \3 e) o
大家这样看 结构就清楚了吧。
6 E# L# W# P- _; u' Y {dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm H I; f# W9 z3 m: h: v" U7 x
{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm, i1 w6 l8 q- K' b
- x( b1 l/ `2 W7 ]+ H( r/ v 其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。/ H3 q& N* }& X9 J) u
$ O' Y% {- a0 r% e$ } 现在有个大体的印象了。每个模板主要有两个部分构成* o; H( r! @: B% {8 ~
<head></head> 部分 和 <body></body> 部分
$ v( m0 L0 _2 v' L; S; E8 [1 |; M <body></body> 部分 又由 头部模板 中间模板 和尾部模板。
: G1 {3 @2 X9 W( ]8 d/ @/ ]6 o1 Y" p( j& {! s9 ^/ }5 @ B- i
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|