用PHP制作靜態(tài)網(wǎng)站的模板框架(一)
發(fā)表時(shí)間:2024-05-24 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]模板能夠改善網(wǎng)站的結(jié)構(gòu)。本文闡述如何通過(guò)PHP 4的一個(gè)新功能和模板類,在由大量靜態(tài)HTML頁(yè)面構(gòu)成的網(wǎng)站中巧妙地運(yùn)用模板控制頁(yè)面布局。 提綱: =================================== 分離功能和布局 避免頁(yè)面元素重復(fù) 靜態(tài)網(wǎng)站的模板框架 =============...
模板能夠改善網(wǎng)站的結(jié)構(gòu)。本文闡述如何通過(guò)PHP 4的一個(gè)新功能和模板類,在由大量靜態(tài)HTML頁(yè)面構(gòu)成的網(wǎng)站中巧妙地運(yùn)用模板控制頁(yè)面布局。
提綱:
===================================
分離功能和布局
避免頁(yè)面元素重復(fù)
靜態(tài)網(wǎng)站的模板框架
===================================
分離功能和布局
首先我們來(lái)看看應(yīng)用模板的兩個(gè)主要目的:
分離功能(PHP)和布局(HTML)
避免頁(yè)面元素重復(fù)
第一個(gè)目的是談?wù)摰米疃嗟哪康模O(shè)想的情形是:一組程序員編寫用于生成頁(yè)面內(nèi)容的PHP腳本,同時(shí)另一組設(shè)計(jì)人員設(shè)計(jì)HTML和圖形以控制頁(yè)面的最終外觀。分離功能和布局的基本思想就是使得這兩組人能夠各自編寫和使用獨(dú)立的一組文件:程序員只需關(guān)心那些只包含PHP代碼的文件,無(wú)需關(guān)心頁(yè)面的外觀;而頁(yè)面設(shè)計(jì)人員可以用自己最熟悉的可視化編輯器設(shè)計(jì)頁(yè)面布局,無(wú)需擔(dān)心破壞任何嵌入到頁(yè)面的PHP代碼。
如果你曾經(jīng)看過(guò)幾個(gè)關(guān)于PHP模板的教程,那么你應(yīng)該已經(jīng)明白模板的工作機(jī)制?紤]一個(gè)簡(jiǎn)單的頁(yè)面局部:頁(yè)面的上方是頁(yè)頭,左邊是導(dǎo)航條,其余部分是內(nèi)容區(qū)域。這種網(wǎng)站可以擁有如下模板文件:
<!-- 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=http://www.okasp.com/techinfo/"sitelogo.jpg">
<!-- leftnav.htm -->
<br><a href="foo">Foo</a>
<br><a href="bar">Bar</a>
可以看出頁(yè)面如何由這些模板構(gòu)造而成:main模板控制著整個(gè)頁(yè)面的布局;header模板和leftnav模板控制著頁(yè)面的公共元素;ɡㄌ(hào)“{}”里面的標(biāo)識(shí)符是內(nèi)容占位符。使用模板最主要的好處在于界面設(shè)計(jì)者能夠按照自己的意愿編輯這些文件,比如設(shè)置字體、修改顏色和圖形,或者完全地改變頁(yè)面的布局。界面設(shè)計(jì)者可以用任何普通HTML編輯器或者可視化工具編輯這些頁(yè)面,因?yàn)檫@些文件都只包含HTML代碼,沒(méi)有任何PHP代碼。