织梦(dedecms)仿站课程第二十一讲――封面列表制作 _Web前端

织梦(dedecms)仿站教程第二十一讲――封面列表制作

看拳击在线的代码，晕，最新新闻和热门新闻竟然是JS调用，我们只好找到这个JS文件，转换成HTML，然后修改。

将如下代码：

<DIV class=title4>
<H3>最新新闻</H3>
</DIV>
<DIV class=right_b>
<UL>
<SCRIPT
src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户！_files/class1_newnews.js"></SCRIPT>
</UL>
</DIV>
<DIV class=title4>
<H3>热门新闻</H3>
</DIV>
<DIV class=right_hot>
<UL>
<SCRIPT
src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户！_files/class1_hotnews.js"></SCRIPT>
</UL>
</DIV>

修改为：

<DIV class=title4>
<H3>最新新闻</H3>
</DIV>
<DIV class=right_b>
<UL>
{dede:arclistrow='10' titlelen='60'}
<LI><A title="[field:title/]" href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
{/dede:arclist}
</UL>
</DIV>
<DIV class=title4>
<H3>热门新闻</H3>
</DIV>
<DIV class=right_hot>
<UL>
{dede:arclist row='10' sort='hot' titlelen='60'}
<LI><A title="[field:title/]" href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
{/dede:arclist}
</UL>
</DIV>

查看前台？不，一鼓作气把封面页做完，就剩下通用底部了，将拳击在线封面页通用底部代码：

<DIV class=footer>
<DIV class=copyright>
<UL>
<LI><A href="http://www.quanji.cn/">网站首页</A> | <A
href="http://www.quanji.cn/html/about.html">关于我们</A> | <A
href="http://www.quanji.cn/html/shengming.html">版权声明</A> | <A
href="http://www.quanji.cn/html/a.html">广告服务</A> | <A
href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> | <A
href="http://www.quanji.cn/html/map.html">网站地图</A> |
<SCRIPT language=JavaScript
src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户！_files/stat.htm"></SCRIPT>
| <A href="http://www.quanji.cn/e/wap" target=_blank>WAP</A>
<LI>Powered by <STRONG><A href="http://www.quanji.cn/"
target=_blank>QuanJi.Cn</A></STRONG> ? 2004-2011 <A
href="http://www.quanji.cn/" target=_blank>Boxing Online Network Inc.</A> <A
href="http://www.miibeian.gov.cn/" target=_blank>湘ICP备09024032号</A>
<LI>关键词：拳击|boxing|拳击在线|拳击比赛|拳击新闻|拳击视频|拳击论坛|拳迷俱乐部|拳击手|中国拳击|拳赛直播|拳赛推广|拳击培训|拳击器材|美国拳击|黑市拳|帕奎奥|梅威瑟
</LI></UL></DIV></DIV>
<SCRIPT type=text/javascript charset=utf-8
src="拳击新闻_拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全拳击门户！_files/jiathis_r.js"></SCRIPT>

替换为：

{dede:include filename="footer.htm"/}

好了，这回可以看封面页的全貌了！：）

好了，封面页就好了，嘿嘿，庆祝一下，做好两个页面了，列表页就会更轻松了。