手把手教你帝国cms仿UC导航网模板制作过程
- 编辑：爱思60度微信公众号(wangxi2004324235) -什么是导航网站：
网址导航(Directindustry Web Guide)就是一个集合较多网址，并按照一定条件进行分类的一种网址站。网址导航可谓是互联网最早的网站形式之一。
hao123网址导航是其中的一个案例，著名的hao123，2345，YAHOO，360网址之家等；都是从网址导航起家，迄今YAHOO的页面还可以看到网址导航的身影。
第一：栏目制作：
栏目包括：访问、 综合影视、 影视、 游戏、 小游戏、 热门游戏、 网页游戏、 单机游戏、 网络游戏、 家用机/掌机、 手机游戏、 小说、 小说阅读、 电子书、 购物、 知名企业、 军事、 军事网站、 体育、 体育分类、 汽车、 财经、 手机、 手机综合、 资源下载、 果粉乐园、 安卓、 二手手机、 手机配件、 房产、 新闻、 商城、 旅游、 团购、 生活、 交友、 邮箱、 音乐、 娱乐、 银行、 招聘、 教育、 电脑、 快递、 论坛。
第二：列表页模板代码：
<!DOCTYPE html>
<!-- saved from url=(0030)http://www.uc123.com/game.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>游戏_900游戏_最懂你的游戏导航</title>
<meta name="description" content="900导航——小游戏大全，热门单机，火爆页游，还有PC、手机、家用机、掌机，你想要的一切游戏都在UC123。">
<meta name="keywords" content="网址导航，网址大全，上网导航，900导航，UC游戏，游戏二级页，900300， 900300网址导航，900网址大全，LOL大全">
<link charset="UTF-8" rel="stylesheet" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/css/uc.gm.pkg.min.css">
<link charset="UTF-8" rel="shortcut icon" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/img/favicon_uc123.png">
<link charset="UTF-8" rel="icon" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/img/favicon_uc123.png" sizes="16x16">
<!--<base target="_blank">--><base href="." target="_blank">
<script>
var staticConfig = {
url: "//g.tbcdn.cn//browser/uc123_no/0.0.65/",
fullUrl: "//g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/"
}
</script>
<style type="text/css">
.hotbanner,.container > .hotwords,.tbSale,.hotGame,.tbFeat {display:none!important;display:none}</style>
</head>
<body>
<div id="header" class="header-bar-gray">
<div class="header-inner clearfix">
<div class="logo">
<a href="http://www.900300.cn/index.html"><img src="./900300/uc_logo_v1.png" width="190" height="60"><span class="logo-name">游戏</span></a>
</div>
<form class="form-search" action="http://www.baidu.com/" method="get" autocomplete="false">
<input id="search_keyword" class="form-input" name="q" type="text" autocomplete="off" value="">
<input class="form-submit" type="submit" value="搜索">
<input type="hidden" name="pid" value="10000001000_pt">
</form>
</div>
</div>
<!-- add to check html:can not be delete start -->
<div id="uc123-check-mid" style="display:none"></div>
<!-- add to check html:can not be delete end -->
<div id="main-container">
<div id="masthead">当前位置: <a href="http://www.900300.cn/index.html">900导航</a> - 游戏</div>
<div class="main-content-row gameH">
<div class="category mod game-category float-L" style="z-index:1;">
<a class="game-pic-L" data-track="true" data-ck="{"id":"130399","ck_name":"焦点图","ck_po":"1-1","pg":"二级独立页-游戏-英雄联盟","ck_rg":""}" href="http://www.uc123.com/lol123.html">
<img src="./900300/TB1wkwdHXXXXXXxaVXXwu0bFXXX.png" title="焦点图" alt="焦点图" width="159" height="88">
</a>
<div class="game-content-L">
<div class="credits-layer">
<h5>战斗力查询</h5>
<div class="q-char">
<div class="area-group">
<div class="area-show">
<div class="area-show-item" data-area="全部大区" data-val="0">全部大区</div>
<div class="area-show-icon"></div>
</div>
</div>
<div class="area-list" style="display: none;">
<div class="area-menu">
<ul class="area-options"><li data-area="全部大区" data-val="0" class="area-option area-option-selected">全部大区</li><li data-area="艾欧尼亚" data-val="1" class="area-option">艾欧尼亚</li><li data-area="祖安" data-val="3" class="area-op
99%的人还阅读了：
公众号搜索“爱思60度”，领取大礼包
来源：爱思60度，欢迎分享本文，转载请保留出处！（微信公众号：wangxi2004324235）
