- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
2 ?' S" T2 }3 A' d: q 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的. B( \$ }: C y8 c# F& K- {
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。4 w* c# M2 r+ f/ K; f9 d0 m( S
# B- \1 j, g9 w( ~: Q OK!Let's GO!$ G' m+ z( P9 j% d6 s
用DW打开文件index.htm
2 @3 U: e+ T' C" p; T 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。* M# ~' s. d: q( `# i8 h
先来看下<head></head>部分。head上面的一般不管。
+ t. j4 r9 }6 o; b5 m, h4 ?: s! y 在head 标签范围内主要包括了三类东西
# e; M( Y% K& O2 j3 \0 _ u- u8 B+ s 1:title标签% |( l! m! [3 h0 F6 p k! P
2:mete标签 keywords description等
8 X0 q4 Y: P Q' R6 W 3:CSS文件链接。3 V$ `6 r. |' v( k6 s& @4 W
- C; w; t# J3 H+ t& g5 i 大家可以看下 head部分。是不是包括了这几部分。" p! ?7 q3 ?- F3 \1 B1 r* w6 v
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了( g3 Y" v) n: ]: J* @" L
<title>{dede:global.cfg_webname/}</title>; T" O. ~- X ? S! a* h. W
<meta name="description" content="{dede:global.cfg_description/}" />
5 Q9 e9 H, d. f7 D3 C$ [) |1 \ <meta name="keywords" content="{dede:global.cfg_keywords/}" />
1 [+ y. t( z* w- r) U2 q <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
! Q" b8 W# B% o6 a2 t6 t3 N6 d2 u9 u1 ~' R" E8 j6 a% f7 b
{dede:global.cfg_webname/}是你的网站名
) |+ G3 Q( y* d {dede:global.cfg_description/}是你的网站描述
$ F6 M) g3 \% [+ R {dede:global.cfg_keywords/} 是你的网站关键字
, j9 g7 Z6 _2 X( C7 B6 f 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉/ Q$ S( C/ `* g0 {' F
: J; C9 f9 Z" C1 H
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
) {9 Q9 F- E- U) I- J) F2 W body里的结构大体如下
0 P0 F; e% `& r% b9 z3 G <body class="index">- _$ u$ z6 |; K- k
{dede:include filename="head.htm"/}
* l" G, i* ^( `$ ?0 X! ` 中间代码5 M; ?! J7 p; z
{dede:include filename="footer.htm"/}6 w4 J: T4 I$ Z, e$ ~1 h
</body>
0 {; F, B6 E9 [% ]" `$ o7 [3 ?# w, ?0 r
大家这样看 结构就清楚了吧。5 U6 I1 C; m8 h$ z
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm* F1 E1 h: d& L" f, `5 \, \
{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
) Q% T! F7 @* e% t6 Z5 q$ I$ K4 X# L3 W" l3 }3 @7 Q% j/ M7 Q6 C7 I
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
. h: R' ~4 ?( i' h$ {, d! A
2 w' W8 X0 W$ n9 _ 现在有个大体的印象了。每个模板主要有两个部分构成# W8 k5 g# ^/ S' i b& Z
<head></head> 部分 和 <body></body> 部分
4 O- n0 M' Q5 j! K0 z) { <body></body> 部分 又由 头部模板 中间模板 和尾部模板。& C( c8 l: W3 d) i" ~
- \- v6 M5 b3 l% R; ^% b
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|