织梦(dedecms)仿站教程第十八讲—dede封面页制作

从这一进开始,我们制作封面模板index_article.htm。
首先打开http://www.quanji.cn,点击拳击新闻,保存一下。然后打开保存的html文档。再打开templets\fuxing5目录下的index_article.htm和templets\复件 default目录下的index_article.htm。
将保存的网页的代码复制一下,覆盖到templets\fuxing5目录下的index_article.htm。参考templets\复件 default目录下的index_article.htm进行修改。
先看页首代码:
  1. <HEAD>
  2. <META content="IE=7.0000" http-equiv="X-UA-Compatible">
  3. <TITLE>拳击新闻_拳击在线 - QuanJi.Cn | 致力于打造最大最全拳击门户!</TITLE>
  4. <META content="text/html; charset=gb2312" http-equiv=Content-Type>
  5. <META name=keywords content="拳击新闻,拳击资讯,拳坛资讯,世界拳击,国际拳坛,世界拳坛boxing news,">
  6. <META name=description content=国内外最新拳击新闻资讯>
  7. <LINK rel=stylesheet type=text/css href="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/css.css">
  8. <SCRIPT type=text/javascript src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/loginjs.htm"></SCRIPT>
  9. <META name=GENERATOR content="MSHTML 8.00.6001.19120">
  10. </HEAD>
 
修改为织梦封面页的页首代码:
  1. <HEAD>
  2. <META content="IE=7.0000" http-equiv="X-UA-Compatible">
  3. <title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
  4. <META content="text/html; charset=gb2312" http-equiv=Content-Type>
  5. <meta name="keywords" content="{dede:field name='keywords'/}" />
  6. <meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
  7. <LINK rel=stylesheet type=text/css href="{dede:global.cfg_templets_skin/}/style/css.css">
  8. <META name=GENERATOR content="MSHTML 8.00.6001.19120">
  9. </HEAD>
 
封面页的页首代码与列表页、内容页一样,所以我们以后不会再重复讲了。
代码解释:
{dede:field.title/} 页面标题
{dede:global.cfg_webname/} 网站名称
{dede:field name='keywords'/} 关键词
{dede:field name='description' function='html2text(@me)'/ 描述   关键词和描述在栏目修改->高级选项中修改。
接下来是通用头部,用
{dede:include filename="head.htm"/}
 
替换掉共用头部代码。
再接下来是面包屑导航代码:
<DIV class=loc>当前位置:<A href="http://www.quanji.cn/">首页</A> > <A href="http://www.quanji.cn/news/">拳击新闻</A></DIV>
 
修改为:
<DIV class=loc>当前位置:{dede:field name='position'/}</DIV>
 
代码不用解释了,position变量调用当前页面的路径。列表页、内容页通用。
再往下是四幅图片的调用,我们调用四幅有缩略图的内容。即调用当前栏目及下级栏目的内容。
先看代码:
  1. <UL>
  2.   <LI><A href="http://www.quanji.cn/news/1/6098.html"><IMG src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/smallcc3f5f4ac16f6e3415141883f691a1761312957928.jpg"></A>
  3.   <H2><A href="http://www.quanji.cn/news/1/6098.html">[组图]霍普金斯VS道森纽</A></H2></LI>
  4.   <LI><A href="http://www.quanji.cn/news/1/6075.html"><IMG src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/small7db76f04a3597d5e5bca79db4b541e371312891812.jpg"></A>
  5.   <H2><A href="http://www.quanji.cn/news/1/6075.html">马丁内斯:我愿意将降级</A></H2></LI>
  6.   <LI><A href="http://www.quanji.cn/news/1/6076.html"><IMG src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/small0e54f70e1f006756c00ac90045a541b91312891815.jpg"></A>
  7.   <H2><A href="http://www.quanji.cn/news/1/6076.html">梅威瑟:我将以更好的训</A></H2></LI>
  8.   <LI><A href="http://www.quanji.cn/news/1/6082.html"><IMG src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户!_files/small9b2d73f2ae3a6a081154c76254dd04bb1312891838.jpg"></A>
  9.   <H2><A href="http://www.quanji.cn/news/1/6082.html">“老男孩”坎帕斯三回合</A></H2></LI>
  10. </UL>
 
修改为织梦的调用代码:
  1. <UL>
  2. {dede:arclistrow=4  titlelen='24' orderby=pubdate type='image.'}  
  3.   <LI><A href="[field:arcurl/]"><IMG src="[field:litpic/]"></A>
  4.   <H2><A href="[field:arcurl/]">[field:title/]</A></H2></LI>
  5. {/dede:arclist}  
  6. </UL>
代码就不用解释了,前面的课程里已讲过这些了。好了,这一讲到此结束,最后,看下前台效果:
 
 
下一进我们讲一下,在首页没有讲到的一个标签channelartlist,这是织梦唯一可以嵌套的标签。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值