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