PHPCMS 模板制作教程 黑夜之舞出品
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="COLOR: red">第一讲：了解</span><span style="COLOR: red">PHPCMS2008</span><span style="COLOR: red">模板的位置及结构</span></div><div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> 首先从官网把phpcms2008最新版本下载下来，并安装好。安装好之后在后台里的网站配置--基本信息那 <strong><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">生成文件扩展名 html </span></strong>设置好，然后更新首页和缓存。生成HTML后打开网站下的./templates/default/phpcms/ 目录，这就是生成的默认模板的存放位置。我截图给大家看</div>
<img alt="\" src="//img.jbzj.com/do/uploads/allimg/100408/2236090.jpg" /><br /><br /> 完整的首页模板就是由里面的<strong><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">header.Html</span></strong><strong><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">（头部）、index.Html（首页）、footer.Html（尾部） </span></strong>三个模板文件组成的，如果想修改首页就是修改这几个模板。下面我把常用的模板名称列出来，让大家了解。
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left">以<span style="FONT-SIZE: 12pt; BACKGROUND: white; COLOR: red"><span style="COLOR: red; TEXT-DECORATION: none; text-underline: none">category</span> </span>开头的都是栏目页</div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">文章栏目页 </span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category_down.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">下载栏目页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category_info.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">信息栏目页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category_picture.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">图片信息页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category_product.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">产品栏目页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">category_video.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">视频栏目页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left">以<span style="COLOR: red"><span style="COLOR: red; TEXT-DECORATION: none; text-underline: none">list</span></span> 开头的都是列表页</div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">list.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">文章列表页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">list_down.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">下载列表页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">list_picture.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">图片列表页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">list_product.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">产品列表页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">list_video.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">视频列表页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left">以<span style="COLOR: windowtext; TEXT-DECORATION: none; text-underline: none">show<span style="COLOR: windowtext; TEXT-DECORATION: none; text-underline: none">开</span></span>头的都是内容页</div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">文章内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show_down.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">下载内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show_info.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">信息内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show_picture.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">图片内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show_product.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">产品内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><span style="COLOR: #077ac7; TEXT-DECORATION: none; text-underline: none">show_video.html</span> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">视频内容页</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">这就是PHPCMS的基本模板名称，如果你想要制作或修改模板，只要找到相应的模板修改就行了。其它以TAG开头的模板都一些标签模板，在后面我再为大家详细解释。为些模板名称大家都可以在PHPCMS程序后台找得到。官方PHPCM默认的每个频道基本是由</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">栏目页、列表页、内容页 </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">这三个页面组成，头部和尾部都是通用的。所以我们做模板或是仿模板的时候一般都是按：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt; TEXT-INDENT: 20pt" align="left"><span style="FONT-SIZE: 10pt; COLOR: red">1</span><span style="FONT-SIZE: 10pt; COLOR: red">、网站首页</span><span style="FONT-SIZE: 10pt; COLOR: red"><br /> 2</span><span style="FONT-SIZE: 10pt; COLOR: red">、文章</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">文章栏目页</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">文章列表页</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">文章内容页</span><span style="FONT-SIZE: 10pt; COLOR: red"><br /> 3</span><span style="FONT-SIZE: 10pt; COLOR: red">、图片</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">图片栏目页</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">图片列表页</span><span style="FONT-SIZE: 10pt; COLOR: red">—</span><span style="FONT-SIZE: 10pt; COLOR: red">图片内容页</span><span style="FONT-SIZE: 10pt; COLOR: red"><br /> 4</span><span style="FONT-SIZE: 10pt; COLOR: red">、下载频道同上</span><span style="FONT-SIZE: 10pt; COLOR: red"><br /> 5</span><span style="FONT-SIZE: 10pt; COLOR: red">、信息频道同上</span><span style="FONT-SIZE: 10pt; COLOR: red"><br /> 6</span><span style="FONT-SIZE: 10pt; COLOR: red">、其他单一页面</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt; TEXT-INDENT: 18pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">这个顺序来做。</span></div>
<div align="left"> </div>
<div align="left"><span style="FONT-SIZE: 15pt; COLOR: red">第二讲：首页模板解析及制作思路</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="COLOR: red">大家都知道，制作模板之前我们都是先把想要的模板效果样式做成静态的</span><span style="COLOR: red">HTML</span><span style="COLOR: red">页面，之后再通过一定的规则把静态的</span><span style="COLOR: red">HTML</span><span style="COLOR: red">页面转换成</span><span style="COLOR: red">PHPCMS</span><span style="COLOR: red">模板，让这个模板可以自动的调用或读取</span><span style="COLOR: red">PHPCMS</span><span style="COLOR: red">程序里的内容。这个让静态</span><span style="COLOR: red">HTML</span><span style="COLOR: red">转换成可以自动读取</span><span style="COLOR: red">PHPCMS</span><span style="COLOR: red">程序里的内容的方法就是我们要学的知识。</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">我们看看默认head.Html模板代码</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><html xmlns="http://www.w3.org/1999/xhtml"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">网页使用的是W3C标准XHTML+CSS ，也就是别人常就的 DIV+CSS */</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><head></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><meta http-equiv="Content-Type" content="text/html; charset=</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{CHARSET}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">这是官方模板中的网页编码定义，{CHARSET}是只有phpcms才会识别的变量标签，可以自动识别程序的编码</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">在制作模板的时候改成自己程序相应的编码就行了。假如你的程序编码是GBK的。你改成：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red"><meta http-equiv="Content-Type" content="text/html; charset=GBK" /> */</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><title></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{$head}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"></title></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">读取网站的名称*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><meta content="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{$head}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">" name="keywords" /> </span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><meta content="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{$head}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">" name="description" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">读取网站的关键字和描述*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><base href="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{SITE_URL}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">这是读取网站后台设置的网址，也是就自己的域名，如果去掉的话，那么CSS样式和其它的图片都无法正常显示*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><link href="favicon.ico" rel="shortcut icon" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">链接模板的CSS样式 做模板的时候把这里改成如：<link href="templates/default/skins/default/phpcms.css" rel="stylesheet" type="text/css" />就行。 */</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><link rel="alternate" type="application/rss+xml" title="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{$head}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">" href="/rss.php?rssid={$catid}" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">读取网页标题*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="data/config.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="images/js/jquery.min.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="images/js/css.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="images/js/common.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="images/js/login.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><script language="JavaScript" src="images/js/validator.js"></script></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">上面几个JS文件关系到一些重要调用，做模板的时候要记得调用。可以把它们复制到相应模板文件夹里然后再调用*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"></head></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><body onload="menu_selected('{php echo $catid ? $catid : $mod;}')"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><div id="top"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{if</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> isset($MODULE['search'])}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">{php $types = cache_read('search_type.php');}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div class="f_r"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <form name="site_search" action="{$MODULE}" target="_blank"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <input type="text" name="q" size="20" class="input_blur"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <select name='type'></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <option value="all"></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">全部</option></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> {loop $types $k $name}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <option value="{$k}">{$name}</option></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> {/loop}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </select></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <input type="submit" name="s" id="button" value="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">搜索" class="button_style"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </form></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{/if}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">上面是默认搜索部分*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div class="f_l"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div id="div_login" style="display:none"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <form action="{$MODULE}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {PASSPORT_ENABLE});"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">用户名：<input type="text" name="username" size="12" class="input_blur"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">密码：<input type="password" name="password" size="12" class="input_blur"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <input type="submit" name="dosubmit" value="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">登录" class="button_style"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <input type="button" name="register" value="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">注册" onclick="redirect('{$MODULE}register.php')" class="button_style"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <input type="hidden" name="cookietime" value="0"/></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </form></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div id="div_logined" style="display:none"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <strong id="logined_username" ></strong></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">，<a href="{$MODULE}">会员中心</a> | </span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <a href="{if PASSPORT_ENABLE}{$MODULE}logout.php{else}javascript:logout('{$MODULE}logout.php?action=ajax');{/if}"></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">退出登录</a></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"></div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">上面是默认会员登录部分*/</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><div id="head"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div id="logo"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <a href="{SITE_URL}"><img src="images/logo.gif" alt="{$PHPCMS}" /></a></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <a href="{SITE_URL}rss.php" target="_blank"><img src="images/rss.jpg" alt="rss</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">信息聚合" /></a></div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <div class="ad" id="topbanner"><script language="javascript" src="data/js.php?id=1"></script></div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"></div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red"><div id="menu"></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <ul></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> <li><a href="" id="menu_phpcms"><span></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">首页</span></a></li></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> {tag_</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">一级栏目}</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </ul></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red"></div></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">/*</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">上面是默认导航菜单部分*/</span></div>
<div align="left"> </div>
<div align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">...........</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white">这就是头部模板文件里的代码，我们在制作模板的时候，在静态的HTML文件里的相应位置把那些变量替换上去就行了。再给大家举两个例子。</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">一、</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">修改前</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">的静态HTML文件里的网页关键字和网页描述代码：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><meta content="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">夜之舞——夜之舞网络工作室" name="keywords" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><meta content="</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">夜之舞网络工作室是一个专业的PHPCMS模板制作团队，制作、模仿模板都应该去找他们。" name="description" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">修成</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">可以自动读取PHPCMS程序里的网页关键字和网页描述内容<span style="COLOR: red">后</span>的代码：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><meta content="<span style="COLOR: red">{$head}</span>" name="keywords" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><meta content="<span style="COLOR: red">{$head}</span>" name="description" /></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">二、</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">修改前的静态HTML文件里的网站标题代码：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><title></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7">黑夜之舞网络工作室</title></span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white">修改后的代码：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"><title></span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: red">{$head}</span><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"></title></span></div>
<div align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -20.9pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white">无论是自己做模板还是仿模板的前提都是先把那些模板做成静态的页面，然后再把静态页面中HTML<span style="COLOR: #077ac7">源代码中的常量</span>转换成官方模板可以读取的<span style="COLOR: #077ac7">变量</span>。以上就是两个小例子，当然做模板，仿模板远不止这些，但大家只要知道这个原理，那么做模板或是仿模板都将变得很简单。</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 15pt; BACKGROUND: white; COLOR: red">第三讲：模板制作模板仿制的方法</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"> </div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white; COLOR: #077ac7"> </span><span style="FONT-SIZE: 9pt; BACKGROUND: white">之前也说了无论是制作模板还是仿模板，就先提把那些模板做成静态页面。怎么制作静态页面的方法我在这就不介绍了，我想大家都会，如果不会的就去网上搜索资料自学。下面我重点放在怎么仿模板。大家都知道，现在都网页制作提倡使用XHTML+CSS标准，也就是大家常说的DIV+CSS，PHPCMS页面也是使用这一标准。XHTML+CSS页面中最常见的标志对有：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><DIV> </DIV></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><UL> </UL></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><LI> </LI></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><SPAN> </SPAN></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white"><P> </P></span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white">等。。。。</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white">大家只要把这几个标志对的作用了解就行了，要求不高。所以建议大家在网上看到漂亮的网页的时候，一定要记得使用右键查看源文件，看看那些高手是怎么制作网页的，进而模仿借鉴。这是由一个菜鸟到高手的必经之路。嗯说正事。</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt; BACKGROUND: white">仿站之前的准备：</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">一、</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">打开目标网站 （废话哈）</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">二、</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">查看目标站的结构 （看看目标站哪些页面适合做-栏目面--列表页--内容页等） 这步很重要</span></div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">三、</span><span style="FONT-SIZE: 9pt; BACKGROUND: white">打开PHPCMS网站下</span>/templates/default/目录 把default目录复制一份，用来备份，方便做错之后还原回来。</div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">四、</span>打开目标网站--右键查看源文件--复制--然后粘贴到<span style="COLOR: red">./templates/default/phpcms/</span> 目录下的index.html文件里，替换里面的内容。进入网站后台，更新一下网站首页，就可以看到效果了。</div>
<div style="MARGIN: 0cm 0cm 0pt -21pt" align="left"><span style="FONT-SIZE: 9pt">五、</span>把目标网站首页的CSS和图片资源下载下来，存放路径和目标网站一样。</div>
頁:
[1]