線上書籍

Home

四小時佈景開發

  1. 您可以自己設計一個靜態畫面,也可以從網路上抓取免費佈景來修改成XOOPS佈景。
  2. 本教學以 http://html5templatesdreamweaver.com/free/bootstrap-biz-1/site/about.html 此佈景為教學範例
  3. 若是下載免費佈景,請將之解壓縮後,刪除不必要檔案,並將想要拿來修改的.html 檔複製一份成theme.html
    • (1) 解壓縮,並複製裡面的 site (只有此目錄下的檔案才是佈景而已)到網站的 themes 目錄下,並更名為 bootstrap-biz
    • (2) 點擊觀看每個 html 檔,留下一個看起來比較適用或好修改的即可,例如:full.html,其餘刪除之。
    • (3) 複製 full.html,貼為新檔,並更名為 theme.html,這是我們主要的樣板檔,未來都會修改之。
    • (4) 一些不必要的資料夾也可以刪一刪,若是不確定是否會用到,可用編輯器的跨檔案搜尋(以sublime來說,就是 Ctrl+Shift+F)來搜尋一下,若查無結果就是用不到的資料夾。