菠蘿教你做模板之二－制作準備及網(wǎng)站首頁的制作(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模板，我們會發(fā)現(xiàn)里面的html就是自己切片產(chǎn)生的，這些并不是我們需要的，我們需要的，是phpcms自己熟悉的代碼，那么我們現(xiàn)在就開始吧
1.模板方案的建立
新建一個文件夾，例如新建一個文件夾叫qq，這個就是我們自己制作的模板方案的文件夾
我們先在這個文件夾里面建立一個子文件夾叫phpcms，或者叫index，這個文件夾用來存放前面我們提到的哪些通用的模板，叫什么名字是無所謂的，但是記住，所有的文件夾名字都只能是英文字母或者數(shù)字，不能是中文
2.header.html文件的建立
我們把我們剛才自己切片要做頭部文件的html復制進來，為了讓人一幕了然，我們還是命名為header.html
打開這個header.html文件，我們需要按照phpcms的方式來插入代碼
打開官方默認模板的header.html文件，我們會發(fā)現(xiàn)下面這樣的代碼
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模板，我們會發(fā)現(xiàn)里面的html就是自己切片產(chǎn)生的，這些并不是我們需要的，我們需要的，是phpcms自己熟悉的代碼，那么我們現(xiàn)在就開始吧
1.模板方案的建立
新建一個文件夾，例如新建一個文件夾叫qq，這個就是我們自己制作的模板方案的文件夾
我們先在這個文件夾里面建立一個子文件夾叫phpcms，或者叫index，這個文件夾用來存放前面我們提到的哪些通用的模板，叫什么名字是無所謂的，但是記住，所有的文件夾名字都只能是英文字母或者數(shù)字，不能是中文
2.header.html文件的建立
我們把我們剛才自己切片要做頭部文件的html復制進來，為了讓人一幕了然，我們還是命名為header.html
打開這個header.html文件，我們需要按照phpcms的方式來插入代碼
打開官方默認模板的header.html文件，我們會發(fā)現(xiàn)下面這樣的代碼
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 v9 安裝環(huán)境要求
- PHPCMS mysql優(yōu)化教程
- PHPCMS shtml設置
- phpcms本地網(wǎng)站遷移至虛擬主機的教程
- Phpcms V9 調(diào)用全站最新文章的代碼
- Phpcms V9 調(diào)用全站文章排行的解決方案
- Phpcms V9 調(diào)用隨機文章的方法
- 讓PHPCms內(nèi)容頁支持JavaScript
- phpcms教程: phpcms V9 默認模板文件目錄結(jié)構(gòu)
- phpcms教程:phpcms V9 常用文件目錄結(jié)構(gòu)介紹
- PhpCms系統(tǒng)設置:我的面板
- PhpCms系統(tǒng)設置:附件管理
- 相關鏈接：
- 教程說明：
PHPCms教程-菠蘿教你做模板之二－制作準備及網(wǎng)站首頁的制作(2)
。