当前位置:首页 > CMS教程 > php168 > 列表

头部模板、底部模板制作------最新简化

发布:smiling 来源: PHP粉丝网  添加日期:2014-03-31 20:05:14 浏览: 评论:0 

一、网站一般都用公共的头部(header)、尾部(footer).

二、公共头部(header)、尾部(footer)放在core文件夹中,供所有系统和模块调用。

core即系统核心意思,存放公共头部、尾部等页面,core的位置:根目录 /  template  /  *****模板   /core

三、为了最快捷制作头

部模板,直接复制下面的代码放在你制作的头部(header)里,这个头部模板是core里面的.

路径:根目录/template/***模板/core,即可.

  1. <!--{php168}--> 
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  4. <html xmlns="http://www.w3.org/1999/xhtml"
  5.  
  6. <head> 
  7.  
  8. <meta http-equiv="Content-Type" content="text/html; charset={$core.CONFIG['page_charset']}" /> 
  9. <title>$TITLE</title> 
  10. <meta name="keywords" content="$SEO_KEYWORDS" /> 
  11. <meta name="description" content="$SEO_DESCRIPTION" /> 
  12.  
  13. <link rel="stylesheet" type="text/css" href="{$RESOURCE}/skin/本CSS具体的路径/common.css" /> 
  14. <link rel="stylesheet" type="text/css" href="{$RESOURCE}/skin/本CSS具体的路径/head_foot.css" /> 
  15. <link rel="stylesheet" type="text/css" href="{$RESOURCE}/skin/label/label.css" /> 
  16.  
  17. <script type="text/javascript" src="{$RESOURCE}/js/config.js"></script> 
  18. <script type="text/javascript" src="{$RESOURCE}/js/util.js"></script> 
  19. <script type="text/javascript" src="{$RESOURCE}/js/lang/core/{$core.CONFIG['lang']}.js"></script> 
  20. <!--{if $SYSTEM != 'core'}--> 
  21. <script type="text/javascript" src="{$RESOURCE}/js/lang/$SYSTEM/{$core.CONFIG['lang']}.js"></script> 
  22. <!--{/if}--> 
  23.  
  24. <script type="text/javascript"
  25. <!--{template_init_js}--> 
  26. </script> 
  27.  
  28. </head> 
  29.  
  30. <body> 
  31.  
  32. /....此中间里面的内容全部自由发挥,类似做静态页面一样...../ 
  33.  
  34. <div class="gov_frame"
  35.  
  36. <!--{/php168}--> 

备注说明:

1、上面的头部代码包含了seo、JS调用、模板语法等,一应俱全,无需去了解里面的功能原理,后续只需复制即可。

2、第七行、第八行中的“本CSS具体的路径”即调用本模板的CSS路径,如媒体方案的CSS就放在skin/media/core文件夹中,具体为:<link rel="stylesheet" type="text/css" href="{$RESOURCE}/skin/media/core/common.css" />

3、<body>中间自由发挥的代码,就是大家如何制作静态页的问题了。

4、<!--{php168}--> ******  <!--{/php168}-->,模板引擎符号由国微官方确定,大家记住即可,放在所有模板中首尾。

5、有个需要注意的事项,虽然一个页面分为头部、中间、尾部,但是还是共用一套标示符,如 <html>、<body>起始符存放在头部header中,</body>、</html>结束符则存放在尾部footer中,形成一个整体。

头部header:

  1.  <html> 
  2.  <head> 
  3.  </heda> 
  4.  <body> 
  5.    ................... 
  6. <div class="gov_frame"> 
  7.   ................... 
  8. 尾部footer: 
  9.  </div> 
  10. </body> 
  11. </html> 

6、头部header最后结尾<div class="gov_frame">处需要加此div起始符,而此</div>闭合符则在尾部,主要作用是确保整个页面三部分的宽度不变形,这个样式事先已经加好.

Tags: 模板 底部 头部

分享到: