新手站长论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

查看: 15747|回复: 78

织梦仿站系列教程第五讲——通用头部(一)

    [复制链接]
发表于 2011-9-1 16:56 | 显示全部楼层 |阅读模式
上一讲修改了页首的代码,这一讲,我们讲通用头部的制作。

首先找到全站共用部分,然后把共用部分放在通用头部head.htm文件中,这样我们可以节省很多的工作量。

开始工作,查找共用部分。我们打开拳击在线,发现全部共用部分是从最顶部到网站搜索那一行,如图所示:




我们在网页代码中查找这一部分代码,将其覆盖到head.htm文件中,替换掉的代码。查找代码这部分任务,需要有一定的HTML知识了,大家有时间还是要看一些HTML的基础知识。

别忘记了,把共用部分复制到head.htm以后,将index.htm文件中的这部分共用代码用

{dede:include filename="head.htm"/} 来替换。然后查看一下前台。如果前台乱了,说明你刚才的步骤出错了,需要重新来过。如果和第三讲时的效果一样,说明你成功了,可以继续仿站工作了。

查看head.htm代码,可以看到,拳击在线的登陆框是调用一个静态文件loginjs.htm,我们找到这个文件。在你保存网页文件的目录中,如下图所示:




打开后,我们发现,这个是个JS文件,我们将其转化业html文件格式。这个好多站长工具提供此服务。

将转换后的代码复制到head.htm中,覆盖如下代码:

<SCRIPT src="{dede:global.cfg_templets_skin/}/images/loginjs.htm"></SCRIPT> 接下来就要修改这段代码使之成为织梦的登陆框代码了,这个有点复杂,我们放在下一节单独讲解。

往下走,是加入收藏等链链。找到下面的代码:

<DIV class=login_r> <A onclick=window.external.addFavorite(location.href,document.title) href="http://www.quanji.cn/#">加入收藏</A> |   <A href="http://www.quanji.cn/#">设为首页</A> |   <A href="http://www.quanji.cn/e/member/cp/">会员中心</A> |   <A href="http://www.quanji.cn/e/DoInfo/">我要投稿</A> |   <A href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> |   <A href="http://www.quanji.cn/e/web/?type=rss2&amp;classid=0">RSS</A> </DIV> 修改为:

<DIV class=login_r> <A href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</A> |   <A href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</A> |   <A href="{dede:global.cfg_cmspath/}/member/">会员中心</A> |   <A href="{dede:global.cfg_cmspath/}/member/article_add.php">我要投稿</A> |   <A href="#">联系我们</A> |   <A href="{dede:global.cfg_dataurl/}/rssmap.html">RSS</A> </DIV> 代码解释:

{dede:global.cfg_basehost/}  站点根网址 在后台系统->系统参数设置->站点根网址处设置。

{dede:global.cfg_webname/} 网站名称 在后台系统->系统参数设置->网站名称处设置

联系我们这个链接之所以写为#,是因为我们还没有建这个页面。我们如果添加一个栏目联系我们,那么此处的链接是:

{dede:type typeid='10'}[field:typelink /]{/dede:type} 其中的数字10是联系我们这个栏目的ID。

好了,这一讲内容就到这里了,下一讲说说织梦登陆框。

凡标识为福星网络原创的内容系福星网络版权内容,转载请注时来源于福星网络(www.fuxing5.com)。谢谢合作!
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-2 00:48 | 显示全部楼层
所有dedecms仿站教程导航:http://www.cnzhanzhang.com/thread-283945-1-1.html

点评

支持下。  详情 回复 发表于 2016-12-15 11:49
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-14 16:13 | 显示全部楼层
支持下。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-29 15:18 | 显示全部楼层
越看。。越难了。。。。不过还是学到很多。。。感谢。。。转了哈

点评

越看。。越难了。。。。不过还是学到很多。。。感谢。。。转了哈  详情 回复 发表于 2016-12-15 11:50
越看。。越难了。。。。不过还是学到很多。。。感谢。。。转了哈  详情 回复 发表于 2016-12-15 11:49
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-29 17:04 | 显示全部楼层
超值强帖帮你顶^_^
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-2 15:41 | 显示全部楼层
不错,学习一下
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-4 20:23 | 显示全部楼层
这个是调用吧? 我也猜到了
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-7 16:34 | 显示全部楼层
还是不错的
顶顶
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-12 14:47 | 显示全部楼层
恩,是感觉有点难度了,没学过JS 就是有点困难~不过慢慢来~慢慢学
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-12 14:52 | 显示全部楼层
很强悍,呵呵
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-14 16:32 | 显示全部楼层
希望大家踊跃发言,我顶先
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-14 16:41 | 显示全部楼层
太神了,好贴,我双手赞成
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-12-10 21:20 | 显示全部楼层
有意思越来越有深度啦!!!
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-12-11 12:00 | 显示全部楼层
继续学习。  
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-12-26 14:57 | 显示全部楼层
又成功一步
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2012-1-3 15:15 | 显示全部楼层
向楼主致敬
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2012-1-23 03:50 | 显示全部楼层
越看。。越难了。。。。不过还是学到很多。。。感谢。。。转了哈
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2012-2-2 00:27 | 显示全部楼层
顶上去!顶上去!
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2012-2-3 16:14 | 显示全部楼层
 ̄ε  ̄)
 ̄ε  ̄)
 ̄ε  ̄)
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2012-2-6 15:23 | 显示全部楼层
教程难得啊,,
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

基础教程 HTML(网页制作基础课) Dreamweaver(网页制作课程) CSS基础知识视频教程 Photoshop(作图基础课) 进阶教程 SEO教程 PHP教程 ASP教程 JavaScript
分步教程: 域名注册教程 空间购买教程 域名解析教程 网站备案教程 域名绑定教程 上传下载教程 思路方法: 菜鸟起步教程 通用建站思路 新手建站过程 本地免费空间
实例教程 Discuz(论坛) Phpwind(论坛) ECshop(网店) Shopex(网店) Dedecms(文章资讯) PHP168(文章资讯) 114la(网址导航) uchome(交友) Wordpress(博客) | 更多
特色板块: 新手站长交流(注册后即可发帖) 数据百度大课堂授课内容 cnzhanzhang学院 站长在线答疑(建站问题免费解答) 建站教程学习区 发外链 发广告 seo交流站长群

QQ|广告报价|Archiver|手机版| 新手站长网 ( 豫ICP备14019290号 )

Powered by Discuz! X3.2

© 2007-2016 新手站长论坛 Inc.

快速回复 返回顶部 返回列表