接下来，我们依然用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 股</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)
顶端 
底部
![电子邮件:[ mzlstock@163.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
![QQ号码:[ 704225449 ]](http://bbs.kesion.com/club/images/qq.gif){kind=small}
zl458767120 发表于：2011/10/23 14:38:24 | 只看该作者 查看该作者主题
板凳 
