菠蘿教你做模板之二－制作準備及網站首頁的制作(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)
。