- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
 
|
准备工作：
5 L+ n S4 R! ~ 1：安装好DW，如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的3 G( a' n% \, T5 `' A$ g. P8 ~1 F
2：你安装了DEDECMS。并进入/templets/default（默认模板目录）目录。: m( z9 e3 J- ^: G H6 m: {* f* w
$ i3 o( k8 g- x: I' S+ ]; s
OK！Let's GO！
! ]# b$ {) m; E0 o% ? 用DW打开文件index.htm
0 U O) F0 g2 c* Z9 X 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码，会不会写姑且不管。+ L0 F0 p! F& Q
先来看下<head></head>部分。head上面的一般不管。
9 F+ G E# R) h, Q) q$ \ 在head 标签范围内主要包括了三类东西
/ ^8 ^' l( y# a3 \ 1：title标签
3 z5 A6 b( \8 {( @ R$ q3 h 2：mete标签 keywords description等1 M1 \$ W& F c+ B, c, j8 T
3：CSS文件链接。
8 g- Z, A" Q$ |1 {
# A% j. n8 k# Z5 J 大家可以看下 head部分。是不是包括了这几部分。
6 n7 t; M- j& x1 g& P, z 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
9 q, R' u, K( v' k" e$ c <title>{dede:global.cfg_webname/}</title>6 q* t9 S, O6 o/ _6 P+ u
<meta name="description" content="{dede:global.cfg_description/}" />, z9 k, r) k7 n& e; b& f
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
8 p9 O: H6 G5 z2 x( D <link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
# W" c$ p- Z Y! I" w. r, c4 p5 s0 z" {+ W$ A& p/ x# c* i9 z
{dede:global.cfg_webname/}是你的网站名9 F1 e1 M% V- V3 Y$ X$ Q9 j
{dede:global.cfg_description/}是你的网站描述% R7 e" P% w! W9 r; L5 ^6 S
{dede:global.cfg_keywords/} 是你的网站关键字
7 K, r/ E4 }' @0 E# k1 U; s 你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉' }! D' w4 e$ o6 E
5 M6 E; m' d5 f$ m1 Z 然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。# {1 G& ^# @% @& o5 K0 K+ m
body里的结构大体如下
2 _- }2 s2 S1 c h% X <body class="index">+ w: V8 y0 h4 j+ A Y. X) U
{dede:include filename="head.htm"/}
1 S4 X0 U) k/ V- g) I+ N 中间代码
1 N ]: ~) O4 |. s L, l {dede:include filename="footer.htm"/}
. _0 l& x; L; X _; U/ v& {, B8 T' N </body>
+ v# P1 A2 q+ i. Y$ C/ o+ k( }
$ R. z6 C8 V- ]* [ 大家这样看 结构就清楚了吧。' q9 N; Z, u9 [' _) b) }
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
" f' Z& x4 W0 {1 c3 F5 e {dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm
+ X9 }1 l3 |$ g5 K" f
% M* C) x% H) E6 b! f' x; E7 {6 Y 其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
- i* }7 |& L/ r3 G O! P' ?( H6 L; y6 n5 C( D. M$ P' I
现在有个大体的印象了。每个模板主要有两个部分构成
7 D1 Z1 E$ X' n( ~5 R/ f <head></head> 部分 和 <body></body> 部分
}' X' u6 _, } <body></body> 部分 又由 头部模板 中间模板 和尾部模板。( F6 w# G0 n3 U- A" g. O
0 D0 g' @3 u) _8 [7 e* C$ x$ l9 |
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候，最好把头部和尾部设计成这样。。可以和系统同步。 |
|
IP卡
狗仔卡
发表于 2009-8-13 14:48:32
分享
收藏
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡