- 注册时间
- 2008-9-13
- 最后登录
- 1970-1-1
- 在线时间
- 0 小时
- 阅读权限
- 200
- 积分
- 0
- 帖子
- 24482
- 精华
- 4
- UID
- 9
|
准备工作:- J' Y0 v4 S- ~/ A- \ `% t
1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的' R$ Z2 Z8 X" J, D) p3 s6 l
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。
# V% r% g5 `1 t: E; t5 B: o
. c5 F8 C0 ]& B" H, `% X- T$ r4 c$ z, E OK!Let's GO!2 q* u4 O: w' V$ V* M8 [
用DW打开文件index.htm
5 A8 i: _6 t( K9 E& ~ 如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。! T3 p: m& ?8 D$ z! s5 _. k
先来看下<head></head>部分。head上面的一般不管。6 o/ a+ p! A) E7 F7 R+ U
在head 标签范围内主要包括了三类东西
/ d( J) s7 I6 {4 n) k! u. Q 1:title标签
# t/ { h( L. N1 m2 j2 c/ V! G( f8 o) N 2:mete标签 keywords description等
; M8 N) C+ U3 R X$ X 3:CSS文件链接。3 P' e" Z: r( C
, t1 ~/ o8 {# a. l. b) |$ n6 _ 大家可以看下 head部分。是不是包括了这几部分。
7 K. P a9 g, [- v4 |' ` 至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
# b; {$ Q2 U; b. x0 W- S2 k- A4 g <title>{dede:global.cfg_webname/}</title>
$ t" G! b% x$ C5 {7 u. Z5 ~" [ <meta name="description" content="{dede:global.cfg_description/}" />
8 I" n" `# Z: h; v3 j <meta name="keywords" content="{dede:global.cfg_keywords/}" />3 s( l- Y0 T+ D: c8 K& L# D
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />" m0 f5 z! B! Z- ?, J7 s6 Q3 }
1 I" n6 B1 I. q$ G0 X
{dede:global.cfg_webname/}是你的网站名4 k+ M* q. U6 [( P3 \; T* m
{dede:global.cfg_description/}是你的网站描述- F- d" W# V# \$ @
{dede:global.cfg_keywords/} 是你的网站关键字9 U2 h1 T& C& C5 t1 r! Z" ^
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉
+ g3 `' b( T, ^8 {! c2 U/ p: [
6 D4 q% x5 I( d8 Z& D1 x 然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
4 Y6 A {) t' c# _; i body里的结构大体如下
7 `. H4 D3 q- A0 y5 t: R9 i/ ~4 W <body class="index">! \4 U) p: ^* Z! P3 _9 i c: I: m! }
{dede:include filename="head.htm"/}1 A N4 i. l% E' Y
中间代码
: m6 u- \. B# S0 c {dede:include filename="footer.htm"/}0 L3 p! K5 S2 v' ~5 |7 d% e$ {# @
</body>
6 F/ S5 g4 v" j6 C7 V( Q7 Z x* l* r2 f* m4 U
大家这样看 结构就清楚了吧。
8 s0 W- g* D! f) V {dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm0 l4 @$ ~/ P0 X! N
{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm% E5 f9 o4 b# x v: _
7 ~' R* d: r x: S9 ? 其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。
# o6 }" {! J2 {3 J, m8 G) Y: u- E* F9 c8 D6 A
现在有个大体的印象了。每个模板主要有两个部分构成
+ }; E) k Z: b6 O$ Q <head></head> 部分 和 <body></body> 部分9 w1 y- A6 B' U# F6 U, s
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。0 x* r9 H e. J: u, f' _
5 Y6 { @- }# f- W& \: |: Q/ ] 在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。 |
|