手把手教你帝国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-op99%的人还阅读了:
公众号搜索“爱思60度”,领取大礼包
来源:爱思60度,欢迎分享本文,转载请保留出处!(微信公众号:wangxi2004324235)