- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
 
|
准备工作：
. Y# b& A! c1 P5 j" ~ 1：安装好DW，如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
! }4 @7 i4 v4 [+ d' @ 2：你安装了DEDECMS。并进入/templets/default（默认模板目录）目录。
2 K$ G# m5 b! W; n, c; P' f# \7 W5 z4 g1 D! \, y
OK！Let's GO！& i! U2 F# Q8 Q/ r( x2 }
用DW打开文件index.htm0 m; z0 ?6 J7 s1 k9 e; J
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码，会不会写姑且不管。
N9 J2 z4 }% m; }9 N: i 先来看下<head></head>部分。head上面的一般不管。
1 D0 a% o) g& B' @+ U 在head 标签范围内主要包括了三类东西
8 l0 E8 Q/ B" L" N$ O, G 1：title标签0 S3 i1 l8 ?5 k! F) O3 V/ |/ U! O
2：mete标签 keywords description等2 W7 r7 d# f! g5 O8 H+ U
3：CSS文件链接。
$ X1 @4 x* ]* k! O- P ^& }. {1 e, A" D* _# i; _6 z0 K. v
大家可以看下 head部分。是不是包括了这几部分。
2 N; M5 D1 J% ~% k2 p. G 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
+ N, s/ v0 A$ O! U <title>{dede:global.cfg_webname/}</title># C1 c* _2 m% y( F# E+ s9 m" Z v
<meta name="description" content="{dede:global.cfg_description/}" />
- W, S7 n+ j- k3 v" k/ N <meta name="keywords" content="{dede:global.cfg_keywords/}" />
+ [) ]' t- L" G <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />' N/ |5 K/ B E) ?
5 ^ G( E8 Z- V {dede:global.cfg_webname/}是你的网站名7 z: E+ u2 P; R3 ?1 |( q
{dede:global.cfg_description/}是你的网站描述- D( n$ K0 ?; M& H2 R) \
{dede:global.cfg_keywords/} 是你的网站关键字
W" M1 _3 l" c2 y7 X( | 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉6 j6 G, u9 S* a) [. ?
8 ]- ^* r. Z' Y$ J4 [) U0 A9 {
然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。9 x" v# u9 c8 L; u
body里的结构大体如下
3 n( X6 k5 ?" S3 F- F <body class="index">
, A7 p( a0 b- M& |; @2 P, g+ ]7 {1 q/ P {dede:include filename="head.htm"/}, l. _7 z6 s6 K2 ` Y. d
中间代码
( B9 S( L) u- n5 P {dede:include filename="footer.htm"/}
1 S, }% ] ? @( s& ]* z </body>1 `" L6 L8 y. ?* _/ U
- [- {+ m3 ]4 A9 ~# y# z3 K* m 大家这样看 结构就清楚了吧。
/ a- }; \! G% P; ^ {dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm) t2 n ^/ R7 j2 U* b1 {
{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
4 d8 R* S8 y& O- G5 z/ m% s) r- s8 n, z+ h4 f9 ^+ d* S8 v0 h
其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。+ o; p: v- C- ]
" y+ q& f8 r* t& A- J. K. x
现在有个大体的印象了。每个模板主要有两个部分构成' a5 t9 v, R3 O5 l% J! [
<head></head> 部分 和 <body></body> 部分& O8 h. n" J+ R) u5 v
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。2 O4 P! ~) f' a% _0 ?! F" N2 x9 |9 I" g
' B6 _6 ]3 f2 x" L, d
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候，最好把头部和尾部设计成这样。。可以和系统同步。 |
|
IP卡
狗仔卡
发表于 2009-8-13 14:48:32
分享
收藏
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡