关于在jeecms中css,图片,html,模板是如何组装成——part1

先从HTML入手:index.html

 1 <!DOCTYPE HTML>
 2 <html>
 3 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>首页 - ${site.name} - Powered by JEECMS</title>
 6 <meta http-equiv="keywords" content="${site.keywords!}"/>
 7 <meta http-equiv="description" content="${site.description!}"/>
 8 <script src="${resSys}/jquery.js" type="text/javascript"></script>
 9 <script src="${resSys}/front.js" type="text/javascript"></script>
10 <script type="text/javascript" src="/${res}/js/jquery.SuperSlide.js"></script>
11 <link type="text/css" rel="stylesheet" href="/${res}/css/home.css" />
12 
13 <!--[if lt IE 9]> 
14 <script src="/${res}/js/html5shiv.min.js"></script>
15 <script src="/${res}/js/respond.min.js"></script>
16 <![endif]-->
17 <script type="text/javascript">
18 $(function() {
19     Cms.siteFlow("${base}", location.href, document.referrer, "${site.config.flowSwitch?string}");
20     $.cookie("_site_id_cookie","${site.id!}",{path: '${base}' });
21 });
22 </script>
23 <head>

6,7行代码:告诉服务器接受什么协议

8,9,10,14,15行代码:其实就是叫各种js大哥来站场,分别是

jquery.js  有了他就有使用jquery函数
front.js   好像是弄验证码的玩意
SuperSlide.js   能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。
html5shiv.min.js以及respond.min

html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,

 

差点忘了,光大老爷们多不好,来一个小美女

home.css


他妈的,老大们都到了,那么唯一干一件事,在头文件就是:统计网站的流量18,19,20行
注:r资源都在recourse中

${resSys}的调用结果是/jeecms/r/cms/ 
${res}的调用结果是jeecms/r/cms/www/default 

 

posted @ 2017-03-07 10:36  superAnny  阅读(195)  评论(0编辑  收藏  举报