要设计xoops网站的网页必须了解xoops网页结构，这是因为，不了解这一点，你便无法预计网站的总体外观，没办法设计各个部分的位置，至少你无法知道是不是能简单的做到你所想的。
首先，我们要知道的是控制风格模板的文件放在xoops_root/themes目录下，你会看到，default文件夹，对了，我们安装时的default风格就是放在这个里面。当然我们还有可能看到诸如x2t和xmt这些名字的文件夹，他们就是可以供我们选择的各不相同的风格模板的名字。在themes下每个文件夹的名字都是可供我们选择的风格的名字，而相关的文件就放在其中。
下面，让我们来透过这些已经写好的文件的代码内容来一步步了解xoops网页结构。
控制xoops网页主体结构的文件名为theme.html，让我们打开default文件夹（我们就以default风格为例）就可以看到了。
使用编辑软件打开（我推荐emeditor）,我们可以在
<div class=“wrapper”>
<!–
主页开始 分为，top ,main ,foot,三部分–>
<!–
设置top–>
<
table class=“toptable” cellspacing=“0″>
<
tr><!–下面的headerlogo是无效，因为没有定义，不过如果需要添加文字的时候需要在样式表中添加–>
<
td id=“headerlogo”><a href=“<{$xoops_url}>/”><img src=“<{$xoops_imageurl}>images/logo.gif” width=“148″ height=“80″ title=“<{$smarty.const._YOURHOME}>” alt=“<{$smarty.const._YOURHOME}>” /></a></td>
<
td id=“headerbanner”><{$xoops_banner}></td>
</
tr>
<
tr>
<!–
设置搜索兰–>
<
td id=“headerbar” colspan=“2″>
<{include
file=“default/navigation/theme_usernav.html”}>
</
td>
</
tr>
</
table>
<!–
设置main ——————main分left,center,right,三部分–>
<
table class=“maintable” cellspacing=“0″>
<
tr>
<!–
设置左侧的 –>
<{if
$xoops_showlblock == 1}>
<
td id=“leftcolumn”>
<!—-
Start left blocks loop –>
<{foreach
item=block from=$xoops_lblocks}>
<{include
file=“default/blocks/theme_blockleft.html”}>
<{/foreach}>
<!—
End left blocks loop –>
</
td>
<{/if}>
<!–
设置中间的 –>
<
td id=“centercolumn”>
<!–
Display center blocks if any –>
<{if
$xoops_showcblock == 1}>
<
table cellspacing=“0″>
<
tr>
<
td id=“centerCcolumn” colspan=“2″>
<!–
设置全长模块 –>
<{foreach
item=block from=$xoops_ccblocks}>
<{include
file=“default/blocks/theme_blockcenter_c.html”}>
<{/foreach}>
<!–
End center-center blocks loop –>
</
td>
</
tr>
<
tr>
<
td id=“centerLcolumn”>
<!–
设置半长左侧模块 –>
<{foreach
item=block from=$xoops_clblocks}>
<{include
file=“default/blocks/theme_blockcenter_l.html”}>
<{/foreach}>
<!–
End center-left blocks loop –>
</
td>
<
td id=“centerRcolumn”>
<!–
设置半长右侧模块 –>
<{foreach
item=block from=$xoops_crblocks}>
<{include
file=“default/blocks/theme_blockcenter_r.html”}>
<{/foreach}>
<!–
End center-right blocks loop –>
</
td>
</
tr>
</
table>
<{/if}>
<!–
End display center blocks –>
<!–
设置显示内容–>
<
div id=“content”>
<{
$xoops_contents}>
</
div>
</
td>
<!–
设置右侧–>
<{if
$xoops_showrblock == 1}>
<
td id=“rightcolumn”>
<!–
Start right blocks loop –>
<{foreach
item=block from=$xoops_rblocks}>
<{include
file=“default/blocks/theme_blockright.html”}>
<{/foreach}>
<!–
End right blocks loop –>
</
td>
<{/if}>
<!–
Display right blocks end–>
</
tr>
</
table>
<!–
设置 foot–>
<
table class=“footertable” cellspacing=“0″>
<
tr>
<
td id=“footerbar”>
<{
$xoops_footer}>
</
td>
</
tr>
</
table>
</
div>
我们可以看到，xoops网页主体结构分为top（顶部）,main（主体）,foot（底部）三个部分，而main（主体）部分又分为left（左边纵栏）,center（中间纵栏）,right（右边纵栏），其中center（中间纵栏）还可分为center-center（占中间全长），center-left（占中间左边一半），center-right（占中间右边一半）三种情况。
现在我们该大概其明白xoops网页主体的主体结构是怎么设计的了吧！大家先好好体会一下，下节课我们将继续讲述css文件与结构文件的联系————xoops网页风格讲堂（2）
1/24/2006 @ 9:39 am
我在认真听，并期待下一堂课。
1/31/2006 @ 7:17 pm
为什么WordPress导航到显示下面去了,好象是
的出的问题?另外谢谢你的文章!