快捷導(dǎo)航

用PHP制作靜態(tài)網(wǎng)站的模板框架(一)

更新時間：2006年10月09日 00:00:00 作者：

模板能夠改善網(wǎng)站的結(jié)構(gòu)。本文闡述如何通過PHP 4的一個新功能和模板類，在由大量靜態(tài)HTML頁面構(gòu)成的網(wǎng)站中巧妙地運用模板控制頁面布局。

提綱：

===================================

分離功能和布局

避免頁面元素重復(fù)

靜態(tài)網(wǎng)站的模板框架

===================================

分離功能和布局

　　首先我們來看看應(yīng)用模板的兩個主要目的：

分離功能（PHP）和布局（HTML）

避免頁面元素重復(fù)

　　第一個目的是談?wù)摰米疃嗟哪康?，它設(shè)想的情形是：一組程序員編寫用于生成頁面內(nèi)容的PHP腳本，同時另一組設(shè)計人員設(shè)計HTML和圖形以控制頁面的最終外觀。分離功能和布局的基本思想就是使得這兩組人能夠各自編寫和使用獨立的一組文件：程序員只需關(guān)心那些只包含PHP代碼的文件，無需關(guān)心頁面的外觀；而頁面設(shè)計人員可以用自己最熟悉的可視化編輯器設(shè)計頁面布局，無需擔(dān)心破壞任何嵌入到頁面的PHP代碼。

　　如果你曾經(jīng)看過幾個關(guān)于PHP模板的教程，那么你應(yīng)該已經(jīng)明白模板的工作機制?？紤]一個簡單的頁面局部：頁面的上方是頁頭，左邊是導(dǎo)航條，其余部分是內(nèi)容區(qū)域。這種網(wǎng)站可以擁有如下模板文件：


<html>
<head><title>模板示例</title></head>
<body>
<table><tr><td>{HEADER}</td></tr>
<tr><td>{LEFTNAV}</td><td>{CONTENT}</td></tr>
</table>
</body></html>


<img src="sitelogo.jpg">


<br><a href="foo">Foo</a>
<br><a href="bar">Bar</a>

　　可以看出頁面如何由這些模板構(gòu)造而成：main模板控制著整個頁面的布局；header模板和leftnav模板控制著頁面的公共元素?；ɡㄌ枴皗}”里面的標識符是內(nèi)容占位符。使用模板最主要的好處在于界面設(shè)計者能夠按照自己的意愿編輯這些文件，比如設(shè)置字體、修改顏色和圖形，或者完全地改變頁面的布局。界面設(shè)計者可以用任何普通HTML編輯器或者可視化工具編輯這些頁面，因為這些文件都只包含HTML代碼，沒有任何PHP代碼。