账号通
    

账号  

密码  

2591

查看

5

回复
主题:[分享]新手建站之模板篇2头部静态标签的模仿 [收藏主题] 转到:  
mzhycy 当前离线

15

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:37 分
登录次数:10 次
注册时间:2011/9/7
最后登录:2011/10/23
mzhycy 发表于:2011/10/23 14:16:54   | 只看该作者 查看该作者主题 楼主 
做在线知识付费 选科汛云开店

接下来,我们依然用www.haogu178.com为例来讲解头部静态标签的模仿。

老办法,用dreamwave打开新建文件夹的xinde.html文件,找到头部信息。不管是php格式的网站还是asp,aspx格式的网站,它们储存到本地后的文件均是解析过的静态web页。如果是用cms建的网站,格式基本上是一致的,都有头部开始,头部结束,底部开始,底部结束的注释。

</head>

<body>

<!--网站头部通用Start-->

<div class="topBanner">

<!-- Dingtong -->

<script type="text/javascript" src="http://www.haogu178.com/JS/56.js"></script>

<!-- Dingtong End -->

</div>

<div class="Header" id="weatherWarp">

<div class="loginBar">

<div class="barBox">

<div class="login">

<script src="http://www.haogu178.com/user/userlogin.asp?action=script" type="text/javascript"></script>

</div>

<div class="linkBar">

<div class="Hsplit"></div>

<div class="link">本站互动QQ:781567708</div>

</div>

</div>

</div>

<div class="LogoBox">

<a href="http://www.haogu178.com" target="_self"><img src="/images/logo.png" border="0" align="absmiddle" alt="logo" /></a>

</div>

<div class="dhBox">

<div class="navListBar">

<div class="tNav">

<div class="cn_nav">

<ul>

<li class="headLi"><b><a href="http://www.haogu178.com/?list-1164.html">财经</a></b></li>

<li><a href="http://www.haogu178.com/?list-1182.html">要闻</a></li>

<li><a href="http://www.haogu178.com/?list-1189.html">评论</a></li>

<li><a href="http://www.haogu178.com/?list-1185.html">国内</a></li>

<li><a href="http://www.haogu178.com/?list-1184.html">国际</a></li>

<li><a href="http://www.haogu178.com/?list-1181.html">宏观</a></li>

<li class="leftLine" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1167.html">基金</a></b></li>

<li><a href="http://www.haogu178.com/Quote/fund/netvalue/">净值</a></li>

<li><a href="http://www.haogu178.com/Quote/fund/valuation/">估值</a></li>

<li><a href="http://www.haogu178.com/Quote/fund/fundranking/">排行</a></li>

<li><a href="http://www.haogu178.com/Quote/fund/fundrating/">评级</a></li>

<li class="leftLine" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1173.html">理财</a></b></li>

<li><a href="http://www.haogu178.com/?list-1172.html">银行</a></li>

<li><a href="http://www.haogu178.com/?list-1170.html">债券</a></li>

<li><a href="http://www.haogu178.com/?list-1171.html">保险</a></li>

<li><a href="http://www.haogu178.com/?list-1382.html">信托</a></li>

<li class="leftLine" style="width:44px;"><b><a href="http://www.haogu178.com/bbs/">论坛</a></b></li>

<li><a href="http://www.haogu178.com/club/index.asp?boardid=21">个股</a></li>

<li><a href="http://www.haogu178.com/club/index.asp?boardid=22">技术</a></li>

<li class="vstock"><span class="red"><a href="http://www.haogu178.com">淘金专栏</a></span></li>

</ul>

<ul>

<li class="headLi"><b><a href="http://www.haogu178.com/?list-1165.html">股票</a></b></li>

<li><a href="http://www.haogu178.com/quote/">行情</a></li>

<li><a href="http://www.haogu178.com/?list-1223.html">直播</a></li>

<li><a href="http://www.haogu178.com/?list-1212.html">必读</a></li>

<li><a href="http://www.haogu178.com/?list-1228.html">数据</a></li>

<li><span class="red"><a href="http://www.haogu178.com/?list-1208.html">新股</a></span></li>

<li class="leftLine" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1211.html">市场</a></b></li>

<li><a href="http://www.haogu178.com/?list-1224.html">大盘</a></li>

<li><a href="http://www.haogu178.com/?list-1225.html">板块</a></li>

<li><a href="http://www.haogu178.com/?list-1214.html">主力</a></li>

<li><a href="http://www.haogu178.com/?list-1227.html">策略</a></li>

<li class="leftLine" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1210.html">个股</a></b></li>

<li><a href="http://www.haogu178.com/?list-1238.html">点睛</a></li>

<li><a href="http://www.haogu178.com/?list-1240.html">评级</a></li>

<li><a href="http://www.haogu178.com/?list-1243.html">公告</a></li>

<li><a href="http://www.haogu178.com/?list-1252.html">提示</a></li>

<li class="leftLine" style="width:44px;"><b><a href="http://www.haogu178.com/?list-1241.html">研究</a></b></li>

<li><a href="http://www.haogu178.com/?list-1230.html">机构</a></li>

<li><a href="http://www.haogu178.com/?list-1231.html">名家</a></li>

<li class="vstock"><a href="http://www.haogu178.com/plus/mailsub.asp">在线订阅</a></li>

</ul>

<ul>

<li class="headLi"><b><a href="http://www.haogu178.com/?list-1397.html">全球</a></b></li>

<li><a href="http://www.haogu178.com/cmgyw.html">美股</a></li>

<li><span class="red"><a href="http://www.haogu178.com/?list-1396.html">港股</a></span></li>

<li><a href="/?list-1174.html">外汇</a></li>

<li><a href="http://www.haogu178.com/?list-1168.html">期货</a></li>

<li><a href="http://www.haogu178.com/?list-1175.html">黄金</a></li>

<li class="leftLineBot" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1214.html">主力</a></b></li>

<li><a href="http://www.haogu178.com/?list-1218.html">创业</a></li>

<li><a href="http://www.haogu178.com/?list-1220.html">B&nbsp;股</a></li>

<li><a href="http://www.haogu178.com/?list-1229.html">三板</a></li>

<li><a href="http://www.haogu178.com//?list-1363.html">期指</a></li>

<li class="leftLineBot" style="width:45px;"><b><a href="http://www.haogu178.com/?list-1179.html">商业</a></b></li>

<li><a href="http://www.haogu178.com/?list-1180.html">产经</a></li>

<li><a href="http://www.haogu178.com/?list-1241.html">公司</a></li>

<li><a href="http://www.haogu178.com/?list-1187.html">人物</a></li>

<li><a href="http://www.haogu178.com/?list-1188.html">精英</a></li>

<li class="leftLineBot" style="width:44px;"><b><a href="http://www.haogu178.com/Video/">视频</a></b></li>

<li><a href="http://www.haogu178.com/?list-1177.html">金融</a></li>

<li><a href="http://www.haogu178.com/?list-1284.html">学校</a></li>

<li class="vstock"><a href="http://www.haogu178.com/Item/list.asp?id=1455">图书下载</a></li>

</ul>

</div>

</div>

</div>

</div>

</div>

<div class="mainFrame">

  <div class="bannerE">

<div class="left">

<script type="text/javascript" src="http://www.haogu178.com/JS/67.js"></script>

</div>

<div class="center">

<script type="text/javascript" src="http://www.haogu178.com/JS/66.js"></script>

</div>

<div class="right">

<script type="text/javascript" src="http://www.haogu178.com/JS/68.js"></script>

</div>

</div>

</div>

<div class="mainFrame">

<iframe width="100%" height="30"  src="/JS/global.html" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

<div class="spacer8"></div>

</div>

<!--网站头部通用End-->

该网站的头部完全是科讯格式化的静态标签调用,我们找到头部开始和头部结束,将两者之间的代码拷贝,然后利用dreamweaver将所有的超链接清除,等栏目做好后再加上自己需要的栏目超链,也可保留,等栏目做好后再用自己所需的栏目超链接替换掉它们就行了。头部菜单文字根据自己所需改动,这个不难。当然可以用科讯自带的标签,只是风格格式会不一样。

完成菜单文字的替换和超链接的替换,再在后台自定义静态标签处建立一个首页头部调用标签,将修改好的内容粘贴到标签输入框,你的头部静态标签就完成了。

至于底部静态标签的模仿,与头部一样,大家可以参照头部的修改去修改。

完成头部、底部自定义静态标签的建立后,切记要打开你的首页模板,将原来头部开始……头部结束这段内容替换为首页头部标签,底部替换与头部一样。

到了这一步,你的主页模板才算真正做好了。绑定一下主页,打开看看,是不是成功了?

 
  支持(3) | 反对(3) 回到顶部顶端 回到底部底部
lzlrzx1 当前离线

549

主题

0

广播

0

粉丝
添加关注
级别:五年级

用户积分:218 分
登录次数:72 次
注册时间:2011/10/22
最后登录:2013/1/2
lzlrzx1 发表于:2011/10/23 14:22:13   | 只看该作者 查看该作者主题 沙发 
 
  支持(3) | 反对(3) 回到顶部顶端 回到底部底部
mjxpzx 当前离线

347

主题

1

广播

1

粉丝
添加关注
级别:三年级

用户积分:4327 分
登录次数:1055 次
注册时间:2010/3/7
最后登录:2017/10/9
mjxpzx 发表于:2011/10/23 14:35:57   | 只看该作者 查看该作者主题 藤椅 
 
高考资讯网www.gkzxw.com;画室之家www.gaokao168.com
  支持(3) | 反对(2) 回到顶部顶端 回到底部底部
zl458767120 当前离线

590

主题

0

广播

0

粉丝
添加关注
级别:五年级

用户积分:413 分
登录次数:26 次
注册时间:2011/9/16
最后登录:2011/10/25
zl458767120 发表于:2011/10/23 14:38:24   | 只看该作者 查看该作者主题 板凳 
对不起,该用户所发的帖已全被锁定!
 
  支持(2) | 反对(2) 回到顶部顶端 回到底部底部
sxatkj 当前离线

384

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:298 分
登录次数:46 次
注册时间:2011/10/23
最后登录:2013/2/21
sxatkj 发表于:2011/10/23 21:12:05   | 只看该作者 查看该作者主题 报纸 
 
<a href=http://www.sxatkj.com target=_blank>塑胶跑道</a> <a href=http://www.sxatkj.com target=_blank>塑胶球场</a> <a href=http://www.sxatkj.com target=_blank>塑胶球场施工</a>http://www.sxatkj.com
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chaiyuan2008 当前离线

151

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:186 分
登录次数:26 次
注册时间:2011/5/23
最后登录:2012/6/13
chaiyuan2008 发表于:2011/10/24 0:08:51   | 只看该作者 查看该作者主题 地板 
科汛智能建站系统
对不起,该用户所发的帖已全被锁定!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行3.98731秒 powered by KesionCMS 9.0