7. 讓程式套用佈景

一、TBS小強佈景

1.讓PHP程式和畫面設計（即樣板）分開，我們就可以用一般網頁編輯器來設計樣板。
2.可以不用重複設計專案的每一頁畫面，因樣板可共用，節省開發時間。
3.PHP樣板引擎（用來套用樣板的東西）很多，我們用的是小巧快速的「小強」TinyButStrong樣板引擎（http://www.tinybutstrong.com）
4.小強的簡體中文說明書：http://phpv.net/TBS_Manual.htm

二、免費佈景

1.http://www.openwebdesign.org ←上課以此做範例
2.http://www.freecsstemplates.org
3.http://www.oswt.co.uk/index.html
4.http://www.zeroweb.org/
5.http://www.templateworld.com/free_templates.html

三、用網頁編輯器來修改製作樣板

1.KompoZer是一套所見即所得的網頁編輯軟體，自由軟體，可免費使用。
2.可從「Tool→Extensions」安中中文語系。
3.將佈景的index.html改為theme.html（可自訂），並整理版面以設定樣板標籤：[var.名稱]，如「var.content」，樣板標籤可以設定很多組！
4.記得修改頁面連結，並注意佈景編碼設定。

四、讓php檔案套用樣板

1.將tbs_us.zip複製到網頁目錄下，並解壓縮，我們要用的只有tbs_class.php或tbs_class_php5.php。
2.程式中必須產生對應佈景標籤的變數，如「$content="xxx"」（即對應[var.content]），最後引入TBS佈景引擎檔案:
include_once('tbs_class.php');
$TBS =& new clsTinyButStrong ;
$TBS->LoadTemplate('theme.html',False) ;
$TBS->Show() ;

五、縣市鄉鎮連動選單

1.把city_menu複製到網頁目錄，接著將「縣市連動選單語法.txt」中的語法，貼到表單<form>之前。
2.縣市以及鄉鎮都必須改為<select>下拉選單。縣市欄位名稱預設為city鄉鎮則為town，若不一樣，則需跟著修改form.city或form.town。
3.若想固定寬度，可於<select>中加入 style="width:80px;"
六、點欄位提示自動消失
1.郵遞區號欄位可設計成一點該欄「郵遞區號」四個字自動空白。
<input type="text" name="zip" size=5 value="郵遞區號" onClick="if(this.value==\'郵遞區號\'){this.value=\'\';}">

6-1 index.php