:::

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=\'\';}">


:::

搜尋


書籍目錄

展開 | 闔起

線上使用者

13人線上 (3人在瀏覽線上書籍)

會員: 0

訪客: 13

更多…