第一步:
这是大概样式
代码:
index.htm
<!DOCTYPE html>
<!-- saved from url=(0016)http://m.gmw.cn/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- tplID:33467 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="光明网是光明日报在网络时代的新延伸,也是国内唯一一家定位于思想理论领域的中央重点新闻网站。光明网坚持“可读、可信、可用”的办网原则,以“新闻视野、文化视角、思想深度、理论高度”为理念,努力打造“知识分子网上精神家园,权威思想理论文化网站”。">
<meta name="keywords" content="光明网,光明日报,时政,评论,理论,思想,学术,党建,经济,科技,教育,文化,娱乐,书画,旅游,摄影,卫生,法治,军事,体育,能源,汽车,电视,视频,访谈,动漫,传媒,社区,博客,百科,微博,云端读报,光明云媒,光明图片库,培训平台">
<meta name="filetype" content="0">
<meta name="publishedtype" content="1">
<meta name="pagetype" content="2">
<meta name="catalogs" content="50149">
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/weui.wxss">
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/dedecms.css">
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/bootstrap.min.css">
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/style.css">
<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/index.css">
<script src="{dede:global.cfg_templets_skin/}/js/hm.js"></script>
<script type="text/javascript" async="" src="{dede:global.cfg_templets_skin/}/js/atrk.js"></script>
<script async="" src="{dede:global.cfg_templets_skin/}/js/analytics.js"></script>
<script type="text/javascript" async="" src="{dede:global.cfg_templets_skin/}/js/duBaoMob.js"></script>
<script src="{dede:global.cfg_templets_skin/}/js/jquery.js">
</script>
<script src="{dede:global.cfg_templets_skin/}/js/owl.carousel.min.js"></script>
<title>{dede:global.cfg_webname/}</title>
</head>
<body><div id="BAIDU_DUP_fp_wrapper" style="position: absolute; left: -1px; bottom: -1px; z-index: 0; width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none;"><iframe id="BAIDU_DUP_fp_iframe" src="https://pos.baidu.com/wh/o.htm?ltr=" style="width: 0px; height: 0px; visibility: hidden; display: none;"></iframe></div>
<div class="pageCon">
<script type="text/javascript">
ac_as_info = {
aid:"mm_113716014_12970038_112150998",
serverbaseurl:"afpeng.alimama.com/",
}
</script>
<script id="ac_js86_mm_113716014_12970038_112150998"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/w.js"></script>
{dede:include filename="head.htm"/}
{dede:include filename="main.htm"/}
{dede:include filename="footer.htm"/}
<script type="text/javascript">
ac_as_info = {
aid:"mm_113716014_12970038_52768297",
serverbaseurl:"afpeng.alimama.com/",
}
</script>
<script id="ac_js86_mm_113716014_12970038_52768297"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/w.js"></script>
<script>
//slider index only
$(document).ready(function() {
//sileder
$("#slider").owlCarousel({
autoPlay:3000,
slideSpeed : 500,
paginationSpeed : 400,
singleItem : true
});
});
</script>
<!-- 20160705 mail from pengbo -->
<script type="text/javascript">
/*创建于2016-04-29*/
var cpro_id = "u2623415";
</script>
<script src="{dede:global.cfg_templets_skin/}/js/cm.js" type="text/javascript"></script><div id="BAIDU_SSP__wrapper_u2623415_0"></div>
<!-- 20160705 mail from pengbo -->
<style>
body{ margin:0; padding:0;}
.foot_nav{min-width:320px;height:40px;background:url(http://m.gmw.cn/20141.files/images/bgnav.jpg) repeat-x;}
.foot_nav a{ margin:0 3px; color:#fff; text-decoration:none; line-height:40px; text-align:center; font-size:14px;}
.font_wrap{ text-align:center;margin:0 auto;}
#onlineReader{ text-align:center; padding:10px 0; font-size:16px; line-height:1.8em;}
#onlineReader a { color:#33485b; text-decoration:none; padding:0}
.footer_gmrbCode{ width:100%; display:table;}
.footer_gmrbCode img{ width:35%;}
.footer_gmrbCode a{ width:33%; float:left; font-size:75%; line-height:1.5em;}
.foot_nav{ clear:both; margin-top:5px;}
</style>
<!-- 20180312 mail form tianchongqiang begin -->
<script type="text/javascript">
function changemeta(metaname, metavalue) {
var metas = document.getElementsByName(metaname);
if (metas.length == 1) {
metas[0].content = metavalue;
}
}
// 获取author的值
var authorInfo = $("#csc_pub_info").text().split(";")[3];
changemeta("author", authorInfo.split(":")[1]);
var liabilityInfo = $("#contentLiability").text();
$("#contentLiability").text(liabilityInfo.replace("]", authorInfo.split(":")[1] + "]"));
</script>
<!-- 20180312 mail form tianchongqiang end -->
<!-- 微信分享图片 -->
<div style="height:0; width:0;overflow:hidden; position:relative;">
<img src="{dede:global.cfg_templets_skin/}/images/gmwLogo_share.jpg" style="position:absolute; bottom:-9999px; left:-9999px;">
</div>
<!-- google统计 -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-20947729-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<script type="text/javascript">
_atrk_opts = { atrk_acct:"4+gli1aUCm00OA", domain:"gmw.cn",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=4+gli1aUCm00OA" style="display:none" height="1" width="1" alt="" /></noscript>
<script type="text/javascript">document.write(unescape("%3Cscript src='http://cl4.webterren.com/webdig.js?z=7' type='text/javascript'%3E%3C/script%3E"));</script><script src="{dede:global.cfg_templets_skin/}/js/webdig.js" type="text/javascript"></script>
<script type="text/javascript">wd_paramtracker("_wdxid=000000000000000000000000000000000000000000")</script>
</section></div><a data-cltversion="1.0.6" data-cltsource="400002" data-cltuuid="extJtAoqY0QAfyhnvJtoCAalzUn1cYgb0kR8" data-cltats="4" href="javascript:" id="tools-nav-explugin" style="display: none;"></a></body></html>
head.htm
<body>
<header>
<div class="topBar1">
<img src="{dede:global.cfg_templets_skin/}/images/logo.png" alt="">
</div>
<nav>
<div class="navWrapper">
<ul id="navMain">
<li class="item"><a href="http://www.sjzpt.edu.cn"><span>学院首页</span></a></li>
<li class="item"><a href="{dede:global.cfg_cmsurl/}"><span>首页</span></a></li>
{dede:channelartlist typeid="top" row="7"}
<li class="item"><a href="node_42675.htm"><span>{dede:field name='typename'/}</span></a></li>
{/dede:channelartlist}
</ul>
</div>
</nav>
</header>
</body>
main.htm
<body>
<section>
<div id="slider" class="owl-carousel" >
<!--begin 5262425-59891-1-->
<div class="item">
<figure>
<a href="{dede:type typeid='20'}[field:typelink /]{/dede:type}" target="_self">
<img src="{dede:global.cfg_templets_skin/}/images/s1.jpg" border="0">
</a>
<figcaption>
<h3>
<a href="{dede:type typeid='20'}[field:typelink /]{/dede:type}" target="_self">{dede:type typeid="20"}[field:typename /]{/dede:type}
</a>
</h3>
</figcaption>
</figure>
</div>
<div class="item">
<figure>
<a href="{dede:type typeid='43'}[field:typelink /]{/dede:type}" target="_self">
<img src="{dede:global.cfg_templets_skin/}/images/s2.jpg" border="0">
</a>
<figcaption>
<h3>
<a href="{dede:type typeid='43'}[field:typelink /]{/dede:type}" target="_self">{dede:type typeid="43"}[field:typename /]{/dede:type}
</a>
</h3>
</figcaption>
</figure>
</div>
<div class="item">
<figure>
<a href="{dede:type typeid='45'}[field:typelink /]{/dede:type}" target="_self"><img src="{dede:global.cfg_templets_skin/}/images/s3.jpg" border="0">
</a>
<figcaption>
<h3>
<a href="{dede:type typeid='45'}[field:typelink /]{/dede:type}" target="_self">{dede:type typeid="45"}[field:typename /]{/dede:type}</a></h3></figcaption>
</figure>
</div>
<div class="item">
<figure>
<a href="{dede:type typeid='47'}[field:typelink /]{/dede:type}" target="_self"><img src="{dede:global.cfg_templets_skin/}/images/s4.jpg" border="0"></a> <figcaption><h3><a href="{dede:type typeid='47'}[field:typelink /]{/dede:type}" target="_self">{dede:type typeid="47"}[field:typename /]{/dede:type}</a></h3></figcaption>
</figure>
</div>
<!--end 5262425-59891-1-->
</div>
</section>
<!-- <div class="channelName">
<h3>{dede:type typeid='93' row="1"}[field:typename/]{/dede:type}</h3>
</div> -->
<!-- <figure class="headlinePhoto">
<a href="http://m.gmw.cn/2018-06/13/content_29256061.htm" target="_self">
<img src="{dede:global.cfg_templets_skin/}/images/1528355121.jpg" border="0" width="100%">
</a>
<figcaption>
<h3>
<a href="{dede:type typeid="160"}[field:typelink/]{/dede:type}" target="_self">法国巴黎发生人质劫持事件</a>
</h3>
</figcaption>
</figure> -->
<div class="paddingWrapper main">
{dede:type typeid="93"}
<div class="channelName"><h3>
<a href="[field:typelink/]">[field:typename /]</a>
<!-- <span style="float:right;"><a href="[field:typelink/]">更多>></a>
</span> -->
</h3>
</div>
{/dede:type}
<div class="moreNewsList">
<!--begin 5262426-59891-1-->
<ul class="picTxtGroup">
{dede:arclist row="1" typeid="195" titlelen="500"}
<li>
<a href="2018-06/13/content_29258868.htm" target="_self">
<img src="[field:litpic/]" style="width:155px;height:108px;overflow: hidden;" border="0"></a>
<div class="txtArea"><h3>
<a href="[field:arcurl/]" target="_self">[field:title function="mb_substr(@me,0,100,'utf8')"/]...</a></h3>
<p class="itemDate"><span style="margin-left:10px;">[field:pubdate function=MyDate('Y-m-d',@me)/]</span> </p></div>
</li>
{/dede:arclist} </ul>
<!--end 5262426-59891-1-->
</div>
</div>
<div class="paddingWrapper main">
<!-- {dede:type typeid="93"}
<div class="channelName"><h3>
<a href="[field:typelink/]">[field:typename /]</a>
</h3>
</div>
{/dede:type} -->
<div class="moreNewsList">
<!--begin 5262426-59891-1-->
<ul class="picTxtGroup">
{dede:arclist row="1" typeid="200" titlelen="500"}
<li>
<a href="2018-06/13/content_29258868.htm" target="_self">
<img src="[field:litpic/]" style="width:155px;height:108px;overflow: hidden;" border="0"></a>
<div class="txtArea"><h3>
<a href="[field:arcurl/]" target="_self">[field:title function="mb_substr(@me,0,100,'utf8')"/]...</a></h3>
<p class="itemDate"><span style="margin-left:10px;">[field:pubdate function=MyDate('Y-m-d',@me)/]</span> </p></div>
</li>
{/dede:arclist} </ul>
<!--end 5262426-59891-1-->
</div>
</div>
</section>
<script type="text/javascript">
ac_as_info = {
aid:"mm_113716014_12970038_52768286",
serverbaseurl:"afpeng.alimama.com/",
}
</script>
<script id="ac_js86_mm_113716014_12970038_52768286"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/jsw.js"></script>
<script type="text/javascript">
ac_as_info = {
aid:"mm_113716014_12970038_52768287",
serverbaseurl:"afpeng.alimama.com/",
}
</script>
<script id="ac_js86_mm_113716014_12970038_52768287"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/w.js"></script>
</body>
其他待续