您的位置：首页 > 其它

第十课 footer页脚部分制作

2016-03-21 10:44 225 查看

第十课 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> | 
{/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;}

版权信息

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



图2
织梦企业建站教程到现在已经出了十课了，到这里呢，一个网站的首页的结构和制作方法也说得差不多了，在接下来的课程，我们就会转入讲解网站内页的制作，等整个网站的制作过程都完了之后，我们打算讲解一下怎么去对网站进行优化，敬请留意。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航