- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
  
|
准备工作:
' n' R1 C. K/ f 1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的6 o6 _/ F5 L% G2 X8 s3 S+ G
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。
* b' p8 K& c, _- G8 F
5 i+ m1 Y/ R' B7 e2 R OK!Let's GO!! z2 J7 G* m4 g$ J2 I" O3 g
用DW打开文件index.htm3 C6 b4 i0 o/ J/ S
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。
& _, o! L0 E% X7 a7 ~# ?9 b 先来看下<head></head>部分。head上面的一般不管。
8 z4 F- C0 v* _+ k 在head 标签范围内主要包括了三类东西4 Y& k8 g) s' U6 g4 R
1:title标签
( ~5 |! a5 a7 E- U# S$ S4 i( G) C 2:mete标签 keywords description等
- ]5 {; p: ]4 k/ t5 _- A+ X 3:CSS文件链接。
q2 \% ]! K: F S3 O
, q# G/ b* O; G/ S3 u3 z 大家可以看下 head部分。是不是包括了这几部分。. T' E1 A `) e7 g2 N; b1 c
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了; f w0 Q7 v3 }* \ o
<title>{dede:global.cfg_webname/}</title>
i p1 H: V% z) F O1 R/ w3 K <meta name="description" content="{dede:global.cfg_description/}" />' f+ D5 d* u1 B8 m& \
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
# R. M4 j3 C% W& g3 V <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />3 D/ X7 J* T1 P/ {7 ]0 _- ^& U
( ]4 O3 y) V8 B- h0 V: |$ _( Q
{dede:global.cfg_webname/}是你的网站名
" s' i& G% Q% N6 }/ P1 N {dede:global.cfg_description/}是你的网站描述
" a" B- M5 a5 S, d, G {dede:global.cfg_keywords/} 是你的网站关键字
8 K& r; D, W% _( q$ j; q 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉
0 U2 y( b3 ]4 E% H9 A' z
3 y, |9 P3 |% s& Q 然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
% m# m% p8 p1 c) } body里的结构大体如下
2 { ~ {9 D' I. s3 \ <body class="index">6 J D7 V Q2 y4 \( _' a0 j+ B
{dede:include filename="head.htm"/}0 L% j6 ~: t: e
中间代码+ B/ j9 Y& M5 b: a% V# Y
{dede:include filename="footer.htm"/}. H: V# s% q# t$ R6 {2 h( T. l
</body>6 N& Y; s9 {2 l3 {# x
K9 j; m/ M+ Q4 d: j9 P
大家这样看 结构就清楚了吧。- m0 o; O4 h4 {2 W9 q4 y4 F
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
5 p/ W9 S! U/ D% a9 } {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
" M4 N Y: m! F) f, n* l
; S% m6 A' s5 F* ]# ~0 a+ L6 W 其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
+ C. `4 l) \& [' q1 _: w: R7 y/ c2 l/ n6 \; a) D' U' P m
现在有个大体的印象了。每个模板主要有两个部分构成" G0 N6 i2 [9 y1 O4 Z5 \8 ~; X
<head></head> 部分 和 <body></body> 部分
' s3 Q0 @: b2 e$ a h7 ^" ^" B <body></body> 部分 又由 头部模板 中间模板 和尾部模板。
, [% U/ O$ s, g
5 g& c6 e: D, u5 B/ P7 Y 在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|