- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
|
准备工作:
/ j5 L- E+ D5 E9 a: q$ W+ _# ` 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
# s0 [( ?/ g- Q4 p6 G3 d' l 2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。8 c; d$ G0 n9 u/ v" F6 }: h
1 X! ?% r' n5 r5 Y0 j
OK!Let's GO!
* z+ \+ ]# U- K' f 用DW打开文件index.htm/ j6 ^# h9 t# Q+ ]& ?8 u
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。
- H+ G6 {! }, h [+ o! W: ? 先来看下<head></head>部分。head上面的一般不管。
% g3 v* c# ?- \" ~ 在head 标签范围内主要包括了三类东西; Q4 T* [- b# c9 [4 i( J
1:title标签
6 ^2 f$ Z" q3 R 2:mete标签 keywords description等
+ l. E1 ~# H& P3 g 3:CSS文件链接。- ?, p' d6 M! }
' g; Z$ S0 T: Q! f4 a: T 大家可以看下 head部分。是不是包括了这几部分。
1 h% K" A! D; C! f 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了# X& a5 _/ o0 d8 ~/ r* D1 B
<title>{dede:global.cfg_webname/}</title>: D1 C; {3 B" e4 U* o6 V' {- d
<meta name="description" content="{dede:global.cfg_description/}" />. d7 W+ D6 S( @+ \' v
<meta name="keywords" content="{dede:global.cfg_keywords/}" />+ a: X: }+ e) ^' H4 q# T
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
0 e6 l2 c( F0 c- I6 o B6 b' o3 x4 P+ j, r- q0 c( v4 t
{dede:global.cfg_webname/}是你的网站名
+ g, l: [6 j5 D% r& `, B {dede:global.cfg_description/}是你的网站描述
) p J/ k. f! p {dede:global.cfg_keywords/} 是你的网站关键字+ M0 V$ q% b! R! q N6 \
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉 S4 b" N2 i) q7 E* D/ k1 I# F- e
. B$ ~" s4 \# ~: ?' r. d! H 然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
: W/ A6 m1 L& i5 i2 p" h; ^3 {% m body里的结构大体如下) [% e A9 B3 l+ f7 E
<body class="index">
& o4 h5 A. ?2 c& i) J9 ~ {dede:include filename="head.htm"/}
9 L6 q: V4 Z8 s$ h s5 K8 |, M 中间代码
% i# L# q1 G* }" |2 H {dede:include filename="footer.htm"/}( R9 u8 |8 I5 c2 P/ u. |& M
</body>
# @1 R V5 |$ w k$ l! Q
& v' x% ?4 I9 ] B" t) |- i 大家这样看 结构就清楚了吧。
$ q; N2 b; O: { {dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
+ i, y: w8 P& Z3 a7 ?6 b {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
2 Z4 b; Q3 u( r- a' w/ T9 ^ l$ E0 ]1 I4 W8 Q1 v. K
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。5 `6 w" y6 z; }! V$ X% }! q
, _$ ?) W1 X) Y1 w; R 现在有个大体的印象了。每个模板主要有两个部分构成
% N3 j$ R, t2 K$ k* d <head></head> 部分 和 <body></body> 部分+ V* i+ i B9 u( a9 t
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。
" K. X1 g1 u0 Q2 |$ `0 r; I7 E. O e. Q" G: ]
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|