- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
* P9 y( B, L5 G 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的4 ?7 w' ~- R1 a/ B9 T9 a5 J
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。
& N0 B3 ~! A) N$ R5 {. w% S
8 r) Y) y- O0 A: x7 ~7 W OK!Let's GO!
# x0 v5 Z3 O' ?& q2 z 用DW打开文件index.htm
( O2 d& @2 y# V. T8 g3 C. E4 Z& P 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。
* h% d# G1 g$ X* E 先来看下<head></head>部分。head上面的一般不管。9 K9 v& B( X. q# _$ T, w
在head 标签范围内主要包括了三类东西
3 c8 H5 ]6 c7 d4 {8 u; y3 W 1:title标签- Z" @. Z5 v4 e+ `3 j0 Q! J2 q
2:mete标签 keywords description等1 W7 ~6 [5 R6 F* }
3:CSS文件链接。
% ~- Y, U. C( i6 [/ S. c. o/ H
( M" z/ v) Z3 L) ? 大家可以看下 head部分。是不是包括了这几部分。4 ]9 U( ]& y% r7 ]; U6 v6 L+ e
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
+ G6 k& X/ x5 v, F4 @: s1 S! ~ <title>{dede:global.cfg_webname/}</title>, G5 ]. |0 O3 D- ^( A, ^
<meta name="description" content="{dede:global.cfg_description/}" />
( u8 i/ e( y& O; @& B3 Q <meta name="keywords" content="{dede:global.cfg_keywords/}" />
0 W' N& A' T, f <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
: e% k9 m* h' h, v) B4 k0 l% K
4 i9 R9 T/ e. c) L& K {dede:global.cfg_webname/}是你的网站名6 k* l* x7 Q2 B
{dede:global.cfg_description/}是你的网站描述
0 L* J$ c$ l! d {dede:global.cfg_keywords/} 是你的网站关键字6 d. d$ u7 F1 Y# ?; m
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉
9 P# X' O ]; ?3 A
2 P, M7 G$ J0 P' b1 k 然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
$ w! ^0 w* F# ^; Q+ l body里的结构大体如下; p$ K( A6 }6 V0 e9 E4 v$ W3 p
<body class="index">
: _) @. a* ?& ?8 u' K {dede:include filename="head.htm"/}
, q7 T5 r' j4 o7 J+ h% B- D; z' q: O 中间代码
+ U/ \. Q- k3 v" B7 j/ g, ] {dede:include filename="footer.htm"/}' R) I, r+ h& M5 `
</body>
B& F3 v' N" z+ }3 _* W; ]
" \! X$ A8 G8 V: X: f 大家这样看 结构就清楚了吧。0 Y; x) {5 s# ~, w& m! q
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
- ~$ }6 o; F4 V {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
" O0 u2 f- W1 R7 @! ?1 s4 P: ~9 H3 y1 H& y) G
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。5 b, I, ~% A. R, `
( W9 t. U7 P( S+ }" e 现在有个大体的印象了。每个模板主要有两个部分构成
4 e) X+ c5 M( E <head></head> 部分 和 <body></body> 部分
8 |( e; G( e/ _* @9 h7 {+ A: q <body></body> 部分 又由 头部模板 中间模板 和尾部模板。) H* ] s% p/ r v7 h4 A
' j! w6 W2 R% Y* B; u
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|