用PHP制作靜態網站的模板框架(一)

模板能夠改善網站的結構。本文闡述如何通過php(做為現在的主流開發語言) 4的一個新功能和模板類,在由大量靜態HTML頁面構成的網站中巧妙地運用模板控制頁面佈局。



提綱:

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

分離功能和佈局


避免頁面元素重復


靜態網站的模板框架

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




分離功能和佈局


   首先我們來看看應用模板的兩個主要目的:





分離功能(php(做為現在的主流開發語言))和佈局(HTML)


避免頁面元素重復



   第一個目的是談論得最多的目的,它設想的情形是:一組程序員編寫用於生成頁面內容的php(做為現在的主流開發語言)腳本,同時另一組設計人員設計HTML和圖形以控制頁面的最終外觀。分離功能和佈局的基本思想就是使得這兩組人能夠各自編寫和使用獨立的一組文件:程序員隻需關心那些隻包含php(做為現在的主流開發語言)代碼的文件,無需關心頁面的外觀;而頁面設計人員可以用自己最熟悉的可視化編輯器設計頁面佈局,無需擔心破壞任何嵌入到頁面的php(做為現在的主流開發語言)代碼。


   如果你曾經看過幾個關於php(做為現在的主流開發語言)模板的教程,那麼你應該已經明白模板的工作機制。考慮一個簡單的頁面局部:頁面的上方是頁頭,左邊是導航條,其餘部分是內容區域。這種網站可以擁有如下模板文件:



<!– main.htm –>
<html>
<head><title>模板示例</title></head>
<body>
<table><tr><td>{HEADER}</td></tr>
<tr><td>{LEFTNAV}</td><td>{CONTENT}</td></tr>
</table>
</body></html>

<!– header.htm –>
<img src=”/edu/UploadPic/2008-2/2008215175952689.jpg””>

<!– leftnav.htm –>
<br><a href=”foo”>Foo</a>
<br><a href=”bar”>Bar</a>




   可以看出頁面如何由這些模板構造而成:main模板控制著整個頁面的佈局;header模板和leftnav模板控制著頁面的公共元素。花括號“{}”裡面的標識符是內容占位符。使用模板最主要的好處在於界面設計者能夠按照自己的意願編輯這些文件,比如設置字體、修改顏色和圖形,或者完全地改變頁面的佈局。界面設計者可以用任何普通HTML編輯器或者可視化工具編輯這些頁面,因為這些文件都隻包含HTML代碼,沒有任何php(做為現在的主流開發語言)代碼。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *