- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
 
|
准备工作：
u8 m v; v+ j. T 1：安装好DW，如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
6 _& K+ h% U+ I, C9 A0 V4 k' O 2：你安装了DEDECMS。并进入/templets/default（默认模板目录）目录。
' t1 r. ]6 Q$ e3 k3 C" H& J
0 d+ r, S4 T0 U) K0 G1 Y3 r% q OK！Let's GO！
. P' T q( q, D1 c) q 用DW打开文件index.htm3 Y$ L% n( b. q
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码，会不会写姑且不管。 Y+ @: h' Y% y+ i
先来看下<head></head>部分。head上面的一般不管。8 ^7 X( B& u; w; _5 B3 H, t% J! i
在head 标签范围内主要包括了三类东西
1 |6 J& ? o8 C0 q+ @ F9 `+ S 1：title标签
( Q: i/ A N1 v- P- Z/ X 2：mete标签 keywords description等
# b6 Z# t$ {5 ]; T# ` 3：CSS文件链接。7 _% ^1 d( |! B, i8 J0 u$ R: F
/ }8 X' P) J7 G# e# J% I4 |4 g 大家可以看下 head部分。是不是包括了这几部分。
6 p% V) q( \, h 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了6 O2 \9 @' D& `& Q. i
<title>{dede:global.cfg_webname/}</title>/ v. p+ v8 ^3 |$ b! j
<meta name="description" content="{dede:global.cfg_description/}" />
" u9 A' Z, }4 N9 G5 q( I <meta name="keywords" content="{dede:global.cfg_keywords/}" />/ W+ w" T, f# V# k' ?/ h- x: I
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />: |4 v/ I( f' I0 l
5 ^+ A: O6 q5 d) F. G, u$ D s {dede:global.cfg_webname/}是你的网站名
* v( ~' D) c- D# |) b {dede:global.cfg_description/}是你的网站描述4 J) X6 q# E2 V7 ?" _$ @
{dede:global.cfg_keywords/} 是你的网站关键字
0 {% A4 ?* X" C2 j% b7 l 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉+ N, }' U& z( y9 C8 C" A3 p* O( p
) W' L4 o% D( e5 Z- d4 K/ a! f
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
( k% D7 Z3 H& | body里的结构大体如下2 h6 O8 V M! H- ~
<body class="index">
, U ?8 E6 V! g {dede:include filename="head.htm"/}) ?- I& ]3 D" U- a. L
中间代码1 y3 i! C1 Q; C# k. E
{dede:include filename="footer.htm"/}) X4 v$ @5 E K# C3 r$ D
</body>
5 q3 `9 c0 @' u" C/ X$ d, U+ ?3 \4 t d' R0 T
大家这样看 结构就清楚了吧。$ c7 ?, {1 {9 s i& n4 _* Z* K+ a X
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
. ]5 g2 n2 w8 S; g {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
3 D6 j5 [" X4 ^) ?1 u2 k7 J, }; N) n- H* Z+ ^/ ^! Y
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
) O, v3 E1 U# b# K5 ? ]( W& S# ]" Y& ^2 Z6 d- f# d
现在有个大体的印象了。每个模板主要有两个部分构成
3 r, @* W; M( K <head></head> 部分 和 <body></body> 部分
1 Y% k- @6 }: y* S <body></body> 部分 又由 头部模板 中间模板 和尾部模板。
6 m( V6 \$ a& H# `: T* j0 z; x. ^0 B8 j! `
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候，最好把头部和尾部设计成这样。。可以和系统同步。 |
|
IP卡
狗仔卡
发表于 2009-8-13 14:48:32
分享
收藏
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡