菠萝教你做模板之二－制作准备及网站首页的制作(2)_PHPCms教程
教程Tag：暂无Tag,欢迎添加,赚取U币!
(2006-7-13 11:08 PM, 90.67 K)
底部这些东西是通用的，我们可以把他做成footer.html文件
图片附件: Snap2.jpg (2006-7-13 11:08 PM, 85.94 K)
其余的部分，就可以做成默认模板的index.html 首页文件
打开我们刚才自己制作的header.html模板，我们会发现里面的html就是自己切片产生的，这些并不是我们需要的，我们需要的，是phpcms自己熟悉的代码，那么我们现在就开始吧
1.模板方案的建立
新建一个文件夹，例如新建一个文件夹叫qq，这个就是我们自己制作的模板方案的文件夹
我们先在这个文件夹里面建立一个子文件夹叫phpcms，或者叫index，这个文件夹用来存放前面我们提到的哪些通用的模板，叫什么名字是无所谓的，但是记住，所有的文件夹名字都只能是英文字母或者数字，不能是中文
2.header.html文件的建立
我们把我们刚才自己切片要做头部文件的html复制进来，为了让人一幕了然，我们还是命名为header.html
打开这个header.html文件，我们需要按照phpcms的方式来插入代码
打开官方默认模板的header.html文件，我们会发现下面这样的代码
CODE: [Copy to clipboard] <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}">
<title>{$meta_title}-{$_PHPCMS['meta_title']}-{$_PHPCMS['sitename']}</title>
<meta name="keywords" content="{$meta_keywords}">
<meta name="description" content="{$meta_description}">
<meta name="generator" content="Phpcms {$version}">
<link href="{$skindir}/style.css" rel="stylesheet" type="text/css">
<script language="javascript">
<!--
var phpcms_path = "{PHPCMS_PATH}"
//-->
</script>
<script language="javascript" src="{PHPCMS_PATH}include/js/common.js"></script>
<SCRIPT LANGUAGE="JavaScript" src="{PHPCMS_PATH}ads/ads.php?id=3"></SCRIPT>
</head>
<body {if $cat['enableprotect']}oncontextmenu='return false' ondragstart='return false' on selectstart ='return false' on select='document.selection.empty()' on copy='document.selection.empty()' onbeforecopy='return false'{/if}>
****************
<table width="980" align="center" cellpadding="0" cellspacing="0">
<tr>
底部这些东西是通用的，我们可以把他做成footer.html文件
图片附件: Snap2.jpg (2006-7-13 11:08 PM, 85.94 K)
其余的部分，就可以做成默认模板的index.html 首页文件
打开我们刚才自己制作的header.html模板，我们会发现里面的html就是自己切片产生的，这些并不是我们需要的，我们需要的，是phpcms自己熟悉的代码，那么我们现在就开始吧
1.模板方案的建立
新建一个文件夹，例如新建一个文件夹叫qq，这个就是我们自己制作的模板方案的文件夹
我们先在这个文件夹里面建立一个子文件夹叫phpcms，或者叫index，这个文件夹用来存放前面我们提到的哪些通用的模板，叫什么名字是无所谓的，但是记住，所有的文件夹名字都只能是英文字母或者数字，不能是中文
2.header.html文件的建立
我们把我们刚才自己切片要做头部文件的html复制进来，为了让人一幕了然，我们还是命名为header.html
打开这个header.html文件，我们需要按照phpcms的方式来插入代码
打开官方默认模板的header.html文件，我们会发现下面这样的代码
CODE: [Copy to clipboard] <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}">
<title>{$meta_title}-{$_PHPCMS['meta_title']}-{$_PHPCMS['sitename']}</title>
<meta name="keywords" content="{$meta_keywords}">
<meta name="description" content="{$meta_description}">
<meta name="generator" content="Phpcms {$version}">
<link href="{$skindir}/style.css" rel="stylesheet" type="text/css">
<script language="javascript">
<!--
var phpcms_path = "{PHPCMS_PATH}"
//-->
</script>
<script language="javascript" src="{PHPCMS_PATH}include/js/common.js"></script>
<SCRIPT LANGUAGE="JavaScript" src="{PHPCMS_PATH}ads/ads.php?id=3"></SCRIPT>
</head>
<body {if $cat['enableprotect']}oncontextmenu='return false' ondragstart='return false' on selectstart ='return false' on select='document.selection.empty()' on copy='document.selection.empty()' onbeforecopy='return false'{/if}>
****************
<table width="980" align="center" cellpadding="0" cellspacing="0">
<tr>
相关PHPCms教程：
- 相关链接：
- 教程说明：
PHPCms教程-菠萝教你做模板之二－制作准备及网站首页的制作(2)
。