织梦手机端

第一步:


这是大概样式

代码:

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>
其他待续
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值