第十课 footer页脚部分制作

第十课 footer页脚部分制作

时间:2011-06-19 00:00来源:未知 作者:admin点击: 79 次

这一节课的内容很简单，就是把网站的页脚部分做完。先看页面效果分析图，如下图1

图1

我们的页脚分成四部分，第一个是“友情链接”，第二个是“页脚链接”，第三个是“版权信息”，第四个是“网站名称”。

友情链接部分

先看如下代码：
<div class="flink">
<ul><li>友情链接:</li>{dede:flink row='200'/}</ul>
</div>

这段就是友情链接的调用代码，这里的row='200'的意思是调用200个出来，如果还有更多的话，也可以对这个数字进行修改。相对应的CSS代码也比较简单：

.flink{ width:1000px; float:left; margin-bottom:5px; margin-top:10px; background:url(../images/dot1.jpg) top no-repeat}

.flink li{ float:left; display:inline; margin:5px; line-height:20px;}

底部链接

网站的底部链接也是比较重要的，它起到总揽全站的效果，如果没有它，网站的底部就会显得很苍白了。代码如下：

<div class="footlink">

{dede:channel type='top'}

<a href='[field:typelink/]'>[field:typename/]</a>&nbsp;|&nbsp;

{/dede:channel}

<a href="/sitemap.html" title="网站地图">网站地图</a>

</div>

CSS代码如下：

#foot{ width:1000px; float:left; height:93px; color:#FFF; text-align:center; line-height:200%; background:url(../images/footer.jpg) repeat-x}

.footlink{ margin:5px;}

.footlink a{ color:#FFF;}

版权信息

版权所有 @&nbsp;&nbsp;{dede:global.cfg_powerby/}&nbsp;&nbsp;{dede:global.cfg_beian/}<br />

我们来分析一下上面的代码：{dede:global.cfg_powerby/}这个是网站的“版权信息”调用的标签，修改这个的内容就要到后台——“系统”——“系统基本参数”——“网站版权信息：”中修改，如下图2：同样的， {dede:global.cfg_webname/}就是表示“网站名称”。

图2

织梦企业建站教程到现在已经出了十课了，到这里呢，一个网站的首页的结构和制作方法也说得差不多了，在接下来的课程，我们就会转入讲解网站内页的制作，等整个网站的制作过程都完了之后，我们打算讲解一下怎么去对网站进行优化，敬请留意。